The pros for using @fontface for icons 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.
Number of Icons/Characters: 89
Price: Free
License: Open Font License →
Download Page: Modern Pictograms →
Number of Icons/Characters: 77
Price: Free
License: SIL Open Font License (OFL) →
Download Page: Web Symbols Typeface →
Number of Icons/Characters: 60
Price: Free
License: SIL Open Font License (OFL) →
Download Page: A Free Icon Web Font →
Number of Icons/Characters: 171
Price: Free
License: Creative Commons Share Alike 3.0 →
Download Page: Iconic Icon Set →
Number of Icons/Characters: 116
Price: Free
License: The MIT License (MIT) →
Download Page: Raphaël Icon-Set →
Number of Icons/Characters: 92
Price: Free
License: SIL Open Font License (OFL) →
Download Page: Modern Pictograms →
Number of Icons/Characters: 21
Price: Free
License: Creative Commons – Attribution →
Download Page: Symbol Signs →
Number of Icons/Characters: 94
Price: $49
License: Pictos License →
Download Page: Pictos →
Number of Icons/Characters: 52
Price: €19
Download Page: Fico →
Number of Icons/Characters: 78
Price: Free
License: SIL Open Font License (OFL) →
Download Page: Web Symbols →
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 →
Number of Icons/Characters: 90
Price: $18
License: Tipogram License @fontface font” width”640″>
Download Page: Tipogram @fontface font” width”640″>
Number of Icons/Characters: 190
Price: $29 for both styles
License: Fonthead Standard EULA →
Download Page: InfoBits Icons & Dingbats →
Number of Icons/Characters: 65
Price: Free
License: Creative Commons Attribution-Share Alike →
Download Page: ikoo →
Number of Icons/Characters: 74
Price: Free
Download Page: Social Media Icons Pack →
Number of Icons/Characters: 30
Price: $17
Download Page: GUI Design Icons →
Number of Icons/Characters: 93
Price: Free
License: Free for personal use.
Download Page: Dot Com Font →
Number of Icons/Characters: 300+
Price: $49 for all styles
License: Fonthead Standard EULA →
Download Page: ClickBits Web Icon & Dingbat System →
Number of Icons/Characters: 56
Price: Free
Download Page: Social Networking Icons Font →
Number of Icons/Characters: 18
Price: Free
License: Free Art License →
Download Page: Writesocial @fontface font” width”640″>
Number of Icons/Characters: 30
Price: Free
Download Page: JustVector Social Icons Font →
Number of Icons/Characters: 65
Price: Free
Download Page: Flexi Social Icons →
You might also like…
25 Completely Free Fonts Perfect for @fontface →
8 Free Pictogram Icon Libraries and Collections →
Useful and Free Pictogram Dingbat Fonts →
Top 20 Free Fonts for Distinctive Headlines and Titles →
50 Beautiful and Fresh Free Fonts →
Keine Kommentare:
Kommentar veröffentlichen