60 Tutorials Creating High Quality Design Icons


Icons are essential within web design and within interface designs. There are many sites across the web where you  can download free icons. This article features a wide selection of over 60 tutorials which will guide you through the process for learning how to design icons.

1. Simple Coffee Cup Icon Photoshop Tutorialcoffie-icon

2. Design a Detailed Compass Icon in Photoshopcompass-icon

3. iTune Icon


4. Beginner Illustrator Tutorial – Create a Vector RSS Icon rss-icon-tutorial

5. Design Float Circle Icon (AI Tutorial) design-float-icon

6. Custom Hard Drive Iconhddrive-icon-tutorial

7. Design a Stylish Mail Icon in Photoshopemail-icon-tutorial

8. Computer Icon Tutorialcomputer-icon-tutorial

9. Create a Vector Film Slate Iconvector-tuts-icon

10. How to Create a Vector Safari Compass in Illustrator safri-icon-tutorial

11. Create an Adobe Box Icon in Photoshopai-box-tutorial

12. How to Create a Transparent Battery Icon battery-icon-tutorial

13. Photoshop design paint brush logo icon in Photoshop photshop-brush-tut

14. Carbon Style Icon bevel-icons

15. Create a Glossy Volt Icon in Photoshop volt-icon

16. How to Create a Gearbox Settings Icon Using Simple Shapescog-icon

17. How to Create a Quirky Twitter Bird in Corel Draw


18. Draw a Classy 3D Poker Chip in Photoshop


19. Glossy RSS iconglowy-rss-icon

20. Create a Jaguar Style Folder Icon jaguar-icon

21. Make a Handy 3D Vector Calendar Icon calender-vector-icon

22. Create An Aperture Style Camera Lens Iconcamera-icon

23. How to Create a Juicy RSS Feed Iconjucyrssicon

24. Illustrate a Traffic Cone Icon in Photoshopcone-icon-tutorial

25. Icon Design Tutorial – Designing a New Icon In Illustratorstumble-upon-icon

26. How to Create a Super Shiny Pencil Iconshiny-pencil-con-tutrial

27. Craft a Delicious Chinese Food Icon chinease-icon-tutorial

28. Create a Custom Mac OSX Style Ring Binder Address Book Icon macbook-icon

29. How to Make a Vector Military Cap Icon miltary-icon-tutorial

30. How I Created Turqua: 3d Isometric Vector Icon Tutorial 3dvector-icon-tutorial

31. LG LCD Monitor Iconlcd-monitor

32. Wii Mote Controller Tutorial wii-icon

33. Create a Speed Gauge and Watch Icon in Photoshopspeed-dometer-icon

34. Clock Iconclock-icon

35. How to Create an Alarm Clock Iconcreating-a-clock-icon

36. Icon design tutorial: How to make a Calendar icon


37. How to Create a Van Icon in Photoshopcamper-icon

38. Make 3D Yet Flat Looking Shopping Basket Icons


39. Translucent IM Style Illustrator Icon Tutorialtranslant-icons

40. How to Create a Magic Wand Iconmagic-wand-icon

41. Making a Compact Disc Iconcompact-disk

42. Sony playstation logo icon in photoshopps3-icon-tutorial

43. Create a Shiny 3D Boxshiny-box

44. Photoshop Laser Printer Modelprinter-icon

45. Photoshop Scissor Iconsissors-icon

46. Photoshop Dish TV Icondish-icon

47. Create a Vector Lock Icon Design


48. Skype Buddy Iconim-icon-tutorial

49. Photoshop website skype icon design in photoshopskype-icon-tutorial

50. Photoshop Tools Website Hammer Iconhammer-icon-tutorial

51. Photoshop Electronic Torch Light Icontorch-light-icon

52. Handy Web 2.0 Icons In Photoshopweb20-icons-tutorial

53. Yahoo Smile Iconsmile-icon

54. Vista Folder Icon Tutorialfolder-icon

55. How to Design a Set of Multicolored Buddy Icons


56. Angry Emoticon angry-emnotion

57. Cubite graphics design logo icon Photoshop in Photoshopcubite

58. 3D Mp3 Player icon6dmp3player-icon

59. QuickTime Iconqicktime-icon

60. Monitor Icon Design – Photoshop Tutorial monitor-icon-design


You may also like

Please Leave a comment

  • http://qvectors.com QVectors

    great list :)

  • http://blog.dayjo.org/ Dayjo

    This is the first post I’ve seen on this site, and It’s fantastic :)


  • http://blog.1n8.de Puh

    Thank you much!

  • http://blog.dayjo.org/ Dayjo

    Quick note; The Padlock link, and title, are just linking to the previous ‘satellite’ tutorial. :)

  • Pingback: CSS Brigit | 60 Tutorials Creating High Quality Design Icons()

  • http://www.bebop-ad.com BebopDesigner

    Wow! this is really handy. I’m sharing this. Thanks for posting such brilliant roundup. Cheers

  • http://global-luxury.blogspot.com planet

    Cool ! i wish my illustrator and photoshop technique can be improved like tat

  • http://windoo.wordpress.com web2000

    wowza that’s a lot of icon tuts – thanks

  • http://olurolmazhersey.com Oğuzhan Özalp

    Hımm good list … http://www.olurolmazhersey.com my blog page

  • http://thedigitalhereafter.com DigitalHereafter

    Impressive!! Those are some of the cleanest icons I have seen. I am excited to try them out and make my own. Thanks

  • http://www.twitter.com/papercomputer Arthur E.B.

    Delicious post!!! Can’t wait to try them all! Thanks!

  • http://www.41southtasmania.com angelika

    cool thank you, i deliciously digg’ed it

  • http://tr.im/mewC Rahul – Web Guru

    I was looking for a good clock icon. Thanks.

  • maya

    Amazi…ng effects……

  • http://www.xyztutorials.blogspot.com/ yarijik

    great icons…. thanks for sharing

  • http://ilike2photoshop.blogspot.com ilike2photoshop

    Thanks, this is a great list of icons.

  • http://www.lvdoujing.com lvdoujing

    very cool~~

  • http://www.appletreeprint.co.uk high quality business cards

    Really good and detailed icon tutorials, i’m currently working on some high quality business cards for business card print and this is exactly what I was looking for. Thanks again.

  • http://www.brettwidmann.com Brett Widmann

    Excellent tutorials. Thanks for sharing.

  • http://www.tutosytips.com johanso

    que buenos tutoriales, thanks

  • http://none bill ming

    the first is very good,but the behind is so so.

  • abhijit