The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

15 Icon (@font-face) Web Fonts to Improve your User Interfaces

Nowadays web applications have greatly increased and they make extensive use of icons for their user interfaces. Thanks to @font-face rule we should include icons within our web pages using icon web fonts instead of single images.

In this post we have collected 15 sets of icon web fonts that you can use to design your user interfaces.

Web Symbols

font  0011 01 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Web Symbols is a free set of vector html-compliant typefaces, so it might be used in any size, color and browser (okey, mostly — but IE7 for sure).

Link

Iconic

font  0010 02 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Iconic is a minimal set of icons consisting of 177 marks in raster, vector and font formats — free for public use.

Link

Fico

font  0009 03 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Fico is a font with 52 simple, commonly used icons and glyphs, served on the web via @font-face.

Link

Heydings Icons

font  0008 04 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Heydings is a collection of 60 glyphs specifically intended for the accessorization and classification of textual cues such as hyperlinks, navigation elements and buttons.

Link

IcoMoon

font  0007 05 15 Icon (@font face) Web Fonts to Improve your User Interfaces

IcoMoon contains 40 handpicked icons and allows you to use a fancy Font Generator to make your own custom font.

Link

Tipogram

font  0006 06 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Tipogram is a premium set of 90 icons in 2 formats that you can use forever with the @font-face rule.

Link

Writesocial

font  0005 07 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Writesocial is the ultimate social icon package with almost limitless design possibilities. The only thing stopping you is your imagination.

Link

Pictos

font  0004 08 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Pictos is a premium set of 94 hand selected icons from the Pictos vector sets.

Link

Symbol Signs

font  0003 09 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Symbol Signs is a collection of 50 common used signage symbols, professional designed. The symbols signs are free of charge available as an Open­Type font format, allowing you to easily add symbols & icons to your sign and wayfinding design.

Link

ClickBits

font  0001 11 15 Icon (@font face) Web Fonts to Improve your User Interfaces

ClickBits is a complete premium icon system perfect for building web graphics. Because these are vector-based, they work equally well in print applications.

Link

InfoBits

font  0000 12 15 Icon (@font face) Web Fonts to Improve your User Interfaces

InfoBits is a premium collection of icons available in 2 styles that allows you to easily customize your web interfaces.

Link

Notice

font  0004 13 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Notice is a set of 94 icons available for free on Font Squirrel.

Link

ikoo

font  0003 14 15 Icon (@font face) Web Fonts to Improve your User Interfaces

ikoo typo is a font specially developed to be integrated into an html page without using images via @FontFace (or other). Customize the color and size by css. You can also use ikoo font for your web page design on photoshop or fireworks.

Link

Guifx v2 Transports

font  0002 15 15 Icon (@font face) Web Fonts to Improve your User Interfaces

One TrueType font (TTF) containing 58 commonly used transport symbols, often found in audio and video interfaces.

Link

Glyphyx Family

font  0001 16 15 Icon (@font face) Web Fonts to Improve your User Interfaces

Glyphyx Family is a series of free fonts features symbols and icons for use in information graphics. Glyphyx One includes symbols related to transportation, while Glyphyx Two includes symbols related to leisure activities.

Link

    Manage WordPress Blogs

    Comments: