Wednesday, October 21, 2009

150 Tutorials for Creating Highly Detailed and Excellent Icon Design

Icon : In a graphical user interface, a picture on the screen that represents a specific file, directory, window, or program. Clicking on an icon will start the associated program or open the associated file, directory, or window.

There are many resources online that can help and inspire you in your own icon designs and in this collection we share some of the best tutorials on the topic.

Check out this collection of 150 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

The Making of an Icon


The Making of an Icon - screen shot.

How To Make An Icon


How To Make An Icon - screen shot.

10 Mistakes in Icon Design


10 Mistakes in Icon Design - screen shot.

Icon Design: Bitmap vs Vector


Icon Design: Bitmap vs Vector - screen shot.

Professional technique for creating icons


Professional technique for creating icons - screen shot.

7 Principles of Effective Icon Design


7 Principles of Effective Icon Design - screen shot.

10 Tips for Effective Icon Design


10 Tips for Effective Icon Design - screen shot.

Icon Design Explained (Quickly)


Icon Design Explained (Quickly) - screen shot.

How to Design Mini Icons


Design Mini Icons - screen shot.

Make a Handy 3D Vector Calendar Icon


Make a Handy 3D Vector Calendar Icon - screen shot.

Vector Film Slate Icon


Vector Film Slate Icon - screen shot.

How to Turn Glasses into a Great Geek Icon


How to Turn Glasses into a Great Geek Icon - screen shot.

Detailed Camera with Photo Icon


Detailed Camera with Photo Icon - screen shot.,

How to Design a Set of Multicolored Buddy Icons


How to Design a Set of Multicolored Buddy Icons - screen shot.

Adobe Bridge Icon


Adobe Bridge Icon - screen shot.

How to Create a Vector Safari Compass in Illustrator


How to Create a Vector Safari Compass in Illustrator - screen shot.

Translucent IM Style Illustrator Icon Tutorial


Translucent IM Style Illustrator Icon Tutorial - screen shot.

Create a Vector RSS Icon with Illustrator


Create a Vector RSS Icon with Illustrator - screen shot.

Juicy RSS Feed Icon


Juicy RSS Feed Icon - screen shot.

How to Make a Vector Military Cap Icon


How to Make a Vector Military Cap Icon - screen shot.

Delicious Chinese Food Icon


Delicious Chinese Food Icon - screen shot.

Transparent Battery Icon


Transparent Battery Icon - screen shot.

Vector Lock Icon Design


Vector Lock Icon Design - screen shot.

Custom Hard Drive Icon


Custom Hard Drive Icon - screen shot.

Create a Speed Gauge and Watch Icon


Create a Speed Gauge and Watch Icon - screen shot.

Design a Detailed Compass Icon


Design a Detailed Compass Icon - screen shot.

Safety Icon Design


Safety Icon Design - screen shot.

Design a Glossy Download Icon


Design a Glossy Download Icon - screen shot.

Creating a Cool Yellow Helmet Icon


Creating a Cool Yellow Helmet Icon - screen shot.

Create a Jaguar Style Folder Icon


Create a Jaguar Style Folder Icon - screen shot.

Vista Error Icon


Vista Error Icon - screen shot.

Vista Folder Icon Tutorial


Vista Folder Icon Tutorial - screen shot.

Design The iTunes Icon For The iPhone


Design The iTunes Icon For The iPhone - screen shot.

XP Style Money Icon


XP Style Money Icon - screen shot.

Angry Emoticon


Angry Emoticon - screen shot.

XP Style iPod Icon


XP Style iPod Icon - screen shot.

LG LCD Monitor Icon


LG LCD Monitor Icon - screen shot.

Adobe Photoshop CS3 Style Icons


Adobe Photoshop CS3 Style Icons - screen shot.

Clock Icon


Clock Icon - screen shot.

World Icon Tutorial


World Icon Tutorial - screen shot.

How to Make a Folder Icon


How to Make a Folder Icon - screen shot.

Glossy RSS icon


Glossy RSS icon - screen shot.

Recreate the Famous Yahoo! Smiley


Recreate the Famous Yahoo! Smiley - screen shot.

Skype Buddy Icon


Skype Buddy Icon - screen shot.

Create A Mockingly Smiley


Create A Mockingly Smiley - screen shot.

iTune Icon


iTune Icon - screen shot.

Fast Folder Icon Making


Fast Folder Icon Making - screen shot.

Stylish Search Icon


Stylish Search Icon - screen shot.

Creating a clock icon


Creating a clock icon - screen shot.

Computer Icon Tutorial


Computer Icon Tutorial - screen shot.

Adobe Illustrator Icon Design Tutorials


Illustrator Icon Design Tutorials

How to Create a Yellow Submarine Icon with Gradient Meshes


