Look Inside
Thanks to CSS3 @font-face rule we were able to render any web fonts within web pages. This also means that we can include icons into web pages through icon web fonts instead of using images or CSS sprite. Moreover, it’s much easier to manage, plus icon web fonts being scalable and able to style using CSS properties like font-size, color, text-shadow, and etc.
In this post I have compiled a list of 15 free but useful @font-face Icon sets that might integrated into your web pages.
Heydings Icons
by Heydon Pickering
Heydings Icons is a collection of 60 glyphs specifically intended for the classification of textual cues such as hyperlinks, navigation and buttons.
Web Sysmbols Font
by Just Be Nice Studio
Web Symbols is a set of vector HTML-compliant typefaces which contains set of icons for CMS, icons for gallery navigation, social networks icons, icons for service site, and etc.
Modern Pictograms Font
by John Caserta
Modern Pictograms is a typeface for interface designers and programmers. It’s designed for the Flatfile WordPress theme in early 2011.
Entypo Font
by Daniel Bruce
Entypo is a set of 100+ carefully crafted pictograms available as an OpenType font, vector EPS and web font.
Iconic
by P.J. Onori
Iconic is an open source icon set consisting of 171 glyphs in raster, vector and font formats.
Raphaël Icon-Set
by Dmitry Baranovskiy
This is the great Raphael icon set which converted to a web font.
Foundation Icon Fonts
by Zurb
Foundation Icon Fonts is a custom icon sets which consists of three different categories – General Set, General Enclosed Set, and Social Set.
Typicons
by Typicons
Typicons are free-to-use vector icons embedded in a webfont kit for easy use in your user interface.
Social Media Icons Pack
by Jelop Dimitrov
Social Media Icons Pack – Socialico is a set of 74 social media icons with two different designs – circle and non-circle.
Guifx v2 Transports
by Guifx
Guifx v2 Transports is a TrueType font contains of 58 glyphs for audio and video interface controls.
ikoo
by dasmuse
ikoo typo is a web font specially developed to be integrated into web page without using images but through @font-face.
Social Logos
by CtrlAltF12
Social Logos icon set contains full logo of popular social media such as Facebook, Twitter, Digg, Linked, and etc.