Blind Alley Graffiti.

  • Random
  • Archive
  • RSS

Flat, simple icons for interface design - Owltastic — writing about web design by Meagan Fisher

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

  • $16, free preview pack
  • Outlined, rounded and slightly cartoonish
  • 315 icons
  • EPS format
  • Made by Brent Jackson: Twitter, Dribbble
  • See also: Papercraft

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

  • $5 – $43, free drinks pack
  • Solid, squared, classic
  • 465 icons
  • AI, PDF, EPS, SVG, PSD, CSH, PNG
  • Made by Sensible World: Twitter, Dribbble

Bixel

  • $9.99
  • 22×22 pixel icons, flat, tiny, pixel-y
  • 105 icons
  • PNG
  • Made by Tyler Galpin: Twitter, Dribbble

Tabs

  • $9.95 – $29.99, free social and starter packs
  • Crisp, elegant, lovely
  • 200+ icons
  • PSD
  • Made by Kevin Andersson: Twitter, Dribbble

Gentleface

  • $29.99, free with CC Attribution-NonCommercial
  • Rounded, detailed, versatile
  • 296 icons
  • EPS, SWF, PDF, PNG
  • Made by Gentleface

Iconic

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

Glyphish

  • $25, free starter pack with CC attribution
  • Detailed, gorgeous, elegant
  • 280 icons
  • PNG, PSD, PDF, AI, Font
  • Made by Joseph Wain: Twitter, Dribbble

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

  • $25 – $49, free starter pack with CC attribution
  • Sharp, detailed, lovely
  • 310 icons
  • PNG, AI, PDF, SVG
  • Made by Jan Kovařík: Twitter, Dribbble

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

  • Free with CC attribution
  • Classic, simple
  • Loads of icons (couldn’t find exact count)
  • SVG
  • Made by Simple Honest Work: Twitter

Chameleon

  • $19 – $85
  • Tiny, pixel-y, versatile
  • 280 icons
  • PNG, GIF
  • Made by Dan Cederholm: Twitter, Dribbble

Gcons

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

Pixelated

  • Free
  • Tiny, pixel-y
  • 160 icons
  • PSD, GIF
  • Made by Bold Perspective: Twitter

Eddit iPhone UI

  • $69 – $189
  • Detailed, crisp, lovely
  • 160 icons
  • PSD, PNG
  • Made by Eddie Wilson: Twitter, Dribbble

Simplicity

  • $19
  • Rounded, cartoonish, simple
  • 205 icons
  • EPS, SVG
  • Made by Frexy Studio: Twitter

Tipogram

  • $24
  • Bold, flat, simple
  • 90 icons
  • Truetype, EOT, SVG, WOFF, vector
  • Made by Tom Creighton: Twitter, Dribbble

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

  • Free under CC attribution
  • Rounded, simple
  • 99 icons
  • AI
  • Made by Roam Design
via owltastic.com
    • #Design
    • #Geek
    • #Icons
  • 1 year ago
  • Permalink
  • Share
    Tweet
← Previous • Next →
Avatar Scrawlings on the wall.

More about me...

Twitter

loading tweets…

Tags

  • RSS
  • Random
  • Archive
  • Mobile

Effector Theme by Carlo Franco.

Powered by Tumblr