The Big List of Flat Icons & Icon Fonts

Published by Chris Coyier

Icon fonts are awesome. Other than the fact that they have to be single color, they are superior to using images as icons in every way. But which do you choose? There are loads of different sets out there. I'm going to attempt to round them all up here and keep this updated (this post has already been updated several times).

Pictos

Number 600+
Cost $19-$249

Pictos is the icon font that really popularized this whole idea. In additional to the sets, they also offer Pictos Server, a service which allows you to build your own font set from its library of icons and will host/serve it to you. This allows for very small (quick loading) font files and a nice UI for updating your current sets.

Symbolset

Number 1000+
Cost $5-$60

Symbolset is unique in that they turn words into icons for you. Write the word "heart", get a ❤. This works via OpenType, a typography feature of modern browsers.

Modern Pictograms

Number 130
Cost $25

v1 is free on Font Squirrel. v2 is paid with the complete set at $25 or individual icons as low as $0.50.

Pictonic

Number 2586
Cost Pay per icon, or $199

Pictonic also offers a hosted icon service and offers unique pricing ($0.59 per icon).

StateFace

Number 50
Cost Free

StateFace has all 50 U.S states as an icon font. When you need 'em, you need 'em.

Geobats

Number ~150
Cost Free

GeoBats is an icon font of the world's countries. GeoBats is on DaFont.com - and it's worth running a search for "icon" there to see some of the other stuff they have for free.

iconSweets 2

Number 1,000+
Cost $8

Also has a free predecessor.

Erler Dingbats

Number ~120
Cost Free

A drastic improvement to the standard Dingbats.

Tipogram

Number 90
Cost $18

CleanIcons

Number 55
Cost $5

Meteocons

Number 40+
Cost Free

For the weather!

Ecqlipse 2

Number 281
Cost Free

They have little shadows beneath them (so not exactly "flat"). Very small predecessor.

Heydings Icons

Number 60
Cost Free

IcoMoon

Number 500+
Cost Free - $59

IcoMoon is a set of open source icons. But more importantly, IcoMoon is a web app for customizing and downloading optimized icon fonts. You choose just the icons you want and download that minimized set. You can easily add font from different sets or add icons from SVG files via simple drag-and-drop.

Iconic

Number 171
Cost Free

Gedy Rivera Social

Number 107
Cost $5

Foundation Icons

Number 47 + few other mini sets
Cost Free

Can be used with or without Zurb Foundation.

Fico

Number 52
Cost ~$30

Monospaced.

Web Symbols

Number ~80
Cost Free

WriteSocial

Number ?
Cost $10

Specifically only social media icons. They claim "billions" which obviously it isn't.

Entypo

Number 100+
Cost Free

ClickBits

Number ~400
Cost $12 - $49

In a bunch of different separate fonts based on type (e.g. arrows, icons, circles, etc)

Font Awesome

Number 150+
Cost Free

Designed for use with Twitter Bootstrap. In other words, a redesigned version of the free version of Glyphish which that ships with.

JustVector Social Icons

Number 150+
Cost Free

Social stuff only.

PulsarJS

Number 73
Cost Free

Flexi Social

Number 65
Cost $29

Social stuff only.

Raphaël

Number 116
Cost Free

Sosa

Number 120
Cost Free

Free but they accept donations on the main page.

Pyconic

Number 8 sets, 96 each
Cost $29 per set

The icons as graphics only are priced differently, but the fonts are broken up into 8 sets. Seems like kind of a pain in the ass to buy just the right sets you need since they are just chopped up to be even numbers. If you love the set, you're probably better off buying one of the bundle packs.

Dot Com

Number 92
Cost Free

Snagging it from DaFont then running it through Font Squirrel is your best bet.

Steedicons

Number 94
Cost $39

There is also a Vol. 1 (312 hand-drawn icons) and Vol. 2 (60 miniature works of art) which are not fonts but are flat icons.

Typicons

Number 88
Cost Free

Donatations help keep it going.

Flat Icons Only

The following icons don't come as an @font-face set, but are flat vector icons. You could easily incorporate them into other sets through tools like IcoMoon.

Web Icon Set

Number 1,600+
Cost $25 - $99

They have a couple of smaller sets sets, or you can become a member for access to all of them at less than the cost of two sets.

Rondo

Number 40
Cost Free

Social icon font.

Geomicons

Number 100+
Cost $16 per set

