• sni-font.png
  • styles_demo.png
  • scale_demo.png

Social Networking Icons

NEWS

18th April 2012: A major update is due soon, anyone who has already bought the pack will get this for free. The new update will include:

  • New Bird icon for Twitter
  • New StumbleUpon Icon
  • Cleanups of other icons including @ sign for rounded
  • Contemplating removing the bracket symbols and replacing with more useful symbols
  • Social Networking Icons Squared is also a thought

If you have any suggestions for improvements do not hesitate to ask.

5th January 2012: Now for sale on Myfonts.com in both regular and rounded versions, click here for more information and buying options.

ABOUT

I created this font for use by web designers and web design purists to cut out having to paste graphics around as well as simplify icons on the web. It is simply a way of holding scalable vector icons in a supported and transferrable, understandable format. 

Embedding

Embedding this font in a website using tecnologies like @font-face and Cufón reduce graphic loading times and server load as well as creating a handy format to hold the graphics in. Each Icon can be coloured using either CSS or using other methods such as Lettering.js (a JQuery Plugin - http://letteringjs.com/). The use of CSS3 properties such as shadows or other text effects can effectively customise the icons to a certain theme.

Graphics

Adding consistantly and cleanly designed icons to Photoshop, Illustrator or even embedded in presentations and PDFs can be simplified by writing out the desired icon instead of pasting a graphic in. As well as this, using style palettes (such as in Adobe PhotoShop or Illustrator) to change different effects such as bevelling or shadow, stroke and fill works very well.