Tutorials

60 Tutorials Creating High Quality Design Icons

icon-preview

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

itunes

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

twitter-icon

18. Draw a Classy 3D Poker Chip in Photoshop

poker-chip-icon-tutorial

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

canlander-icon

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

38. Make 3D Yet Flat Looking Shopping Basket Icons

shopping-basket-icon

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

vecor-tips-padlock

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

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

Sponsor

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 :)

    Thanks!

  • 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

    brilliant