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. These custom icon sets embedded in a webfont kit can be easily styled with CSS changing colors, size, rotation, adding shadow and other new CSS3 features. It reduces the time to create responsive design using scalable icons instead of different image files and media queries for every resolution

Here, we will be rounding up some of the best icon fonts the world wide web has to offer, for you to use on your sites.

Font Awesome

Font Awesome

Source

Material Icons

Material Icons

Source

Foundation Icon Fonts 3

Foundation Icon Fonts 3

Source

Typicons

Typicons

Source

Sosa

Sosa

Source

Open Iconic

Open Iconic

Source

Foundation Icon Fonts 2!

Foundation Icon Fonts 2!

Source

Raphaël Icon-Set

Raphaël Icon-Set

Source

Icomoon

Icomoon

Source

Entypo

Entypo

Source

Web Symbols Typeface

Web Symbols Typeface

Source

Metrize Icons

Metrize Icons

Source

Weather 7 Icon Font Set

Weather 7 Icon Font Set

Source

MFG Labs Iconset

MFG Labs iconset

Source

Maki

Maki

Source

Filled 7 Icon Font Set

Filled 7 Icon Font Set

Source

Zocial CSS Social Buttons

Zocial CSS social buttons

Source

Stroke 7 Icon Font Set

Stroke 7 Icon Font Set

Source

Brandico Font

Brandico font

Source

Linecons

Linecons

Source

Social Icon Font Set

Social Icon Font Set

Source

OpenWeb Icons

OpenWeb Icons

Source

Fontelico

Fontelico

Source

The Icons Font Set :: Weather

The Icons Font Set :: Weather

Source

Genericons

Genericons

Source

Dashicons

Dashicons

Source