21 Icon Font Sets for the Web

Icon Font Sets for the Web

Below is a list of my favorite Icon Fonts from around the web. There is a couple Icon Font tools as well that allow you to mix and match and build a really optimized and custom Icon Font for your project. Those tools are by far my favorite however sometimes you just need a specific Icon Font for the job and these are some of the best I have found so be sure to check them all out. MOst are free to use however a couple cost a little money. I have provided the link to each website below the description of each font set/tool. Keep in mind there are hundreds of Icon Font Sets around the web, this is just a list of 21 for now. If you have a killer set you think should be added to the list, feel free to leave a comment below and enjoy.

Font Custom (Font Generator Tool)

Generate custom icon webfonts from the comfort of the command line. Font Custom will convert your Icon images into a sleek Icon Font file. You can even set it to monitor a folder for new images and build the updated Font file on the fly as well as the proper CSS files.

Font Custom Generator Website is unfortunately no longer available.

Fontello Icon Font Generator (Font Generator Tool)

Fontello is another amazing project that is very similar to IcoMoon App but it is probably my favorite. It allows you to upload your own SVG files to build a custom font or pick from it;s library that consist of many other Icon Font sets. You can then download an optimized custom icon font with just what you need. It has a great user interface and is easy and fast to use. I highly recomend it if you need to work with icon fonts.

Fontello Icon Font Generator Website

IcoMoon Font App (Over 3,000 Icons)

IcoMoon App is amazing, it allows you to upload your own fonts or icons or browse it;s library of over 3,000 icons and build the perfect font file for your project with just the stuff you need.

IcoMoon Font App Website

Stackicons Font (75 Icons)

Stackicons are icon fonts for the web, designed to do more — with multiple button shapes and a unique “multi-color” option. The Stackicons-Social font and Sass-based construction kit are free and open source, created by Parker Bennett. Stackicons allow you to use a single Flat color or make a multi-color icon by stacking layers. Adding the .st-multi-color class to the icon or its parent element displays multi-color icons (created by stacking pseudo elements). For more than two colors, youll need to add a non-semantic <span></span> in the markup.

Stackicons Font Website

Mfglabs Icon Font (179 Icons)

Fonts are made with vectors, so they are scalable and correctly render on retina screens or mobile displays. Inspired by the excellent work of Dave Gandys font awesome project and the Octicons font made by the github team.

Mfglabs Icon Font Website

Modern Pictograms Font (234 Icons)

Modern Pictograms Pro, version 2 of the icon typeface Modern Pictograms, works as well big as it does small. Designed for web and mobile interface designers, the icons fit for any use: presentations, print pieces, and more. Use it as you would any font or embed individual icons when you need them.

Modern Pictograms Font Website

Open Iconic Font (218 Icons)

An open source icon set with 218 marks in SVG, webfont and raster formats

Open Iconic Font Website

Typicons Font (336 Icons)

336 pixel perfect, all-purpose vector icon fonts.

Typicons Font Website

Mono Social Icons Font (101 Icons)

Over 100+ Social icon symbols in the Mono Social Icon Font.

Mono Social Icons Font Website

Zocial Icon Buttons Font (42 Icons)

42 CSS3 font-face vector icon buttons

Zocial Icon Buttons Font Website

Brandico Font (45 Icons)

Crowdsourced collection of popular logos, mostly for use in fontello. We have no goal to collect all possible logos here.

Brandico Font Website

Elusive-Icons Webfont (299 Icons)

299 Sleek vector icons for bootstrap. Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects!

Elusive-Icons Webfont Website

Entypo Pictogram Font Suite (250+ Icons)

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.

Entypo Pictogram Font Suite Website

Font Awesome (369 Icons)

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.

Font Awesome Website

Genericons Font (123 Icons)

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.

Genericons Font Website

Glyph Icon Font from WebHostingHub (2,075 Icons)

High quality icons that are easy to use with Bootstrap, other CSS frameworks and in any web projects. They also work in desktop software such as Adobe Photoshop or Microsoft Word. They are perfect for use in mobile developement on Android or iOS devices.

Glyph Icon Font Website

Ligature Kudakurage Symbols Font (239 Icons)

Ligature Symbols is a nice clean lightweight freen icon font set of 239 symbols as of this post date.

Ligature Kudakurage Symbols Font Website

Symbolset Glyphish Font (366 Icons)

Glyphish is an array of bright icons in two complementary styles: Outlined and Filled. Both utilize the same pixel grid and offer a matched set of imagery. Each of the styles has 366 symbols for a total of 732 unique symbols.
Straight lines and soft curves define Glyphish. Its delicate strokes look great on retina screens. Design with the light Outlined style, the sturdy Filled style, or both.
This set is designed by Joseph Wain. Joseph is dedicated to designing icons true to iOS style with his Glyphish series. SS Glyphish is an essential set for designers and developers.

Symbolset Glyphish Font Website

Symbolset Social Circle Font (52 Icons)

52 Social Icons in this Font by Symbolset.

Symbolset Social Circle Font Website

Symbolset Forecast Font (100 Icons)

Forecast is a comprehensive collection of weather symbols by Jory Raphael, the designer of Symbolicons Block and Line, that achieve clarity through simplicity.
From moon phases to shooting stars, ski lifts to trails, this sunny set has them all and much more. Its breadth of coverage allows it to flourish in a wide range of uses and capture the nuances of unpredictable weather patterns.

Symbolset Forecast Font Website

Meteocons Font (40+ Icons)

Meteocons Font is a typeface with Weather related Icons available in Truetype, OpenType format and a complete @font-face kit to be used freely in your projects.

Meteocons Font Website