Hi, I'm Meagan Fisher, a designer living in Brooklyn. I make websites, eat food & love owls.

Flat, simple icons for interface design

Here’s a bit of backstory on why I began hunting for icons, and a few thoughts about icon design in general. If you don’t care about that, skip to the roundup.

A few weeks back, a client remarked that they didn’t like the folder icon used in a project. At first I thought nothing of changing it. I own about a bajillion icons, and how hard could it be to find or design a folder icon?

As it turns out, finding quality, versatile icons is pretty hard, and designing my own is a nightmare. I should have known it wouldn’t be easy to whip up the perfect icon, having witnessed how Dan slaved over his Ballroom icons back in the day.

So, after scouring CandyBar for an hour and coming up short, I did what any modern girl does when confronted with a problem. I tweeted about it.

As usual, Twitter saved the day. I was reminded of a handful of old classics, and introduced to a number of new, gorgeous icon sets. I promised myself and the internet that I’d do a roundup of these icons. I then proceeded to promptly set the task aside and forget about it.

These icons would’ve remained buried in Simplenote, if not for Studiomate and all-around-fantastic-designer Mike Fortress, who sent me a nudge. (Thanks, Mike!) (Also, you should go buy his gorgeous slab-serif font, Deming.)

I usually can’t stand roundup posts (“Top 45 websites using green and yellow!” “Top 30 websites by people with vaginas!”). However, I’m hoping this post will actually help interface designers build a better toolbox, and will also give some much deserved business to the tireless icon designers of the world.

Get these icons

I can’t overstate the value of a good flat, sharp, detailed icon. You can style it any way you please, use it in a variety of projects, and communicate difficult interface concepts in a 16 pixel space. Considering the incredible amount of work that goes into designing each icon, and the quality exhibited below, these sets are scandalously low priced. So get ready to do some serious tax-deductible shopping.

Geomicons

Picons

  • $19 – $42, free social pack
  • Mix of outline and solid, elegant, good range
  • 300 icons
  • AI, PDF, EPS, CSH, PNG’s, and PSD
  • Made by Morphix: Twitter, Dribbble

Symbolicons

Bixel

Tabs

Gentleface

Iconic

  • Free
  • Blocky, thick, classic
  • 136 icons
  • PNG, SVG, OFT/TTF/EOT, Omnigraffle
  • Made by PJ Onori: Twitter

Glyphish

IconSweets

  • Donation
  • Detailed, crisp, lovely
  • 60 icons
  • PSD 32×32 and 16×16
  • Made by Yummy Gum: Twitter

IconSweets2

  • Donation
  • Detailed, crisp, lovely
  • 292 icons in 16×16, 400+ in 32×32 and 64×64,
  • PSD
  • Made by Yummy Gum: Twitter

Glyphicons

Pictos

  • $19 – $240
  • Versatile, simple, sharp
  • Loads of icons (couldn’t find exact count)
  • PNG, Font
  • Made by Drew Wilson: Twitter, Dribbble

The Noun Project

Chameleon

Gcons

  • Free
  • Detailed, versatile
  • 100 icons
  • PSD, PNG, GIF, JPG
  • Made by Greepit: Twitter

Pixelated

Eddit iPhone UI

Simplicity

Tipogram

Picas

  • $10 – $25, free social icons and sample pack
  • Simple, classic, versatile
  • 250 icons
  • vector
  • Made by Rok Benedik: Twitter, Dribbble

Helveticons

  • $259 – $439, free desktop and social icon sets
  • Flat, simple
  • 479 icons
  • PNG, PDF, EPS, GS, PSD, AI, CHS
  • Made by Goodbye Horses

Roam Design

48 Responses

Great roundup, Meagan. I’m partial to the Geomicons and the full Pictos set, both of which are not only great for UI work, but wireframing as well. Sometimes clients need to see what an icon represents, and a little circle or box as a placeholder just doesn’t cut it. Dropping in a flat icon of a camera or a magnifying glass helps them get the idea, even if it’s not the exact icon that will end up in the final design.

Patrick Haney

Amazing collections, thanks for sharing. It’s one of those things where you know there are hundreds of icons out there to fit what you need, but you can never find them. This is getting bookmarked, thanks! :)

Laura

[...] NERD ALERT: Meagan Fisher shared some great simple interface design icons. [...]

♡hellovanny // 8-Bits

Couldn’t have written this at a better time… I was literally just looking for a solid icon set. Big fan of Eddit iPhone UI. Thanks Meagan!

Paul Mederos

Nice list, you should also check out for this set http://www.picasicons.com

Rok

Holy cow. Such a great list. One can never have enough simplistic icons to work with. Thank you.

Dan

Great list. May I also suggest Tipogram by Tom Creighton.

Pat Dryburgh

Thanks so much. I have been hunting for icons like these forever on del.ico.us and other more filtered searches with no luck. These are great! Also I like simplicity: http://www.iconeden.com/icon/simplicity.html

Brian White

Great set of icons. I’ll definitely be putting this up on my Fun Friday’s section!

Thanks for the list!

Marcus Lewis

Thanks! How Great!!! I think these are pretty too
http://blog.roamdesign.co.uk/?p=272

sara cannon

Added Picas, Tipogram, Simplicity, Helveticons, and the Roam Design icon pack. Thanks for all the comments!

Meagan Fisher

My wallet hates you.

Dan

I’ll consider this a list of icons I have to use. Am starting at the top and working my way down. Thanks for sharing the info!

