20 Free Useful Icon Fonts For Web Designers

Icon fonts let you to easily add the icons in your projects and customize them with the power of CSS. You can apply all the CSS rules over the icon fonts as you apply on your text etc. Web designers loves to use them in their projects as they offers the best user-interface and load more fast as compared to PNG, JPG and Gif file format. There is no restriction of where to use the icon fonts. You can use them anywhere in your website with different sizes and styles i.e. you can use them in the post, header, footer, sidebar and in your portfolio layout. They can fit best without losing the quality. Simply, they are just like fonts and can be treated similar to fonts. There are dozens of services are available on the web that offers the Icon fonts along with their usage in website with complete CSS link and HTML class. However, they designed the specific icons just like web, social, brand; navigation and more icons and it may be the case that you can’t find your desired one. But you can choose from the available icons list and make use in your website.

Here, in this post we are sharing the best icons font services that offer free usage without any restriction or link back. You can browse their features and other necessary information here. All the icon fonts’ services are highly user-friendly and they offer multiple ways to add the icons in your website.

Font Awesome

The iconic font designed for Bootstrap.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.
The current version 4.0.3 offer the 369 icons that have infinite scalable, CSS control, desktop friendly, fully compatible with Bootstrap, Without the use of any JavaScript.

TypIcons

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.This set of icons are available on Github, with everything included from the source files in SVG format to the minifed CSS. In the current/latest version the 220 new icons are included with solid and outline styles.

Entypo

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. All released for free under the license CC BY-SA 3.0.New in Entypo 2.0
Over 150 new pictograms.
The Entypo Social Extention.
Improved old pictograms
Character map
Glyph guide as RTF
Improved hinting

Linecons Free – Vector Icons Pack

Each icon is thoroughly pressed in its specific and new style with unlimited scale without losing the quality. If you need professional pixel perfect icons, use Linecons – for free, even for free and commercial projects. Each icon is available in following formats:

Webfont (HTML/CSS)
PDF
AI (Adobe Illustrator)
PSD (Adobe Photoshop)
PNG (Original size and 512×512 px)
SVG (Universal Vector File)

IcoMoon

Flexible: The Web is optimized for displaying text. Easily change the color of your icons or apply other CSS effects.Scalable: Using icon fonts, changing the size of your icons would be as easy as changing the font size.

Flat Icons

The largest database of free vector icons flaticon is a free project, created for and by designers and developers. It's the largest database of free vector icons to choose from. You can find application, animal and abstract icons etc. from here with full style including the SVG, PNG and PSD File format.This extension is also available in Photoshop.

Fontello

Fontello is free icon fonts generator that is the biggest database of Fontelico, Font awesome, Entypo, Typicons, iconic, Meteocons, MFG lab, Maki, Zocial, Brandico, Elusive, Linecons and web symbols. You can easily drag and drop the icon and make some customization.

WE LOVE ICON FONTS

This is a free & open source icon fonts hosting service (like Google Web Fonts, but icon fonts only). This is also the fontello that allows you to select the icons from the big list. It's just a cool place to play with web fonts.

Fontastic

Add Vector Icons to Your Website. Create your icon fonts in seconds and Make your website faster. Biggest collection of 9,000 to choose from.

Genericons

Genericons are vector icons embedded in a webfont designed to be clean and simple keeping with a generic aesthetic. Use for instant HiDPI or to easily change colors on the fly.

Iconic

An open source icon set with 218 marks in SVG, webfont and raster formats.Bootstrap and Foundation ready.More than you can shake a stick at to be honest. SVG, PNG, WebP, EOT, OTF, TTF, WOFF, OMG!

Foundation Icon Fonts 3

A custom collection of 283 icons that are stored in a handy web font.Easily customize these icons to be any size, colour and style in CSS. Fully scalable and customizable for your next project.

Raphaël Icon-Set via @font-face

This is the great Raphaël Icon-Set by Dmitry Baranovskiy converted to a Webfont. Though normaly used as SVGs with the Javascript-Library. You can now include them with pure CSS and without the need to have javascript enabled.This font is released under MIT license.

266 Web Icons font

This is the best collection of 266 web icon fonts that are fully vector and can be zoom or scale in any media and resolutions. The icons include the most common web icons that maybe every designer want to have them in their list/bookmark.

Batch: Release 1.3

A lovingly designed and crafted suite of 300+ icons for web and user interface design.
Each icon in the Batch PSD is a single shape layer, meaning they can be scaled up—or down—without loss of quality.The download includes:
PSD file (shape layers).
SVGs (128x128).
PNGs (16x16, 32x32, 64x64).
Webfont (.eot, .ttf, .woff).

Conclusion:

Here, is the end of our post. We hope you enjoyed the free fonts resources that we listed above. If you like Us, share comment and subscribe with Love!