Essential Guide to Inserting Social Media Icons Into Everything

In this guide you ’ ll find :

Free Downloads

detailed instructions for each finical platform adopt, but for starters, here are the files .
Feel free to download them in any format :

  • PNG of different sizes – the easiest way to almost any platform
  • SVG – great for the web. See our best way to insert SVG icons
  • PDF – best for inserting icons into iOS apps in Xcode. See our howto
  • EPS – some people prefer it, though PDF is just about the same, but better
  • As a font – some front-end developers prefer that

Snippets and JavaScript Libraries

Below we hand-picked the solutions that we tried while developing Icons8 and that worked capital for us : snippets, JavaScript libraries, and stuff like that.

While there are multiple solutions for each of the cases, we ’ ve preferred :

  • Lightweight solutions over heavy ones. If one can share a text with a plain link, why to load heavy JavaScript libraries?
  • Free and open-source over adware and trackware. There are “free” services that track you and sell data to advertisers. No way!


If you use WordPress or Blogger, you ’ re done in 5 minutes or less .

Add Social Media Icons to WordPress

You got a lucky ticket. Install any WordPress social media plugin you like, and here you go .
here is the one we ’ ve been using for a long time, called Ultimate Social Media. The name own ’ t no pretty, but it has multiple styles of the social buttons, some are laughably hot and some are pretty… worth the name .
Social media icons in different styles
Install Ultimate Social Media
If you want to add customs social buttons, or customize their layout, use these exhaustive instructions on widgets .

Add Social Media Icons to Blogger

We ’ rhenium not big fans of this platform, however here ’ s the video teaching :

Add Social Media Icons to an E-mail Signature

Whether you are using Gmail or any other mailing service, the border on is the lapp :

    1. Search for the icon you need. For example, twitter icon

search twitter icon

    1. Click on the name of the icon in the right panel to open that icon’s page.twitter icon html code
    2. Now press the “Generate HTML” button

social media icons html code

  1. Choose “Our CDN” tab, icon size (48 px is a common choice) and copy the code somewhere. We’ll soon use it
  2. Find and open signature configuration in your mailing program or service and paste this:

Keep in beware, you have to change 2 things in this code :

  • here you should paste a link people will be redirected to by pressing this twitter icon button (or any other icon you chose) in your signature.

  • use the code we copied from step 5 here.

Add Social Icons to Mac OS X App

Use NSSharingService classes :

NSArray* array = @[ @"myText", [NSImage imageNamed:@"myImageFile"] ];
NSSharingService* sharingServiceFB = [NSSharingService sharingServiceNamed:NSSharingServiceNamePostOnFacebook];
[sharingServiceFB performWithItems:array];

For any detail or group of items, the NSSharingService will display a sharing plane to allow the drug user to pre-visualize what will be shared to the service. A sharing service can : create a post on a social network like Twitter or Facebook, send a message by e-mail or iMessage, upload video to viewing services, or send a file by AirDrop .
here ’ s a television tutorial :

20 Minute Tutorial of Adding Icons

Add Social Icons to iOS App

Starting from io 6, Apple introduced Social Framework .
And every major network ( e.g. Facebook ) has its own usher .
besides, check out this all-in-one open source library .

source :
Category : News


Related articles

Biggest Social Media Platforms as Per User Base

The web is the sacred lifeline of industrial development...

AniMixPlay Review – Is AniMixPlay Safe?

AniMixPlay is a website where you can watch anime...

TweakVip and Offroad Outlaws

There are several applications that make your life more...

The Benefits of Green Buildings

The term green building can be used to describe...

Pacman 30th Anniversary: New Google Doodle

A modified version of the Google doodle honoring Pacman...