Cesar Torres

I also like this set here: http://icondock.com/icons/sets/rocky-complete-set

Heather

hey nice post!
check out http://iconza.com/

Anton

[...] Written By Brian Hoff Tags:downloadsfreeicons Read the Article [...]

Simple Interface Icon Roundup

Hey there, thanks for mentioning us. We’re very glad and thankful!

Morphix

Great list. I wish more icon designers took the time to build fonts in addition to PNG, EPS, etc. There’s a huge need for symbols/icons that can be colored/styled via CSS instead of bitmaps. I’d buy all of these if font options were part of the package.

Todd Dominey

Very nice compendium, Meagan. Love it.
Todd makes a great point. More and more I find myself ending up needing a font for these types of things…

Marked as reference.

Luke Dorny

Thanks for sharing, really nice assortment and a lot of hard work!

Paul Leibowitz

Awesome collection! Thanks for digging all these up Meagan, I’ll have to keep these in my back pocket for future use.

Jesse Fletcher

Thanks Meagan. Helveticons and Pictos are my saviour! :)

Firman Firdaus

I’m putting a vote in for seeing a round up of “Top 30 websites by people with vaginas!”The headline alone is hilarious, but a serious look at female web designers would be cool to read about.

Oh, and awesome list too!

Griffin Shreves

[...] そんなピクトグラムデザインの無料ダウンロード可能なアイコン素材を23個まとめたエントリー「Flat, simpleicons for interface design」が公開されていたので、今回はご紹介します。 [...]

Photoshop VIP ☞ ピクトグラムだらけの無料デザインアイコン厳選16個

Bless you, Meagan! IconSweets just made some mockups, well, quite sweet, actually, and many of the others are now in my Springpad for future reference and use (when, like you, the bajillion icons on my computer come up lacking). Thank you!

Allie

I have a bunch of disorganized bookmarks with links to icon sets, but this is much easier to read and get a quick overview of. Really appreciate this.

Philip

[...] Flat, simple icons for interface design – Owltastic — writing about web design by Meagan… [...]

Bookmarks for August 10th through August 11th – LostFocus

These are great! Thanks so much for putting them all in one place. Speaking of icons, thought you would enjoy this: http://grainedit.com/2011/08/03/tim-boelaars/. He has a nice owl icon in the mix, too.

jess

Here’s another link for the same fellow, with even more icons (looks like he is working on a set): http://dribbble.com/timboelaars

jess

[...] Round-up of Simple Interface Design Icons (owltastic.com) [...]

Web Design Weekly #7 | Web Design Weekly

Nice list Meagan :-)
May I suggest my own minimal icons pack to make this list more complete : http://www.webalys.com/premium/design-vector-icons-library.html
Thanks !

PS : my favorite are the Geomicons than I bought, and that I use for works where I need a more human and warm look.

Vincent

Thanks Meagan! These are fantastic and I’m pretty sure will come in handy sometime soon. You had me cracking up with your “[...] people with vaginas” line.

By the way, you mentioned Simplenote. I hadn’t seen that until now. How does it compare to Evernote? (I’ve been using that for a while.)

Hamish

Hi Meagan, I think the minimalistic icons of Dutch icon would look great in your list.

Hemmo de Jonge

This is indeed a great list.

May we request to include the following two links that features total 250 free power glyphs.

http://templatic.com/news/templatic-power-glyphs-iconset-freebie

and

http://templatic.com/news/free-templatic-ecommerce-glyphs-icons

R.Bhavesh

Thank you for this! Whenever I start a new project I find myself trawling through the internet looking for good icons. This is a great collection of links all in one place – super!

Lucy Woodman

[...] iconshttp://owltastic.com/2011/08/simple-interface-design-icons/ Share this:DiggRedditLike this:LikeBe the first to like this post. This entry was posted in [...]

Flat, simple icons for interface design | fozbaca’s WordPress

Thanks for the roundup. This was helpful.

Gabe

[...] Well sir, you’re in the right place cause have I got a site for you! Ok so not all of these are the best icons in the world, but how many times have you just needed a simple icon but it’s on your computer at home/work/whatever. Anyhow, just bookmark this site. But you’re just looking for a nice round-up of nice, well designed icons, check out Meaghan Fisher’s (owltastic) post. [...]

Why yes, I do need more than 100,000 free icons in one place.

“Flat, simple icons” were exactly what I was looking for this morning! Thanks for the save.

Rochelle Pennington

These are great, thanks! Also another possible inclusion: http://utilicons.com

Ray

Wow, thrilled to be listed all these other great sets! Thanks!

Tom Creighton

Just a quick note that Pictos comes in quite a bit more formats than just PNG and Font. It includes .ai, .eps, and .csh as well.

Thank you for the round up, it’s super helpful!

Josh Bryant

Great round up! Thanks for the detective work.

Nick

[...] round-up of high-quality glyph icons by Meagan Fisher. These are incredibly low-priced considering they’re really of high-quality. [...]

Glyph Icons

Another vote for Dutch Icon. Really beautiful work.

Matthew Buchanan

These icons are just amazing, very nice collection, thanks for sharing them here.

Facebook URL Shortener

Leave a Reply

A quick overview

Raised in Florida, a new New Yorker via Boston. When not making websites, I try to write and speak about making websites.

Read more about me

Latest Tweet

Really stressed out by the fact that this cab driver won't stop checking Twitter while driving. So I thought I'd tweet about it.

Follow owltastic on twitter