Illustrator Icon Design Tutorials

How To Create An Academy Icon From Simple Shapes


Illustrator Icon Design Tutorials

Icon Design Tutorial: Drawing A Pencil Icon


Illustrator Icon Design Tutorials

How to Create a Magic Wand Icon


Illustrator Icon Design Tutorials

How to Create a Golden, Vector Compass in Illustrator


Illustrator Icon Design Tutorials

How to Bake a Cake in Illustrator


Illustrator Icon Design Tutorials

3D Yet Flat Looking Shopping Basket Icons


Illustrator Icon Design Tutorials

Translucent IM Style Icon


Illustrator Icon Design Tutorials

Aperture Style Camera Lens Icon


Illustrator Icon Design Tutorials

Design A Coffee Mug Icon


Illustrator Icon Design Tutorials

Turn Glasses into a Great Geek Icon


Illustrator Icon Design Tutorials

Detailed Camera with Photo Icon


Illustrator Icon Design Tutorials

CD Icon Using Illustrator in 5 minutes


Illustrator Icon Design Tutorials

Vector Film Slate Icon


Illustrator Icon Design Tutorials

Shiny, Vector Dice


Illustrator Icon Design Tutorials

Vector Safari Compass


Illustrator Icon Design Tutorials

Multicolored Buddy Icons


Illustrator Icon Design Tutorials

Pie Charts in Illustrator


Illustrator Icon Design Tutorials

Delicious Chinese Food Icon


Illustrator Icon Design Tutorials

iTune Icon


Illustrator Icon Design Tutorials

Gearbox Settings Icon


Illustrator Icon Design Tutorials

Tropical Colored Compass


Illustrator Icon Design Tutorials

Hourglass Icon


Illustrator Icon Design Tutorials

Adobe Bridge Icon


Illustrator Icon Design Tutorials

Magic Hat Icon


Illustrator Icon Design Tutorials

Vector Audio Speaker Icon


Illustrator Icon Design Tutorials

Vector Smiley Icon


Illustrator Icon Design Tutorials

Magnify Zoom Icon


Illustrator Icon Design Tutorials

Vector Military Cap Icon


Illustrator Icon Design Tutorials

Transparent Battery Icon


Illustrator Icon Design Tutorials

3D Vector Film Roll Icon


Illustrator Icon Design Tutorials

Stylized GPS Icon


Illustrator Icon Design Tutorials

Stack of Poker Chips


Illustrator Icon Design Tutorials

Television Icon


Illustrator Icon Design Tutorials

Textured Journal Icon


Illustrator Icon Design Tutorials

Designing a Stumbleupon Icon


Illustrator Icon Design Tutorials

Alarm Clock Icon


Illustrator Icon Design Tutorials

Calendar Icon


Illustrator Icon Design Tutorials

Envelpe Icon with a Satin Feel


Illustrator Icon Design Tutorials

Drawing A Pencil Icon


Illustrator Icon Design Tutorials

Windows Vista Icon


Illustrator Icon Design Tutorials

Designing a Sleek Pencil Icon


Illustrator Icon Design Tutorials

Design Float Circle Icon


Illustrator Icon Design Tutorials

Icon "about company" in Illustrator


Illustrator Icon Design Tutorials

Flag Icon


Illustrator Icon Design Tutorials

Administrator Icon


Illustrator Icon Design Tutorials

3D Isometric Vector Icon


Illustrator Icon Design Tutorials

Animated 3D Poker Chip


Illustrator Icon Design Tutorials

Apple Leopard Folder


Illustrator Icon Design Tutorials

Shiney Folder


Illustrator Icon Design Tutorials

Create XP-style Icons


Illustrator Icon Design Tutorials

Illustrator Vector Folder Reflections


Illustrator Icon Design Tutorials

Windows XP Folder Icon


Illustrator Icon Design Tutorials

Folder Icon


Illustrator Icon Design Tutorials

Sebastien de With


Illustrator Icon Design Tutorials

Jonas Rask


Illustrator Icon Design Tutorials

Marcelo Marfil


Illustrator Icon Design Tutorials

Artua Design Studios


Illustrator Icon Design Tutorials

Stefan Dziallas


Illustrator Icon Design Tutorials

William Wilkinson - Little Pixels


Illustrator Icon Design Tutorials

Medard KonopĂ­k - IconBakery


Illustrator Icon Design Tutorials

4 comments:

  1. i really like you all creative listed icons.

    ReplyDelete
  2. Some of the tutorials were the same. But They were all nice! Very nice selection.I came upon this site from the Net Tuts Community Link Feed

    ReplyDelete
  3. Wow! Thank you! I continuously wanted to write on my website something like that. Can I implement a part of your post to my blog?

    ReplyDelete