20+ Free Awesome Icon Fonts For Web Designers

Icon Fonts are all the rage in web design today. Using icon fonts you’re replacing raster images into vector ones. The fact that they are actually just fonts means you can easily customize their size without worrying about quality loss. Along with the size, you may change color, apply cool CSS3 font styles like text shadows without having redraw the whole image.

Here are 20+ awesome free icon fonts which you can use freely for your any design purpose.

1 – 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.

2 – Ionicons

3 – Open Iconic

Open Iconic is the open source sibling of Iconic. It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use with Bootstrap and Foundation

4 – MFG Labs iconset

5 – Stackicons

Icon font and Sass-based construction kit for Stackicons-Social, which supports multiple button shapes and a unique “multi-color” option in CSS for over 60 social brands.

6 – Brandico font

Font with logos of social services & messagers

7 – OpenWeb Icons

The OpenWeb Icons is a web-font that gives you scalable vector icons/logos of some open communities, standards or projects. It includes the Creative Commons-, HTML5- and Microformats-icons for example.

8 – 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.

9 – Zocial CSS social buttons

10 – Map Icons

Map Icons is an icon font for use with Google Maps API and Google Places API using SVG markers and icon labels

Map Icons makes Google Maps Markers dynamic with control over shape, color, size, and icon easily changed using options in the marker object as well as simple SVG Notation and CSS.

11 – PE-Analog-Clock-icon-font

The Analog Clock icon set allows <time> elements to have a visual notation in a simple, progressive way using a @font-face to deliver a custom font for the clock face. The icon is therefore scalable and can be styled with CSS to match most site designs.

12 – Weather Icons

Weather Icons is a font of 189 weather themed icons, ready to be dropped right into Bootstrap or any other project.

13 – WebHostingHub Glyphs

WebHostingHub Glyphs is a most comprehensive set of glyph icons available as font. The goal is to be fully compatible with Bootstrap and other frameworks and CMSs. It will be constantly updated so if you have ideas for new icons, do let us know

14 – Octicons

A scalable icon font handcrafted with <3 by GitHub.

15 – Devicons

Devicons is a full stack iconic font ready to be shipped with your next project. Created, handcrafted and coded by Theodore Vorillas Devicons contains 85 vectorized sharp glyphs . Devicons iconic font is free to use and licensed under MIT.

16 – PaymentFont

A sleek webfont containing 94 icons of all main payment operators and methods

17 – Mono Social Icons Font

Mono Social Icons Font is a webfont based on Mono Social Icons, which includes ~100 social icons in three variations under one font : circled, rounded and regular.

18 – Android Developer Icons

Androidicons is a professional, handcrafted icon set with 250 icons in 14 different colors and 5 sizes, including an icon font and all sources

19 – Dashicons

This is the temporary home of Dashicons, the WordPress admin icon font. For the official demo site, please see the WordPress Developer Hub: https://developer.wordpress.org/resource/dashicons/

20 – Material Design Iconic Font

Material Design Iconic Font is a full suite of material design icons (created and maintained by Google) for easy scalable vector graphics on websites.

21 – The Elegant Icon Font

These icons are dual licensed under the GPL 2.0 and MIT, and are completely free to use.