13 CSS Icon Fonts

CSS Icon fonts are awesome and easy to use. Icon fonts are scalable vector icons which can easily be customized. I’ve collected the most awesome icon fonts pack which you can you use in your projects.

Font Awesome

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Font Awesome

Foundation Icons Fonts

Custom icon sets that are stored in a handy web font and are coded to be more accessible. A couple lines of CSS and the right markup will get you going in no time.

Foundation Icon Fonts

Modern Pictograms

Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile WordPress theme, the pictograms stay sharp when used large or small. Install the OpenType file for Photoshop mockups and drop in the @font-face code into your CSS to embed them right in your Web page. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels.

Modern Pictograms

Sosa icon font

Sosa is an icon font including 160+ icons I find useful. The download includes the .ttf .eot .svg & .woff files need to use this icon font via @font-face

Sosa

IcoMoon

❍ IcoMoon

 ModernPictograms Pro

Modern Pictograms Pro, version 2 of the icon typeface Modern Pictograms, works as well big as it does small. It has been redrawn with details and lighter strokes that disappear at small sizes, and come to life at larger sizes.

Modern Pictograms

Entypo

Entypo

iconsweets2

iconSweets; a huge FREE icon set containing over a 1,000+ icon. iconSweets2 will crunch your icon thirst for all of your iPhone, iPad & Android apps or new web projects!

iconSweets 2

Heydings Icons

Free Icon Web Font

Signify Lite

Exclusive to MediaLoot, bring scalable and flexible graphics to the web with CSS @font-face and the new Signify Lite free icon font. With this font you have 38 beautiful, hand-crafted icons at your disposal for any use. You can use them in your designs in Photoshop, or on the web. The beauty of icon fonts (besides the scalability and tiny file size) is that you can edit the colour, size, effects and more with CSS and this requires no images to be downloaded or installed.

Signify Lite

geomicons

Geomicons

Social Media Icons

Social Media Icons

Raphaël Icon-Set

Raphaël Icon-Set