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


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


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


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


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

5. Elusive


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

 6. Icomoon


Icomoon has a free fonticon pack with 450 vector icons.

7. Batch


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

8. Ligature symbols


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

9. MetroUI


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

10. Webhostinghub glyphs


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.