Elfsight Birthday Sale

Social Media Icons for HTML

The best code to install social icons on a website


Social Media Icons for HTML
1 / 6


Easy and advantageous Social Icons by Elfsight help integrate your website with any social media. Develop connection with your clients, making them your followers. An adaptive template, full settings of colors and design with embedded icons of all main social media.

Add presence of your business in social networks.

  • Raise your status in social media.
    Demonstrate clients of our website, that business has firm stand in diverse social networks and direct them to your social accounts in one push of the mouse.
  • New subscribers in social networks.
    Level up the traffic of your social-pages every day engaging readers of the website and transforming them into fans.
  • Stay connected with customers whenever needed.
    Social Icons give a chance to visitors to find one of the handiest additional methods of communication and you can give them assistance by means of social networks.
  • A powerful social statement.
    Increase confidence to your company among users of your website thanks to pages in wide spread social networks.


The main characteristics, which turn our icons code into the best HTML social widget.

  • Add unlimited icons;
  • 5 options of icon size;
  • Inline layout for placing icons into content area;
  • Native, Black and White colors of icons;
  • Adjustable opacity in percents of the icons and hover;

Check the key features in Elfsight editor

How to add Social Media Icons to HTML website

An easy guide to show icons on a website without competence in development. Total integration time is around 3 minutes.

  1. Design your personalized Social Icons.
    With our free demo, generate a plugin with desired layout and settings.
  2. Copy the code for integrating the plugin.
    After widget configuring, get the code for Icons plugin from the popup notification on Elfsight Apps.
  3. Show the widget on the HTML page.
    Open the page code in the HTML editor and integrate the widget on the required place (content, footer, sidebar etc) and save the edits.
  4. You successfully accomplished the installation.
    Go to the website, to check your plugin.

Failed to create or demonstrate the icons on a website? Study our full manual «How to install icons on HTML» or leave your message at our support center.

Is there a way to add Social Media Icons to my HTML web page with no coding?

Elfsight company provides a solution that lets user build a Social Media Icons widget yourself, see the straightforward instructions:

  • Go to the online Demo to build a Social Media Icons widget you would like to see on HTML.
  • Pick one of the premade templates and modify the Social Media Icons settings, transform the layout and colors, add your content without coding.
  • Save the settings you’ve made to Social Media Icons and get plugin’s code for installation, that you can easily paste in the HTML website with no need to buy a paid version.

With our easy-to-use Editor any internet user can build Social Media Icons online and simply include to the HTML site. There’s no need to pay or enter your card credentials to enter our service. If you face any problems of any kind, don’t hesitate to contact our technical support team.


14-day money back guarantee. Risk-free, you can cancel at anytime.
HTML widget
Cross-platform software that suits for any website
from $0 / month
start with free plan
Unlimited websites
Free customer support
Charge-free installation assistance
Special price for multiple apps
Flexible design
Elfsight Birthday Sale
33% OFF
Get your spot at our party!
Grab The Deal