Lightweight Social Icons


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! (


  • Choose your own order
  • Размер иконки
  • Радиус скругления
  • Цвет фона
  • Цвет текста/иконки
  • Цвет фона при наведении
  • Цвет текста/иконки при наведении
  • Открывать ссылки в новом окне
  • Включить/выключить всплывающие подсказки
  • Выравнивание иконок


  • Facebook
  • Twitter
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Flickr
  • E-mail
  • RSS
  • Stumbleupon
  • Tumblr
  • Vimeo
  • YouTube
  • Github
  • Soundcloud
  • DeviantArt
  • Телефон
  • 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


  • Set your options and choose which social profiles you want to show off.
  • All of the icons in a widget with tooltips enabled.
  • Icons with a different color.


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, and upload the folder to the /wp-content/plugins/ directory via FTP.

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

Часто задаваемые вопросы

How do I add a widget with my icons?
  • Убедитесь, что Lightweight Social Icons активирован.
  • 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 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:

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.


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.
I am building a website for a business that has a private Facebook page, and regrettably, there is no place to add any API details for this plugin, so the Facebook link doesn't work when the icon is clicked. Also, when clicking on the icon for the Foursquare site, it comes up with an error message, although the site is easy to get to by simply visiting the URL in a browser (and I don't even have a Foursquare account). The only link that does work for this plugin is the Yelp link. I posted a question in the support forum nearly 2 weeks ago, and have gotten no response. I also see that another person who posted a question 2 months ago has also received no response. Even checking in the instructions for using this plugin, it only gives basic info about changing the appearance of the icons, and it says to simply enter the URL of the profile for each account, but this does not resolve my situation. If I receive any assistance on this matter, I will happily change my rating.
Посмотреть все 55 отзывов

Участники и разработчики

«Lightweight Social Icons» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:


«Lightweight Social Icons» переведён на 6 языков. Благодарим переводчиков за их работу.

Перевести «Lightweight Social Icons» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений


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


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


  • 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


  • Fix a couple stray PHP notices
  • Новая иконка: Snapchat
  • Новая иконка: Trip Advisor
  • Новая иконка: Houzz
  • Новая иконка: Mixcloud
  • Новая иконка:
  • Новая иконка: Google+
  • Новая иконка: Instagram
  • Remove query strings from font
  • Update text domain to use translations
  • Minify style.css


  • 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
  • Новая иконка: Xing
  • Новая иконка: Bandcamp
  • Новая иконка: BitBucket


  • Fix warning


  • Allow addition of new icons via lsi_icons_defaults filter


  • Исправлена иконка iTunes


  • Add filter to rel attribute: lsi_icon_rel_attribute
  • Add filter to title attribute: lsi_icon_title_attribute
  • Добавлена иконка Steam
  • Добавлена иконка Behance
  • Добавлена иконка iTunes
  • Добавлена иконка Yelp
  • Добавлена иконка 500px
  • Добавлена иконка AngelList
  • Добавлена иконка Blog Lovin’
  • Paper Plane (newsletter) icon added
  • Добавлена иконка VK


  • Add display:block to ul container
  • Добавлен французский перевод
  • Contact can be email address or link to contact page
  • Исправлена кнопка Skype
  • Optimize to work better in Customizer


  • Сделаны небольшие изменения


  • Первый релиз