Socialicious

A social media icons library in font form.

Version 1.3 • Created and maintained by Shali Nguyen

Download .zip Download .tar.gz View on GitHub

Socialicious

A social media icons library in font form made to extend Twitter Bootstrap and Font Awesome (can also be used as a stand-alone).

  • .icon-aboutme
  • .icon-aboutme-sign
  • .icon-angellist
  • .icon-angellist-sign
  • .icon-bebo
  • .icon-bebo-sign
  • .icon-behance
  • .icon-behance-sign
  • .icon-bread
  • .icon-bread-sign
  • .icon-digg
  • .icon-digg-sign
  • .icon-disqus
  • .icon-disqus-sign
  • .icon-dribbble
  • .icon-dribbble-sign
  • .icon-dropbox
  • .icon-dropbox-sign
  • .icon-facebook
  • .icon-facebook-sign
  • .icon-flickr
  • .icon-flickr-sign
  • .icon-foursquare
  • .icon-foursquare-sign
  • .icon-github
  • .icon-github-sign
  • .icon-goodreads
  • .icon-goodreads-sign
  • .icon-googleplus
  • .icon-googleplus-sign
  • .icon-instagram
  • .icon-instagram-sign
  • .icon-klout
  • .icon-klout-sign
  • .icon-lastfm
  • .icon-lastfm-sign
  • .icon-linkedin
  • .icon-linkedin-sign
  • .icon-medium
  • .icon-medium-sign
  • .icon-meetup
  • .icon-meetup-sign
  • .icon-pinterest
  • .icon-pinterest-sign
  • .icon-pocket
  • .icon-pocket-sign
  • .icon-quora
  • .icon-quora-sign
  • .icon-reddit
  • .icon-reddit-sign
  • .icon-soundcloud
  • .icon-soundcloud-sign
  • .icon-spotify
  • .icon-spotify-sign
  • .icon-stumbleupon
  • .icon-stumbleupon-sign
  • .icon-techendo
  • .icon-techendo-sign
  • .icon-tumblr
  • .icon-tumblr-sign
  • .icon-twitter
  • .icon-twitter-sign
  • .icon-vevo
  • .icon-vevo-sign
  • .icon-vimeo
  • .icon-vimeo-sign
  • .icon-wordpress
  • .icon-wordpress-sign
  • .icon-yahoo
  • .icon-yahoo-sign
  • .icon-yelp
  • .icon-yelp-sign
  • .icon-youtube
  • .icon-youtube-sign

Make buttons!

Additional button classes for social sign-in buttons.

For Facebook use: .btn-facebook

Connect with Facebook Connect with Facebook

For Twitter use: .btn-twitter

Login with Twitter Login with Twitter

For Linkedin use: .btn-linkedin

Connect with Linkedin Connect with Linkedin

For Github use: .btn-github

Sign in with Github Sign in with Github

For Google use: .btn-google

Sign in with Google Sign in with Google

To use, follow this guide:

<a class="btn btn-linkedin">
  <i class="icon-linkedin"></i> Connect with Linkedin
</a>

Want to contribute?

Original source files are all included in /source/ if you want to fork and create more icons. Just use the socialicious-template.ai file and generate an SVG into the svg directory.

More about this library

This icon set was designed and created by Shali Nguyen adapting available vectors from each organization or drawn if vectors did not exist. They were then formatted to SVGs and then generated by Fontastic to create the web font formats. It was inspired by and can be used to extend Font Awesome.