22 Extremely Well Written Icon Design Tutorials

By / Jun 1, 2009 / Tutorials

In the past, I’ve shown you free icon sets that are great for web applications, as well as icons that are highly detailed. Even with all the free icons available, you won’t always be able to find ones that fit every need. That’s why it’s a good idea to develop skills that will allow you to create your own. In this post there are 22 well written tutorials that will teach you techniques for designing your own icons using various tools such as Illustrator and Photoshop.

Create a Glossy Volt Icon in Photoshop

Create a Glossy Volt Icon in Photoshop

Design a Detailed Compass Icon in Photoshop

Design a Detailed Compass Icon in Photoshop

iTune Icon

iTune Icon

The Making of an Icon

The Making of an Icon

Make a Handy 3D Vector Calendar Icon

Make a Handy 3D Vector Calendar Icon

How to Turn Glasses into a Great Geek Icon

How to Turn Glasses into a Great Geek Icon

How to Create a Vector Safari Compass in Illustrator

How to Create a Vector Safari Compass in Illustrator

How to Make a Vector Military Cap Icon

How to Make a Vector Military Cap Icon

Vista Error Icon

Vista Error Icon

How to Create a Transparent Battery Icon

How to Create a Transparent Battery Icon

How to Create a Super Shiny Pencil Icon

How to Create a Super Shiny Pencil Icon

3d Isometric Vector Icon Tutorial

3d Isometric Vector Icon Tutorial

Beginner Illustrator Tutorial – Create a Vector RSS Icon

Beginner Illustrator Tutorial - Create a Vector RSS Icon

Design a Glossy Download Icon

Design a Glossy Download Icon

Create a Detailed Camera with Photo Icon

Create a Detailed Camera with Photo Icon

Craft a Delicious Chinese Food Icon

Craft a Delicious Chinese Food Icon

Create an Adobe Box Icon in Photoshop

Create an Adobe Box Icon in Photoshop

Create a Custom Mac OSX Style Ring Binder Address Book Icon

Create a Custom Mac OSX Style Ring Binder Address Book Icon

Create An Aperture Style Camera Lens Icon

Create An Aperture Style Camera Lens Icon

Illustrate a Traffic Cone Icon in Photoshop

Illustrate a Traffic Cone Icon in Photoshop

Create a Vector Film Slate Icon

Create a Vector Film Slate Icon

Custom Hard Drive Icon

Custom Hard Drive Icon

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

  • http://www.squidoo.com/my_squidoo-lens-list Mickie

    I constantly struggle with my avatar for various websites. I really want to design my own, but I have needed to resort to Microsoft clip art. Thanks for the information. Now maybe I can find my own expression.

  • http://www.ilike2flash.com ilike2flash

    Nice lcon designs.

  • http://fearlessflyer.com Michael Soriano

    Very good list.

  • http://www.patternhead.com Patternhead

    Nice post. Some highly polished icons here.

  • http://www.macstories.net/ MacStories

    Good links, great icons. Thanks!

  • http://iniwoo.net/ T-Law

    Beautiful icons, thanks for great collection.

  • http://www.danhbaweb20.com/ Danh ba web 2.0

    Excellent collection. Thanks a lot !
    See more in my blog: http://tr.im/n7tj

  • http://10steps.sg Johnson Koh

    Great compilation. These icons are very detailed.

  • http://www.kre8iveminds.com Kre8iveminds

    Amazing tutorials. Thanks

  • http://www.warez.vn Jackey

    Nice post. Thanks. Knowledge is always the big ocean .

  • http://pixelresort.com Michael Flarup

    Thanks for featuring my article, ‘The Making of an Icon’- unfortunatly the link doesn’t go to my site, but eyesontutorials who is remote hosting my article.

    Orginal article can be found here: http://pixelresort.com/?p=6

    Thanks,
    Michael Flarup

  • http://www.niceoutput.com NICEOUTPUT

    Great list here. Amazing. Thanks for sharing

  • http://www.medienlab.de mike sch.

    Nice collection of tuts – thx a lot for sharing.

  • http://www.xplodemarketing.com Web Design Sarasota

    Wow, great resources. I specifically like the military hat, very clean design and enjoyed the use of shading.

  • http://thecuteinstitute.com/ tesha

    wow! thanks so much for sharing these great tutorials… Looking forward to more articles similar to this one! :)

  • bebopdesigner

    Many many thanks. This is really handy.Cheers

  • Fredrk

    OMG! I just LOVED this!!!

  • http://tasarhane.com tasarhane

    pretty helpful post thanks.

  • http://www.kadom.net Thomas

    Thanks, I love the Chinese Food Icon :)

  • http://www.forum-22.com icon rocks

    great collection! useful

  • http://www.logodesignnewzealand.co.nz Anush

    Great icons suggestion!! i like pencil one

  • Benchong

    lowsy artworks

  • jochen

    nice, but most of them aren’t icons really. Why can’t even well educated designers distinguish between icons and illustrations?