Socicon - Fat Pony

Socicon is the social icon font; a lightweight alternative to FontAwesome for displaying social icons on your WordPress website.

Important: The Socicon icon font used by this plugin appears to be no longer maintained by the original author. The WordPress plugin and icon font still functions and is maintained by me, however, be aware that:

Any changes to the icon style by each official brand in the last 5 years is not reflected in the current Socicon icon font.
Any social platforms that have been retired in the last 5 years have not been removed from the Socicon icon font.
Any new social platforms launched in the last 5 years have not been added to Socicon and are unlikely to be.

Install Socicon

Automatic – WordPress Plugin Repository

Login to your WordPress admin.
Navigate to the Plugins > Add New screen.
Search for ‘Socicon’, select Install Now.
After successful installation, activate your plugin and begin adding social icons to your site!

Manual – FTP Installation

Download the Socicon plugin from WordPress.org to your computer.
Unzip the downloaded file.
Using your favorite FTP program (such as FileZilla), connect to your website.
Upload the entire elevator folder to the /wp-content/plugins/ directory.
Login to your WordPress admin.
Navigate to the Plugins screen, locate the new Socicon plugin, activate and begin adding social icons to your site!

Customize Socicon

To keep Socicon as lightweight and unobtrusive as possible, there are no built-in styling options. Instead, you can use CSS to adjust the styling of your icons.

To adjust the icon span element use:

.socicon { }Code language: CSS (css)

To adjust the psuedo-element of the icon itself:

.socicon::before { }Code language: CSS (css)

The icons should inherit most of the default styling of your site’s active theme. The plugin itself provides only the most minimal styling necessary to output the icons themselves. The following is the CSS code shipped with the plugin:

