50 Icon Design Tutorials

Icons are essential in any graphical user interface. They are effective visual cues for performing tasks or navigating to a certain location. 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.


General Tutorials

1. The Making of an Icon

The Making of an Icon - screen shot.

2. How To Make An Icon

How To Make An Icon - screen shot.

3. 10 Mistakes in Icon Design

10 Mistakes in Icon Design - screen shot.

4. Icon Design: Bitmap vs Vector

Icon Design: Bitmap vs Vector - screen shot.

5. Professional technique for creating icons

Professional technique for creating icons - screen shot.

6. 7 Principles of Effective Icon Design

7 Principles of Effective Icon Design - screen shot.

7. 10 Tips for Effective Icon Design

10 Tips for Effective Icon Design - screen shot.

8. Icon Design Explained (Quickly)

Icon Design Explained (Quickly) - screen shot.

9. How to Design Mini Icons

Design Mini Icons - screen shot.

Illustrator Tutorials

10. Make a Handy 3D Vector Calendar Icon

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

11. Vector Film Slate Icon

Vector Film Slate Icon - screen shot.

12. How to Turn Glasses into a Great Geek Icon

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

13. Detailed Camera with Photo Icon

Detailed Camera with Photo Icon - screen shot.,

14. How to Design a Set of Multicolored Buddy Icons

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

15. Adobe Bridge Icon

Adobe Bridge Icon - screen shot.

16. How to Create a Vector Safari Compass in Illustrator

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

17. Translucent IM Style Illustrator Icon Tutorial

Translucent IM Style Illustrator Icon Tutorial - screen shot.

18. Create a Vector RSS Icon with Illustrator

Create a Vector RSS Icon with Illustrator - screen shot.

19. Juicy RSS Feed Icon

Juicy RSS Feed Icon - screen shot.

20. How to Make a Vector Military Cap Icon

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

21. Delicious Chinese Food Icon

Delicious Chinese Food Icon - screen shot.

22. Transparent Battery Icon

Transparent Battery Icon - screen shot.

23. Vector Lock Icon Design

Vector Lock Icon Design - screen shot.

Photoshop Tutorials

24. Custom Hard Drive Icon

Custom Hard Drive Icon - screen shot.

25. Create a Speed Gauge and Watch Icon

Create a Speed Gauge and Watch Icon - screen shot.

26. Design a Detailed Compass Icon

Design a Detailed Compass Icon - screen shot.

27. Safety Icon Design

Safety Icon Design - screen shot.

28. Design a Glossy Download Icon

Design a Glossy Download Icon - screen shot.

29. Creating a Cool Yellow Helmet Icon

Creating a Cool Yellow Helmet Icon - screen shot.

30. Create a Jaguar Style Folder Icon

Create a Jaguar Style Folder Icon - screen shot.

31. Vista Error Icon

Vista Error Icon - screen shot.

32. Vista Folder Icon Tutorial

Vista Folder Icon Tutorial - screen shot.

33. Design The iTunes Icon For The iPhone

Design The iTunes Icon For The iPhone - screen shot.

34. XP Style Money Icon

XP Style Money Icon - screen shot.

35. Angry Emoticon

Angry Emoticon - screen shot.

36. XP Style iPod Icon

XP Style iPod Icon - screen shot.

37. LG LCD Monitor Icon

LG LCD Monitor Icon - screen shot.

38. Adobe Photoshop CS3 Style Icons

Adobe Photoshop CS3 Style Icons - screen shot.

39. Clock Icon

Clock Icon - screen shot.

40. World Icon Tutorial

World Icon Tutorial - screen shot.

41. How to Make a Folder Icon

How to Make a Folder Icon - screen shot.

42. Glossy RSS icon

Glossy RSS icon - screen shot.

43. Recreate the Famous Yahoo! Smiley

Recreate the Famous Yahoo! Smiley - screen shot.

44. Skype Buddy Icon

Skype Buddy Icon - screen shot.

45. Create A Mockingly Smiley

Create A Mockingly Smiley - screen shot.

46. iTune Icon

iTune Icon - screen shot.

47. Fast Folder Icon Making

Fast Folder Icon Making - screen shot.

48. Stylish Search Icon

Stylish Search Icon - screen shot.

49. Creating a clock icon

Creating a clock icon - screen shot.

50. Computer Icon Tutorial

Computer Icon Tutorial - screen shot.

About these ads

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s