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

Learn To Create A Padlock Icon In Adobe Photoshop

 Learn To Create A Padlock Icon In Adobe Photoshop

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

5.4k
Shares
Share on Pinterest
80 Comments submitted Add yours!

Join my mailing list and receive a free design resources bundle!

Free design resources bundle

80 Comments

  1. 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!

    (0)
  2. 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…

    (0)
  3. 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 :-)

    (0)
  4. 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!

    (0)
  5. 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.

    (0)
  6. 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!

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

    (0)

Comments are now closed