.socicon::before, [class^="socicon-"]::before, [class*=" socicon-"]::before {
  display: inline-block;
  font-family: 'socicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Improve font-rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}Code language: CSS (css)

Usage

All Socicon icons are outlined below. You can add each icon using a span tag and the appropriate classes.

Twitter

socicon-twitter

<span class="socicon socicon-twitter"></span>Code language: HTML, XML (xml)

Facebook

socicon-facebook

<span class="socicon socicon-facebook"></span>Code language: HTML, XML (xml)

Google+

socicon-googleplus

<span class="socicon socicon-googleplus"></span>Code language: HTML, XML (xml)

socicon-pinterest

<span class="socicon socicon-pinterest"></span>Code language: HTML, XML (xml)

Foursquare

socicon-foursquare

<span class="socicon socicon-foursquare"></span>Code language: HTML, XML (xml)

Yahoo!

socicon-yahoo

<span class="socicon socicon-yahoo"></span>Code language: HTML, XML (xml)

Skype

socicon-skype

<span class="socicon socicon-skype"></span>Code language: HTML, XML (xml)

Yelp

socicon-yelp

<span class="socicon socicon-yelp"></span>Code language: HTML, XML (xml)

FeedBurner

socicon-feedburner

<span class="socicon socicon-feedburner"></span>Code language: HTML, XML (xml)

socicon-linkedin

<span class="socicon socicon-linkedin"></span>Code language: HTML, XML (xml)

Viadeo

socicon-viadeo

<span class="socicon socicon-viadeo"></span>Code language: HTML, XML (xml)

Xing

socicon-xing

<span class="socicon socicon-xing"></span>Code language: HTML, XML (xml)

Myspace

socicon-myspace

<span class="socicon socicon-myspace"></span>Code language: HTML, XML (xml)

soundcloud

socicon-soundcloud

<span class="socicon socicon-soundcloud"></span>Code language: HTML, XML (xml)

Spotify

socicon-spotify

<span class="socicon socicon-spotify"></span>Code language: HTML, XML (xml)

grooveshark

socicon-grooveshark

<span class="socicon socicon-grooveshark"></span>Code language: HTML, XML (xml)

last.fm

socicon-lastfm

<span class="socicon socicon-lastfm"></span>Code language: HTML, XML (xml)

YouTube

socicon-youtube

<span class="socicon socicon-youtube"></span>Code language: HTML, XML (xml)

vimeo

socicon-vimeo

<span class="socicon socicon-vimeo"></span>Code language: HTML, XML (xml)

Dailymotion

socicon-dailymotion

<span class="socicon socicon-dailymotion"></span>Code language: HTML, XML (xml)

Vine

socicon-vine

<span class="socicon socicon-vine"></span>Code language: HTML, XML (xml)

flickr

socicon-flickr

<span class="socicon socicon-flickr"></span>Code language: HTML, XML (xml)

500px

socicon-500px

<span class="socicon socicon-500px"></span>Code language: HTML, XML (xml)

Instagram

socicon-instagram

<span class="socicon socicon-instagram"></span>Code language: HTML, XML (xml)

WordPress

socicon-wordpress

<span class="socicon socicon-wordpress"></span>Code language: HTML, XML (xml)

tumblr

socicon-tumblr

<span class="socicon socicon-tumblr"></span>Code language: HTML, XML (xml)

Blogger

socicon-blogger

<span class="socicon socicon-blogger"></span>Code language: HTML, XML (xml)

Technorati

socicon-technorati

<span class="socicon socicon-technorati"></span>Code language: HTML, XML (xml)

socicon-reddit

<span class="socicon socicon-reddit"></span>Code language: HTML, XML (xml)

dribbble

socicon-dribbble

<span class="socicon socicon-dribbble"></span>Code language: HTML, XML (xml)

StumbleUpon

socicon-stumbleupon

<span class="socicon socicon-stumbleupon"></span>Code language: HTML, XML (xml)

digg

socicon-digg

<span class="socicon socicon-digg"></span>Code language: HTML, XML (xml)

Envato

socicon-envato

<span class="socicon socicon-envato"></span>Code language: HTML, XML (xml)

Behance

socicon-behance

<span class="socicon socicon-behance"></span>Code language: HTML, XML (xml)

Delicious

socicon-delicious

<span class="socicon socicon-delicious"></span>Code language: HTML, XML (xml)

deviantART

socicon-deviantart

<span class="socicon socicon-deviantart"></span>Code language: HTML, XML (xml)

Forrst

socicon-forrst

<span class="socicon socicon-forrst"></span>Code language: HTML, XML (xml)

Play Store

socicon-play

<span class="socicon socicon-play"></span>Code language: HTML, XML (xml)

Zerply

socicon-zerply

<span class="socicon socicon-zerply"></span>Code language: HTML, XML (xml)

Wikipedia

socicon-wikipedia

<span class="socicon socicon-wikipedia"></span>Code language: HTML, XML (xml)

Apple

socicon-apple

<span class="socicon socicon-apple"></span>Code language: HTML, XML (xml)

Flattr

socicon-flattr

<span class="socicon socicon-flattr"></span>Code language: HTML, XML (xml)

GitHub

socicon-github

<span class="socicon socicon-github"></span>Code language: HTML, XML (xml)

FriendFeed

socicon-friendfeed

<span class="socicon socicon-friendfeed"></span>Code language: HTML, XML (xml)

NewsVine

socicon-newsvine

<span class="socicon socicon-newsvine"></span>Code language: HTML, XML (xml)

Identica

socicon-identica

<span class="socicon socicon-identica"></span>Code language: HTML, XML (xml)

bebo

socicon-bebo

<span class="socicon socicon-bebo"></span>Code language: HTML, XML (xml)

zynga

socicon-zynga

<span class="socicon socicon-zynga"></span>Code language: HTML, XML (xml)

steam

socicon-steam

<span class="socicon socicon-steam"></span>Code language: HTML, XML (xml)

XBOX

socicon-xbox

<span class="socicon socicon-xbox"></span>Code language: HTML, XML (xml)

Windows

socicon-windows

<span class="socicon socicon-windows"></span>Code language: HTML, XML (xml)

Outlook

socicon-outlook

<span class="socicon socicon-outlook"></span>Code language: HTML, XML (xml)

coderwall

socicon-coderwall

<span class="socicon socicon-coderwall"></span>Code language: HTML, XML (xml)

tripadvisor

socicon-tripadvisor

<span class="socicon socicon-tripadvisor"></span>Code language: HTML, XML (xml)

App.net

socicon-appnet

<span class="socicon socicon-appnet"></span>Code language: HTML, XML (xml)

goodreads

socicon-goodreads

<span class="socicon socicon-goodreads"></span>Code language: HTML, XML (xml)

TripIt

socicon-tripit

<span class="socicon socicon-tripit"></span>Code language: HTML, XML (xml)

Lanyrd

socicon-lanyrd

<span class="socicon socicon-lanyrd"></span>Code language: HTML, XML (xml)

SlideShare

socicon-slideshare

<span class="socicon socicon-slideshare"></span>Code language: HTML, XML (xml)

Buffer

socicon-zynga

<span class="socicon socicon-buffer"></span>Code language: HTML, XML (xml)

RSS

socicon-rss

<span class="socicon socicon-rss"></span>Code language: HTML, XML (xml)

vKontakte

socicon-vkontakte

<span class="socicon socicon-vkontakte"></span>Code language: HTML, XML (xml)

DISQUS

socicon-disqus

<span class="socicon socicon-disqus"></span>Code language: HTML, XML (xml)

houzz

socicon-houzz

<span class="socicon socicon-houzz"></span>Code language: HTML, XML (xml)

Mail

socicon-mail

<span class="socicon socicon-mail"></span>Code language: HTML, XML (xml)

Patreon

socicon-patreon

<span class="socicon socicon-patreon"></span>Code language: HTML, XML (xml)

PayPal

socicon-identica

<span class="socicon socicon-paypal"></span>Code language: HTML, XML (xml)

PlayStation

socicon-playstation

<span class="socicon socicon-playstation"></span>Code language: HTML, XML (xml)

SmugMug

socicon-smugmug

<span class="socicon socicon-smugmug"></span>Code language: HTML, XML (xml)

Swarm

socicon-swarm

<span class="socicon socicon-swarm"></span>Code language: HTML, XML (xml)

triplej

socicon-triplej

<span class="socicon socicon-triplej"></span>Code language: HTML, XML (xml)

Yammer

socicon-yammer

<span class="socicon socicon-zynga"></span>Code language: HTML, XML (xml)

stackoverflow

socicon-stackoverflow

<span class="socicon socicon-stackoverflow"></span>Code language: HTML, XML (xml)

Drupal

socicon-drupal

<span class="socicon socicon-drupal"></span>Code language: HTML, XML (xml)

Odnoklassniki

socicon-odnoklassniki

<span class="socicon socicon-odnoklassniki"></span>Code language: HTML, XML (xml)

Android

socicon-android

<span class="socicon socicon-android"></span>Code language: HTML, XML (xml)

Meetup

socicon-meetup

<span class="socicon socicon-meetup"></span>Code language: HTML, XML (xml)

Mozilla Persona

socicon-persona

<span class="socicon socicon-persona"></span>Code language: HTML, XML (xml)

Amazon

socicon-amazon

<span class="socicon socicon-amazon"></span>Code language: HTML, XML (xml)

Ello

socicon-ello

<span class="socicon socicon-ello"></span>Code language: HTML, XML (xml)

Mixcloud

socicon-mixcloud

<span class="socicon socicon-mixcloud"></span>Code language: HTML, XML (xml)

8tracks

socicon-8tracks

<span class="socicon socicon-8tracks"></span>Code language: HTML, XML (xml)

Twitch

socicon-twitch

<span class="socicon socicon-twitch"></span>Code language: HTML, XML (xml)

Airbnb

socicon-airbnb

<span class="socicon socicon-airbnb"></span>Code language: HTML, XML (xml)

Pocket

socicon-pocket

<span class="socicon socicon-pocket"></span>Code language: HTML, XML (xml)

socicon-whatsapp

<span class="socicon socicon-whatsapp"></span>Code language: HTML, XML (xml)

Storehouse

socicon-storehouse

<span class="socicon socicon-storehouse"></span>Code language: HTML, XML (xml)

icq

socicon-icq

<span class="socicon socicon-icq"></span>Code language: HTML, XML (xml)

Model Mayhem

socicon-modelmayhem

<span class="socicon socicon-modelmayhem"></span>Code language: HTML, XML (xml)

iStock

socicon-istock

<span class="socicon socicon-istock"></span>Code language: HTML, XML (xml)

AngelList

socicon-angellist

<span class="socicon socicon-angellist"></span>Code language: HTML, XML (xml)

Periscope

socicon-periscope

<span class="socicon socicon-periscope"></span>Code language: HTML, XML (xml)

Ravelry

socicon-ravelry

<span class="socicon socicon-ravelry"></span>Code language: HTML, XML (xml)

Snapchat

socicon-snapchat

<span class="socicon socicon-snapchat"></span>Code language: HTML, XML (xml)

Weibo

socicon-weibo

<span class="socicon socicon-weibo"></span>Code language: HTML, XML (xml)

Douban

socicon-douban

<span class="socicon socicon-douban"></span>Code language: HTML, XML (xml)

Baidu

socicon-baidu

<span class="socicon socicon-baidu"></span>Code language: HTML, XML (xml)

QQ

socicon-qq

<span class="socicon socicon-qq"></span>Code language: HTML, XML (xml)

Renren

socicon-renren

<span class="socicon socicon-renren"></span>Code language: HTML, XML (xml)

Google

socicon-google

<span class="socicon socicon-google"></span>Code language: HTML, XML (xml)

Yandex

socicon-yandex

<span class="socicon socicon-yandex"></span>Code language: HTML, XML (xml)

eBay

socicon-ebay

<span class="socicon socicon-ebay"></span>Code language: HTML, XML (xml)

IMDb

socicon-imdb

<span class="socicon socicon-imdb"></span>Code language: HTML, XML (xml)

StayFriends

socicon-stayfriends

<span class="socicon socicon-stayfriends"></span>Code language: HTML, XML (xml)

Deezer

socicon-deezer

<span class="socicon socicon-deezer"></span>Code language: HTML, XML (xml)

bandcamp

socicon-bandcamp

<span class="socicon socicon-bandcamp"></span>Code language: HTML, XML (xml)

iTunes

socicon-itunes

<span class="socicon socicon-itunes"></span>Code language: HTML, XML (xml)

Resident Advisor

socicon-residentadvisor

<span class="socicon socicon-residentadvisor"></span>Code language: HTML, XML (xml)

Download Socicon

Download Socicon from WordPress.org

You can also contribute to Socicon on GitHub.