10 best free font icons for web designers

These days font icons are becoming a more frequently used tool for web ui designers and developers. So what are these font icons anyways? Font icons are essentially font files with symbols and icons instead of alpha-numerical characters. These icons and glyphs will have font properties and it gives us a lot of freedom to manipulate them as we need. If I am to list out some of the advantage of using font icons instead of png icons files they would be

  • They can be embedded with @font-face css rule
  • They are scalable easily
  • We can change their colors and add shadow effects using css properties.
  • They are cross browser compatible
  • Loads quicker than image files.

Here I am going to list a few of the free font icons available for web ui development.

1. Font Awesome

faws

Created by Dave Gandy , Font Awesome comes with 361 icons and they are built in compatible with Bootstrap framework. 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.

2. Entypo

entyp

Created by Daniel Bruce Entypo is a set of 250+ carefully crafted pictograms. The package contains an icon font — OpenType, TrueType and @font-face — EPS, PDF and PSD files.

3. Typicons

typic

Created by Stephen Hutchings, Typicons are free-to-use vector icons embedded in a webfont for easy use in your user interfaces, whether it be on the web or in a native application.

4. Iconic

iconi

Created by P.J. Onori, Iconic is an open source icon set consisting of 171 marks in raster, vector and font formats.

5. Elusive

elusv

Created by Aristeides Stathopoulos, Elusive is a webfont with 283 Sleek vector icons for bootstrap framework.

 6. Icomoon

icomon

Icomoon has a free fonticon pack with 450 vector icons.

7. Batch

batc

A lovingly designed and crafted suite of 300+ icons for web and user interface design.

8. Ligature symbols

ligat

Created by Kazuyuki Motoyama Ligature symbols packs more than 230 icons in font icons.

9. MetroUI

metroui

Created by Sergey Pimenov this font icon consists about 333 icons.

10. Webhostinghub glyphs

whglyph

From Webhostinghub this is  a collection of 1700 plus high quality icons that are easy to use with Bootstrap, other CSS frameworks and in any web projects.