Website Design Blog: discussion, Inspiration and More…

January 12, 2010 in Inspiration, Showcases, Tutorials by Tom Walker

The web, computers and mobile phones would be nothing without the humble icon. We use icons to navigate our way around computers and the internet and, on the whole, would be absolutely lost without them. You’ll be amazed by how many icons are firmly lodged in your brain: when presented with a Search, Mail or Battery icon, for instance, you’ll instantly know exactly what it means and what it does.

Icons are tiny, but powerful; underestimate them at your peril. Internet giants like Facebook, Twitter and Windows Live Messenger rely heavily on icon design to boost user numbers, and Microsoft and Apple are constantly refining and redesigning their icons in a fierce battle to stand out from one another and define their respective brand identities.

As an essential element of website navigation, you need to ensure that your icons are polished and attractive. Fortunately, there is a wealth of icon design tutorials available to help you create stunning icons in Photoshop or Illustrator. We’ve scoured the web to bring you the very best. Some are more suitable for experts, while others are accessible to anyone with the most limited graphic design experience. Take a look below and find the ones that are right for you.

1. Create a Van Icon in Photoshop

2. Create an iPod Earbuds Icon in Illustrator

3. Create an iPod Shuffle Icon in Photoshop

4. Create a Vector Safari Compass Icon in Illustrator

5. Create a Chinese Food Icon in Illustrator

6. Create a Satellite Dish Icon in Photoshop

7. Create a Diamond Ring Icon in Illustrator

8. Create a Shiny Dice Icon in Illustrator

9. Create a Sony PlayStation Icon in Photoshop

10. Create a Light Bulb Icon in Illustrator

11. Create a Paint Roller Icon in Photoshop

12. Create a Vista Error Icon in Photoshop

13. Create an iTunes Icon in Illustrator

14. Create a Cute Panda Icon in Illustrator

15. Create a Camera Lens Icon in Illustrator

16. Create an Alarm Clock Icon in Illustrator

17. Create a Calendar Icon in Illustrator

18. Create a Shopping Basket Icon in Illustrator

19. Create a Scissors Icon in Photoshop

20. Create a Film Slate Icon in Illustrator

21. Create a Key Fob Icon in Photoshop

22. Create a Geeky Glasses Icon in Illustrator

23. Create a Juicy RSS Feed Icon in Illustrator

24. Create a Folder Icon in Photoshop

25. Create a Yahoo Smiley in Photoshop

26. Create a Jaguar Folder Icon in Photoshop

27. Create an LG LCD Monitor Icon in Photoshop

28. Create a Yellow Helmet Icon in Photoshop

29. Create a Glossy Download Icon in Photoshop

30. Create a Hard Drive Icon in Photoshop

31. Create a USB Stick Icon in Photoshop

32. Create a Shiny Lock Icon in Photoshop

33. Create an Electronic Torch Icon in Photoshop

34. Create a Postal Packet Icon in Photoshop

35. Create a Thermometer Icon in Photoshop

36. Create a Mac OS X Mail Icon in Photoshop

37. Create a Watch Icon in Photoshop

38. Create Handy Web 2.0 Icons in Photoshop

39. Create a Traffic Cone Icon in Photoshop

40. Create a Wii Controller Icon in Photoshop

Neil Kornswiet