Comes in two sets, one made from solid shapes and one made from strokes.

Picons

Number 100+
Cost $9.90 - $59

Various sets of different sizes and styles at different prices, including some non-flat ones.

Symbolicons

Number ~500
Cost $5 - $43

One big set with a couple of little add on packs.

Bixel

Number 65
Cost $9.99

Fundraiser that looks like it's over but the icons are still for sale. I believe they are only PNG, not vector, and I'm also not sure if you get the 40 "add-on" pack icons automatically or not.

Tabs

Number 745
Cost $10 - $60

Free updates.

Pixeds

Number 90
Cost $14

Also has a non-font set with more icons than come in the font set.

Gentleface

Number 304
Cost $29.99

Free if used for personal or community sites.

Glyphish

Number 400
Cost Free - $25

Set of 200 is free in one size, or set of 400 in two sizes for $25.

Glyphicons

Number 350
Cost Free - $49

Free for personal and community sites, or pay for royalty-free and more formats.

The Noun Project

Number A Zillion?
Cost Per Icon or Free w/ Attribution

The Noun Project is probably the largest collection of icons out there. It's not really a "set" but rather a huge archive of symbols. You can download them one-by-one for free if you agree to attribute the author, or buy the symbol to get it royalty-free. You'll have to combine them all together to use as a font. You can submit your own.

iconmonstr

Number 1000+
Cost Free

Similar to The Noun Project, iconmonstr is an archive of icons that you can search through and download one-by-one as needed.

Batch

Number 300+
Cost Free

Comes with PSD, SVG, and PNG

Gcons

Number 100
Cost Free

Open source

Pixelated

Number 36
Cost Free

Eddit iPhone UI

Number 160
Cost $69 - $189

$189 gets you the vector PSD.

Simplicity

Number 205
Cost $19

Picas

Number 250
Cost $10 - $25

Couple of free preview packs available.

Helveticons

Number 600+
Cost $159 - $499

Eco Ico

Number 36
Cost Free

By Matthew Skiles.

Brankic1979 Icons

Number 350
Cost Free

Cuticons

Number 70
Cost Free

By Vaibhav.

Roam Design

Number 99
Cost Free

Personal use only.

IconEden Glyph

Number 679
Cost $35

Similar set as strokes instead of solid shapes.

UIcons

Number 362
Cost $20

@font-face version is "coming soon" and will likely be a small set of originals.

Jigsoar

Number 60
Cost Free

Free with attribution.

Cosmo Basic

Number 65
Cost $7

Webalys

Number 750
Cost $37

Omnigraffle stencil for easy icon insertion there, if you use that for wireframes. Looks like a big update to the set coming soon.

Design Kindle Glyphs

Number 70
Cost Free

Skewed Icons

Number 240
Cost $15

Carbon

Number ~100
Cost $99

Broccolidry

Number 108
Cost Free

By Visual Idiot.

Icon Minia

Number 139
Cost Free

By Egemen Kapusuz.

Silkcons

Number 99
Cost Free

By Vaibhav.

105 Loops

Number 105
Cost Free

By Pranav.

WPZOOM Developer

Number 154
Cost Free

Feather

Number 48
Cost $14.99

Fontelico

Number 30
Cost Free

Open source and crowdsourced ("we will create 1 icon for every 50$"). Part of the Fontello project.

Picto Foundry Icons

Number 350
Cost $20

Metricons

Number 750
Cost $75

Based on Windows 8.

Pixicon

Number 600+
Cost $25-$80

Mobile Pro Icons

Number 315
Cost $8

Stylistica

Number 115
Cost $26.20 - $262

Pixiconz

Number 285+
Cost Free

Hand Drawn Icons

Number 310
Cost $19

PictoPro

Number 630
Cost $15

Each set (outlines or solid) is $15 or both for $25.

Miniicons

Number 1500
Cost $59

 

Other Information

  • Make sure you use these with the correct semantic/accessible markup.
  • A few reasons why Icon Fonts are Awesome.
  • IcoMoon is a fantastic app for customizing, mapping, and creating your own icon font with just the stuff you need.
  • Fontello takes a few of the free font icon sets and allows you to pick and choose characters and apply mappings to your own liking. Similar to IcoMoon - simpler but less features.
  • Hieroglyph - Generate an icon font from a directory of vector (SVG) files
  • Glyphs - the font editor for everyone.