40 Tutorials for Creating Highly Detailed Icon Designs

Read the article

This post was originally published in 2009
The tips and techniques explained may be outdated.

As icons appear in larger sizes through appearances in Mac applications and rich user interfaces the icon designs themselves are becoming more and more detailed. Check out this collection of 40 of the best icon design tutorials from across the web, each covering the process of designing a highly detailed icon graphic in Illustrator or Photoshop.

Photoshop Laser Printer Icon Tutorial

Icon tutorial

Create a Custom Mac OSX Style Ring Binder Address Book Icon

Icon tutorial

Create an Adobe Box Icon in Photoshop

Icon tutorial

Create a Glossy Volt Icon in Photoshop

Icon tutorial

Create a Vector Film Slate Icon

Icon tutorial

Windows Vista Folder Icon Tutorial

Icon tutorial

Design a Detailed Compass Icon in Photoshop

Icon tutorial

Professional Technique for Creating Icons

Icon tutorial

Create a Paint Roller Icon in Photoshop

Icon tutorial

Create a 3D Pyramid Icon Design in Photoshop

Icon tutorial

Create a Scissor Icon in Photoshop

Icon tutorial

Create an XP Style Woman User Icon

Icon tutorial

Create a Vista Error Icon in Photoshop

Icon tutorial

The Making of an Icon

Icon tutorial

Create a USB Speaker Icon in Photoshop

Icon tutorial

Design the iTunes Icon for the iPhone in Photoshop

Icon tutorial

Designing a Chest Icon in Illustrator

Icon tutorial

Create the iTunes Icon in Illustrator

Icon tutorial

How to Design Mini Icons

Icon tutorial

To to Create a 3D Isometric Vector Icon

Icon tutorial

Create a Cute Panda Bear Face Icon

Icon tutorial

How to Create a Transparent Battery Icon

Icon tutorial

Create an Aperture Style Camera Lens Icon

Icon tutorial

Illustrate a Traffic Cone Icon in Photoshop

Icon tutorial

Create a Shiny Lock Icon Design in Photoshop

Icon tutorial

Creating an XP Style Monitor Icon

Icon tutorial

How to Create a Super Shiny Pencil Icon

Icon tutorial

How to Create a Van Icon in Photoshop

Icon tutorial

Make a 3D Shopping Basket Icon in Illustrator

Icon tutorial

How to Create an Alarm Clock Icon

Icon tutorial

How to Make a Calendar Icon

Icon tutorial

How to Create a Vector Safari Compass in Illustrator

Icon tutorial

Translucent IM Style Icon Design Tutorial

Icon tutorial

Create an Envelope Icon with a Satin Feel

Icon tutorial

Create a Vector Home Cinema Design

Icon tutorial

Create a Design Float Icon in Illustrator

Icon tutorial

Designing a Sleek Pencil Icon

Icon tutorial

Icon Design Tutorial: Drawing a Pencil Icon

Icon tutorial

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!


  1. Marco says:

    Sweet roundup Chris, you really selected all the high quality tutorials. I’m already working on a new icon pack an some tutorials listed here might give me some help.

    Keep up the great work!

  2. Nice tut’s, Simple, yet very effective.

  3. Nice round up! The panda is cute :D

  4. vectorss says:

    great list. nice tutorial. thanks

  5. cssah says:

    great work ,inspiration

  6. Marc says:

    Thanks for this list!

  7. great list~! really enjoy the tutorials. thanks!

  8. Very good collection. seems all in 1.

  9. Awesome collection. Thanks a lot
    See more Icons:

  10. really nice post..
    i will bookmark this post..
    thanks for share

  11. Trinity says:

    Great list of tuts. Thanks for those.

  12. Chris, that’s an awesome list, thanks a bunch, I know it takes a lot of time to compile something like this. I blogged it on my blog. ;)

  13. drezz says:

    You can never have too many Icons in your collection. Thanks for the links, Chris – there’s freebies and inspiration abounds for making some cool looking stuff…

  14. This is a great resource, thanks a lot Chris! Just what I needed today :)

  15. Nikhil says:

    Great stuff.
    Excellent collection.

  16. T-Law says:

    Great list of tutorials, thanks.

  17. Nebel says:

    Very nice!!

    Thanks for recopilation :D

  18. Fabian says:

    Cool post..I might have to dabble into the world of icon design now:D

  19. Sneh says:

    Cool Roundup! That Van is amazing … the lines between icons and custom icons that can be used as graphics has become blurred with more and more icon sets being released in higher resolutions :-)

  20. Great roundup. I can see learning a lot of great techniques from these!

  21. Jan says:

    Great compilation, Chris!

  22. Nice collection of tutorials! Some good learning here.

  23. Mark says:

    Really good selection of tutorials

  24. Bine says:

    yay, awesome! :D

  25. Tommy says:


  26. chris says:

    great tutorials

  27. Lovely set of tutorials , much appreciated.

  28. Wow, some really stunning design effects. Only been through a couple, but will certainly be trying more, as and when I get the time.

    Thanks for the post, Keep up the good work!

  29. nice icon designs, thanks for tut list..

  30. Driveways says:

    excellent stuff and a great collection, thanks for sharing :)

  31. Lukas119 says:

    awsome design tuts, great job, thanks

  32. Absolutely brilliant post. They are all stunning. I’m gunna have a go at the usb speaker one :D

  33. Hey, first time visitor. I actually found you on twitter doing a “graphic design” search. Your link was on your account, so here i am.

    Thanks for the collection of nice icon tutorials. I have bookmarked this page, and will add your site to my favorites.

    I’m a graphic designer who is new to the blogging game, so checking out sites like your own can be quite helpful and inspiring.

  34. Thanks bro, your tutorial is very useful for me. :)

  35. bravo, your tutorial is very usefull for me

  36. Very nice icons, great those are tutorials not only final effects.

  37. Thanks again Chris. Your website is very precious

  38. Very beautiful blog, really handy tutorials, perfecto!

  39. Awesome Share, Thank you!

  40. Chris says:

    I’m now dedicating a day to finding a use for these…

    If you use our lead generation website, expect to see new fancy icons as soon as we find a spare day!

  41. Man these are great! no just for icons but i can apply them to all graphics creation.

  42. div says:

    very useful article. thanks a lot. u r making designers life simpler!!!

  43. Moksha says:

    good collection, much of them are from psdtut

  44. Adrine Dawson says:

    Thank you this will help me for my assignment . It will make it easier to do my own using these instructions

  45. very nice roundup! lots of nice techniques over there! thank you for sharing!

  46. jacke says:

    great, very useful we are waiting for the next

  47. Fantastic these guys really impress me and they deserve to succeed in business showing members of the public these great ways to create high quality icons.

Comments are now closed