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.