20 @fontface Icon Sets

The pros for using @fontface icon sets far outweigh the cons. First of all, there are the obvious benefits of being infinitely scalable and being able to style them dynamically using any CSS property (color, gradients, shadow…). Secondly, its much easier to manage one single font file as opposed to juggling lots of individual images or having to create sprites. Thirdly, a single font file will only need a single HTTP Request for all the icons you use. And finally, just to round things off and finally convince you of the benefits of using @fontface icons, they look amazing.

As @fontface icons are a relatively new trend that is slowly moving into the mainstream, there are very few icon-sets that are available in a font format. But, we have to managed to find 20 quality sets that we are sure you will find fantastic. Not all are free, there are 15 free and 7 premium icon-sets.

Modern Pictograms

Modern Pictograms @fontface font
Number of Icons/Characters: 89
Price: Free
License: Open Font License →
Download Page: Modern Pictograms →

Web Symbols Typeface

Web Symbols Typeface @fontface font
Number of Icons/Characters: 77
Price: Free
License: SIL Open Font License (OFL) →
Download Page: Web Symbols Typeface →

A Free Icon Web Font

A Free Icon Web Font @fontface font
Number of Icons/Characters: 60
Price: Free
License: SIL Open Font License (OFL) →
Download Page: A Free Icon Web Font →

Iconic Icon Set

Iconic Icon Set @fontface font
Number of Icons/Characters: 171
Price: Free
License: Creative Commons Share Alike 3.0 →
Download Page: Iconic Icon Set →

Raphaël Icon-Set

Raphaël Icon-Set @fontface font
Number of Icons/Characters: 116
Price: Free
License: The MIT License (MIT) →
Download Page: Raphaël Icon-Set →

Modern Pictograms

Modern Pictograms @fontface font
Number of Icons/Characters: 92
Price: Free
License: SIL Open Font License (OFL) →
Download Page: Modern Pictograms →

Symbol Signs

Symbol Signs @fontface font
Number of Icons/Characters: 21
Price: Free
License: Creative Commons – Attribution →
Download Page: Symbol Signs →

Pictos

Pictos @fontface font
Number of Icons/Characters: 94
Price: $49
License: Pictos License →
Download Page: Pictos →

Fico

Fico @fontface font
Number of Icons/Characters: 52
Price: €19
Download Page: Fico →

Web Symbols

Web Symbols @fontface font
Number of Icons/Characters: 78
Price: Free
License: SIL Open Font License (OFL) →
Download Page: Web Symbols →

iconSweets 2

iconSweets 2 @fontface font
Number of Icons/Characters: 400+
Price: $8
License: You may use these icons/font for both commercial and non-commercial projects and customize them any way you like. You may NOT redistribute these icons.
Download Page: iconSweets 2 →

Tipogram

Tipogram @fontface font
Number of Icons/Characters: 90
Price: $18
License: Tipogram License @fontface font” width”640″>
Download Page: Tipogram @fontface font” width”640″>

InfoBits Icons & Dingbats

InfoBits Icons & Dingbats @fontface font
Number of Icons/Characters: 190
Price: $29 for both styles
License: Fonthead Standard EULA →
Download Page: InfoBits Icons & Dingbats →

ikoo

ikoo @fontface font
Number of Icons/Characters: 65
Price: Free
License: Creative Commons Attribution-Share Alike →
Download Page: ikoo →

Social Media Icons Pack

Social Media Icons Pack @fontface font
Number of Icons/Characters: 74
Price: Free
Download Page: Social Media Icons Pack →

GUI Design Icons

GUI Design Icons @fontface font
Number of Icons/Characters: 30
Price: $17
Download Page: GUI Design Icons →

Dot Com Font

Dot Com Font @fontface font
Number of Icons/Characters: 93
Price: Free
License: Free for personal use.
Download Page: Dot Com Font →

ClickBits Web Icon & Dingbat System

ClickBits Web Icon & Dingbat System @fontface font
Number of Icons/Characters: 300+
Price: $49 for all styles
License: Fonthead Standard EULA →
Download Page: ClickBits Web Icon & Dingbat System →

Social Networking Icons Font

Social Networking Icons Font @fontface font
Number of Icons/Characters: 56
Price: Free
Download Page: Social Networking Icons Font →

Writesocial

Writesocial @fontface font
Number of Icons/Characters: 18
Price: Free $10
License: Free Art License →
Download Page: Writesocial @fontface font” width”640″>

JustVector Social Icons Font

JustVector Social Icons Font @fontface font
Number of Icons/Characters: 30
Price: Free
Download Page: JustVector Social Icons Font →

Flexi Social Icons

Flexi Social Icons @fontface font
Number of Icons/Characters: 65
Price: Free $29
Download Page: Flexi Social Icons →

Author: (589 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments