Discover, trust, install: FAIR 1.0 is here

Plugin Banner

Lightweight Social Icons

by Tom

Version: 1.1

Download
Description

Lightweight Social Icons is an easy to use, lightweight social icon widget which lets you display your favorite social profile icons.

The icons use an icon font, meaning you can choose the size, border radius (roundess), color and hover color of your icons!

Check out GeneratePress, our awesome WordPress theme! (https://wordpress.org/themes/generatepress)

Features include:

  • Choose your own order
  • Icon size
  • Border radius
  • Background color
  • Text/icon color
  • Background color on hover
  • Text/icon color on hover
  • Open links in new window
  • Enable/disable tooltips
  • Alignment of icons

Included icons:

  • Facebook
  • Twitter
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Flickr
  • Email
  • RSS
  • Stumbleupon
  • Tumblr
  • Vimeo
  • YouTube
  • Github
  • Soundcloud
  • DeviantArt
  • Phone
  • Skype
  • Dribbble
  • Foursquare
  • Reddit
  • Spotify
  • Digg
  • Vine
  • Codepen
  • Delicious
  • JSFiddle
  • Stack Overflow
  • WordPress
  • Dropbox
  • Steam
  • Behance
  • iTunes
  • Yelp
  • 500px
  • AngelList
  • Blog Lovin’
  • Paper Plane (Newsletter)
  • VK
  • Xing
  • Bandcamp
  • BitBucket
  • Snapchat
  • Trip Advisor
  • Houzz
  • Mixcloud
  • Last.fm

There’s two ways to install Lightweight Social Icons.

  1. Go to “Plugins > Add New” in your Dashboard and search for: Lightweight Social Icons
  2. Download the .zip from WordPress.org, and upload the folder to the /wp-content/plugins/ directory via FTP.

In most cases, #1 will work fine and is way easier.

  1. Set your options and choose which social profiles you want to show off.

    Set your options and choose which social profiles you want to show off.

  2. All of the icons in a widget with tooltips enabled.

    All of the icons in a widget with tooltips enabled.

  3. Icons with a different color.

    Icons with a different color.

How do I add a widget with my icons?

  • Make sure Lightweight Social Icons is activated.
  • Navigate to “Appearance > Widgets” and look for the “Lightweight Social Icons” widget.
  • Drag the widget into your desired widget area.

Once the widget is added to a widget area, you can expand it and fill in your profiles.

What options does Lightweight Social Icons have?

  • Choose your own order
  • Title (optional): Choose a title for your widget.
  • Icon size: Choose the size of the icon font.
  • Border radius: Choose the border radius of the icon. Border radius refers to the “roundness” of the button.
  • Background color: The background color of the button.
  • Text Color: The icon color.
  • Background hover color: The background color of the button when you hover over it.
  • Text hover color: The color of the icon when you hover over the button.
  • Open link in a new window?: Choose to open all of the links in a new window/tab.
  • Alignment: Choose to align the button to the left, center or right.

How do I add my social profile URLs?

In the select box on the left, choose your desired social media site.

To the right of the select box, enter in the URL of your profile on that specific social media site.

The “Skype” option takes your Skype username.

The “Phone” option takes your phone number.

Can I assign different colors to each icon?

Not at this time (without custom CSS of course). We’re hoping to add this feature soon.

Can I display my icons with a shortcode?

Not by default, but you can use a plugin like this: https://wordpress.org/plugins/widget-shortcode/

It allows you to add the widget to an arbitrary widget area, and then you can call that widget using a shortcode elsewhere in your website.

Affects Core Web Vitals creating Ensure Text Remains Visible During Webfont Load

By Mahesh Pant (advancedblog2017) on December 25, 2022

I don't recommend this plugin at all. It signs a useless font which is not displayed in the front end to the users but creates core web vitals issues on the back end. The font name is fontello.woff and it is seen nowhere on the front end. Deleting or adding display swap on the font stylesheet also does not works. Moreover, they are two stylesheets and cannot decide which stylesheet is used. I don't recommend using this plugin unless it is the last option to use.

It's Light!

By shirtguy72 on April 23, 2022

Hasn't been updated but super light and solid!

Fantastic Social Icons Plugin

By Hematoma (scuffed) on January 25, 2022

Tom never fails to make amazing plugins and this social icons plugin is no different. I just hope that there are plans to add a discord icon in the near future. 5/5 plugin!

Best Social Icons Plugins but lacks tik tok icon

By Damian Partha (eddiepalomares) on November 8, 2021

This is one of the best social icons plugins out there. But I will cut one star because it lacks the social icon for Tik Tok, one of the fastest-growing social media out there.

Has been great until now

By teropesonen on September 25, 2021

This has been great, but currently does not appear to be compatible with WordPress version 5.8.1

TOM PLEASE ADD GOOGLE MY BUSINESS ICON

By Rostyslav (rostyk1000) on September 16, 2021

TOM PLEASE ADD GOOGLE MY BUSINESS ICON

Almost everything you need

By Jan Grube (mcstumpfi) on March 30, 2021

This Plugin helped me for a fast creation of my page. Also it has a lot of icons. For my personal use, there is actually one icon missing. And thats the one for patreon. Is it possible to add this in the next version?

Very good plugin

By davidandrewsmithjr on November 18, 2020

This plugin does exactly what I want and keeps my page speed score at 100.

Potentially good, but lacking basic functionality

By kaytellehoel (kaytellehoel@gmail.com) on July 15, 2020

The inability to easily remove the background color and adjust padding around the icons unfortunately ruins an otherwise handy widget.

Please add a Discord icon! Perhaps a custom icon too

By agentrosehq on June 9, 2020

Great lightweight option but lacks all the icons I need - would appreciate a Discord icon myself as well as the ability to upload/create a custom one, should the plugin ever be lacking. Would love to keep using this if these features are added! Right now I'm using the wrong icon so I hope the icon options are added.

1.1

  • Add rel=”noopener noreferrer” to links opening in new windows

1.0.1

  • Fix styling issue with themes that don’t add widget ID

1.0

  • Code cleanup
  • Fix widget controls in the Customizer
  • Fix compatibility error with Site Origin Page Builder
  • Fix color picker labels
  • Use flexbox for admin controls

0.9

  • Fix a couple stray PHP notices
  • New icon: Snapchat
  • New icon: Trip Advisor
  • New icon: Houzz
  • New icon: Mixcloud
  • New icon: Last.fm
  • Updated icon: Google+
  • Updated icon: Instagram
  • Remove query strings from font
  • Update text domain to use WP.org translations
  • Minify style.css

0.8

  • Fix incompatibility with Custom Sidebars plugin
  • Hide empty fields by default – click “Add Icon” button to show more fields
  • Alphabetize list of icons
  • Disable open in new window with email/contact button
  • New icon: Xing
  • New icon: Bandcamp
  • New icon: BitBucket

0.7

  • Fix warning

0.6

  • Allow addition of new icons via lsi_icons_defaults filter

0.5

  • Fix iTunes icon

0.4

  • Add filter to rel attribute: lsi_icon_rel_attribute
  • Add filter to title attribute: lsi_icon_title_attribute
  • Steam icon added
  • Behance icon added
  • iTunes icon added
  • Yelp icon added
  • 500px icon added
  • AngelList icon added
  • Blog Lovin’ icon added
  • Paper Plane (newsletter) icon added
  • VK icon added

0.3

  • Add display:block to ul container
  • French translation added
  • Contact can be email address or link to contact page
  • Fix Skype button
  • Optimize to work better in Customizer

0.2

  • Minor changes made

0.1

  • Initial release
  • Version:Version: 1.1
  • Active installs:Active installs: 40K
  • Last updated:Last updated: 18-03-2020
  • Requires:Requires: 4.5
  • Tested:Tested: 5.4.16
Average rating:4.7 out of 5 stars.
  • Number of ratings: 56 ratings
  • Number of ratings: 3 ratings
  • Number of ratings: 1 ratings
  • Number of ratings: 1 ratings
  • Number of ratings: 2 ratings
Back to top