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.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *