LearnFinding the Perfect Icon Set

Treehouse
writes on December 14, 2011

Share with your friends










Submit

As a designer, I use iconography in nearly every project I work on. Whether it’s just one arrow icon, social media icons or an entire site filled with badges (like Treehouse!) – icons are something I could never live without. I tip my hat to the illustrators who create such invaluable resources for the rest of us to use. (While we’re at it, let’s thank the typographers and photographers, too!)

There are endless amounts of free and paid icons all over the web, but finding a set with a large quantity of icons that that are customizable, scalable, and of high quality can be hard to come by.

Simplicity

Detailed, glossy icon sets – while they’re pretty to look at – aren’t the best investment to start building your versatile collection. Their complex shapes with layer styles and masks can be tricky or even impossible to manipulate. Something as simple as changing the color (the right way!) or adjusting paths can turn into a painful endeavor.

Don’t get me wrong, they can be great for a specific project, but don’t expect to use them over and over again unless you want your work to start looking redundant.

In my experience, I find that when purchasing simpler sets you get sharper, more pixel-perfect icons, since there’s no gloss, glow or shadow to distract from the quality of the shape. Start with a simple icon as your base, and then add the gloss and glows if you so desire.

Scalability

I prefer to invest in icon sets that contain entirely vector shapes, so I can scale the icon to whatever size I need – for web or for print.

PNG or GIF icon sets can be great for the web if they’re at the exact size you need them to be, but scaling down (and up, of course) will distort the shape. This is unavoidable, because any transformation made to a raster file will ultimately bring down the quality of the image.

Recently we’ve been seeing more and more icons that are actually web fonts, completely eliminating the need to export icons as images for your website. Small file sizes and scalability? Awesome. The only downfall is that you’re limited to styling the icon with CSS. (Which really isn’t too much of a limitation these days!)

Quantity

Quantity is super important when looking to purchase icons. Make sure you have enough to work with so you don’t have to worry about mixing too many different sets of icons in one design. By purchasing a large set of icons with lots of variety (or a series of sets from the same illustrator) you know the general style will stay consistent throughout your design.

Quality

I used to scrounge the web for free icons. There are good free icons out there, but they’re hard to find. It wasn’t until I started freelancing that I realized I was spending quality time trying to find the free ones, when I could have been working and earning money.

You’ll notice many of the free icon sets aren’t crafted with the same level of detail as the ones that will cost you. Why should they be if they’re not being compensated for their time? If you pay for a quality set, you can almost guarantee it’s quality.

So invest in a few great sets and you won’t need to scrounge like I did. Not to mention you support the illustrators for their hard work, say thank you for all the time they saved you, and fund their efforts to make more great icon sets!

Sets to Invest In

These are some sets that will get you some serious bang for your buck. There are tons of icon sets I could list, but I wanted to keep it short to include only sets that contain a significant amount of beautifully crafted, simple icons. If there are any icon sets you swear by that aren’t on this list (vector and/or type) please let me know and I’ll add it!

Helveticons – $279 for 245 icons (Vector)

helveticons
Helveticons by Goodbye Horses

Pictos Complete – $240 for 4 sets (Vector & Type)

Pictos
Pictos by Drew Wilson

Symbolicons – $35 for 400 icons (Vector)

Symbolicons
Symbolicons by Sensible World

Glyphish – $25 for 400 icons (Vector)


Glyphish by Joseph Wain

Tipogram – $18 for 90 icons (Vector & Type)

Tipogram
Tipogram by Tom Creighton

Gedy’s Social Media Icons – $5 for 107 icons (Vector)

(Best 5 bucks you’ll ever spend.)

Gedy's Icons
Social Media Icons by Lifetree Creative

Iconic – FREE 177 icons (Vector & Type)

Some Random Dude "Iconic"
Iconic by P.J. Onori

The Noun Project – FREE (Vector)

The Noun Project
The Noun Project

40 Responses to “Finding the Perfect Icon Set”

  1. Nice round up! How do other designers store and easily find their icons on their own computers? Sometimes I spend so long looking through my own stock with Bridge that I get frustrated and use Google to find a free icon.

  2. Nice round up! How do other designers store and easily find their icons on their own computers? Sometimes I spend so long looking through my own stock with Bridge that I get frustrated and use Google to find a free icon.

  3. Alexander on January 9, 2012 at 5:39 pm said:

    As freelancer I’m also on the look for great tips on how to be more efficient. Your tips on buying Icons is a good one! How about licenses? Can I use Gedy’s icons on more than one project/website? Thanks for sharing! Regards, @akittilsen

  4. what a nice stuff bro.. complete symbolic information shared by  I love it. I am web designer now i don’t need to search anywhere for the symbols. thank a lot

  5. Awesome collection of cool vectors.Liked it……….

  6. I really enjoyed this article. It is always nice when you read some thing that is not only informative but entertaining.

  7. I know its a myth, but her story sounds real, the
    elements and situation that is.
     

  8. jQuery Rocks on December 22, 2011 at 3:52 pm said:

    Iconic looks okay, especially for free – but I really like Glyphish, looks nice and seems like a pretty good value.  Might ask my boss to let me buy that!

  9. Great post. Finding the right icon for an area of a site / service is so important. The best are the simple, scalable ones… much easier to add to if needs be.

  10. Great post. Finding the right icon for an area of a site / service is so important. The best are the simple, scalable ones… much easier to add to if needs be.

  11. I love the first set of icon. Those are really cool!

  12. I love the first set of icon. Those are really cool!

  13. Nice collection of icons.

  14. Nice collection of icons.

  15. I have to bookmark this. Will come in handy very soon. 🙂 Thanks Allison.

  16. I have to bookmark this. Will come in handy very soon. 🙂 Thanks Allison.

  17. You’re a wonderful writer, Allison!

  18. You’re a wonderful writer, Allison!

  19. Sofya @ The Noun Project on December 15, 2011 at 6:43 pm said:

    Check out The Noun Project – a free online library that collects, organizes, and adds to the highly recognizable symbols that form the world’s visual language.  One of our founders is presenting at Carsonified’s event in Vegas next year.

  20. Sofya @ The Noun Project on December 15, 2011 at 6:43 pm said:

    Check out The Noun Project – a free online library that collects, organizes, and adds to the highly recognizable symbols that form the world’s visual language.  One of our founders is presenting at Carsonified’s event in Vegas next year.

  21. I’ve always just made my own icons whenever i’ve needed them, although the Pictos look quite nice.

  22. I’ve always just made my own icons whenever i’ve needed them, although the Pictos look quite nice.

  23. I love your comment about how you used to “scrounge the web for free icons”- you’re right it’s such a time waster. 

    I guess it’s all about having good tools and I am more than happy to pay for the latest Apple laptop or software but for some reason seem reluctant to purchase good assets. Weird really.

    Well no longer! You’ve made me realise that actually I should invest in assets as well as other tools after all it’s so important as the little details can make all the difference to the final product.

    No one will see my new MacBook Air but they will see my icons. Cheers!

  24. I love your comment about how you used to “scrounge the web for free icons”- you’re right it’s such a time waster. 

    I guess it’s all about having good tools and I am more than happy to pay for the latest Apple laptop or software but for some reason seem reluctant to purchase good assets. Weird really.

    Well no longer! You’ve made me realise that actually I should invest in assets as well as other tools after all it’s so important as the little details can make all the difference to the final product.

    No one will see my new MacBook Air but they will see my icons. Cheers!

  25. Great round up Allison.

  26. Great round up Allison.

Leave a Reply

Want to learn more about Design?

Design refers to visuals, interaction flows, wireframes, branding, and more. Learn how to use good design to enhance your website, mobile app, or business.

Learn more