The Icon Directory For Designers
Posted on 29. Jun, 2009 by Brian in Resources
Icons are necessary in web design to convey messages, create mental images, and to establish a visual connection between your content and your readers. Whether you are attempting to design your own icon, find the perfect set for your website, or implement the icons into your design successfully, finding the perfect resource can be a daunting task. Welcome to the complete Icon Directory For Designers.
This post is a complete directory of icons for designers. Featured are hundreds of icon sets that will be continually updated, dozens of icon design tutorials, as well as dozens of examples of successful uses of icons in web design.
Bookmark this page so you will always have a growing resource for icon information at your fingertips!
Jump To A Section:
- Icon Sets Directory
- Directory Of Icon Design Tutorials
- Examples and Uses of Icons In Modern Web Design
- Sources
Icon Sets Directory
Directory Of Icon Design Tutorials
Create a Custom Mac OSX Style Ring Binder Address Book Icon
Create An Adobe Box Icon In Photoshop
Create A Glossy Volt Icon In Photoshop
Create A Vector Film Slate Icon
Design A Detailed Compass Icon In Photoshop
Professional Technique For Creating Icons
Paint Roller Icon Design Tutorial
USB Portable Speaker Icon Design In Photoshop
Designing A New Icon In Illustrator
3D Isometric Vector Icon Tutorial
Create A Cute Panda Bear Face Icon
How To Create A Transparent Battery Icon
Create An Aperture Style Camera Lens Icon
Illustrate A Traffic Cone Icon In Photoshop
Create A Shiny Lock Icon Design
Creating An XP Style Monitor Icon
How To Create A Super Shiny Pencil Icon
How To Create A Van Icon In Photoshop
Make 3D, Yet Flat Looking Shopping Basket Icons
How To Create An Alarm Clock Icon
How To Create A Vector Safari Compass Icon In Illustrator
Translucent IM Style Illustrator Icon Tutorial
Create An Enveleope Icon With A Satin Feel
Create A Vector Home Cinema Design
Design A Pencil Icon In Illustrator
Icon Design Tutorial: Drawing A Pencil Icon
How To Create A Magic Wand Icon
Skype Icon Design In Photoshop
How To Design A Set of Multicolored Buddy Icons
Make A Handy 3D Vector Calendar Icon
Design The Adobe Photoshop Bridge Icon
Create A Vector Lock Icon Design
Design A Custom Hard Drive Icon
Create A High Gloss Graduation Hat Icon Design
Create A Jaguar Style Folder Icon
Creating A Cool Yellow Helmet Icon
Recreate The Famous Yahoo! Smiley
How To Make A Vector Military Cap Icon
How To Turn Glasses Into A Great Geek Icon
Gradient Flower Icon In Photoshop
Create A Detailed Camera With Photo Icon
MP3 Digital Player Icon In Photoshop
Craft A Delicious Chinese Food Icon
Sony Playstation Logo Icon In Photoshop
Design Head Phone Icon In Photoshop
7 Principles Of Effective Icon Design
Examples And Uses of Icons In Modern Web Design
Icons hold no value if they aren’t used correctly in web design. In light of this, I present a showcase of websites that use icons beautifully and effectively. Keep in mind the way that they are used to organize content, separate content, provide visual organization, as well as spice up a web page.
Click each image to view the full site
Sources
Here is a plug to the sites that have helped compile the resources that found their way into the Icon Directory For Designers. Check them out and send them some love!
- Six Revisions
- Noupe
- Smashing Magazine
- Spoon Graphics
- Dzine Blog
- Hongkiat
- Speckyboy
- Web Design Ledger
- Vandelay Design
- PSD Tuts
Conclusion
I hope you have found something of use in this directory. Remember to keep checking back for updated icon galleries, more tutorials, and additional stunning examples of icons in modern web design.
If you enjoyed this post, share it with your friends and the world by clicking one of the icons below!
Share This Post
48 Responses to “The Icon Directory For Designers”
Leave a Reply
User Link Feed
Please submit your resources at Elite By Design. Elite By Design provides more traffic for your submissions!
ErnieDavis.me » Blog Archive » Design – The Icon Directory For Designers
30. Jun, 2009
[...] http://webdesigntuts.com/resources/the-icon-directory-for-designers/ [...]
ReplyDave
30. Jun, 2009
That’s alot of very colorful icons. There is no way I would have the time to come up with all of this on my own.
ReplyThe Icon Directory For Designers | Web Design Tuts | Feed Rss
30. Jun, 2009
[...] post: The Icon Directory For Designers | Web Design Tuts Tagged with: [...]
ReplyThe Icon Directory For Designers | Web Design Tuts | Cash For All
30. Jun, 2009
[...] the rest here: The Icon Directory For Designers | Web Design Tuts Share and [...]
ReplyMatt
30. Jun, 2009
Wow! Great work, thanks!
ReplyThe Icon Directory For Designers | Web Design Tuts « Web Templates
30. Jun, 2009
[...] Follow this link: The Icon Directory For Designers | Web Design Tuts [...]
ReplyNews The Icon Directory For Designers | Web Design Tuts | Web 2.0 Designer
30. Jun, 2009
[...] See original here: The Icon Directory For Designers | Web Design Tuts [...]
ReplyThe Icon Directory For Designers | Web Design Tuts « Web Design
30. Jun, 2009
[...] Originally posted here: The Icon Directory For Designers |… [...]
ReplyThe Icon Directory For Designers | Web Design Tuts- Pro Studios
30. Jun, 2009
[...] Original post: The Icon Directory For Designers | Web Design Tuts [...]
ReplyMarco
30. Jun, 2009
It has been a while since you wrote an article here Brian – this post makes up for everything. Great resource to have, bookmarked!
ReplyThe Icon Directory For Designers | Web Design Tuts | Apex Designs
01. Jul, 2009
[...] Read more: The Icon Directory For Designers | Web Design Tuts [...]
ReplySi
01. Jul, 2009
Wow, such a great collection. Thanks for spending the time creating such a vast collection. Please leave it up for ever, this bad boy is bookmarked!
Replyjohnsaint
01. Jul, 2009
indeed a truly inspiring work. icons were truly spectacular. above all you deserve all the credit.
ReplyMartin Leblanc
01. Jul, 2009
What about Iconfinder? http://www.iconfinder.net
ReplyThe Icon Directory For Designers | Web Design Tuts « Netcrema - creme de la social news via digg + delicious + stumpleupon + reddit
01. Jul, 2009
[...] The Icon Directory For Designers | Web Design Tutswebdesigntuts.com [...]
ReplyHey tweeps, 30 fresh Links! « Adrian Zyzik’s Weblog
01. Jul, 2009
[...] Depot 10 Things Every Web Designer Just Starting Out Should Know JavaScriptcode.google.com The Icon Directory For DesignersWeb Design Tuts Worldwide Real-Time Firefox Downloads CNET Japan91 3 apps to check username availability across [...]
Replywebmasterdubai
01. Jul, 2009
you make life easy nice post. its a huge collection in one place.
ReplyBeyondRandom
01. Jul, 2009
Simply the best list I have ever seen! Thanks for sharing them all
ReplyBrian
01. Jul, 2009
Thanks Marco, very nice to hear!
Thanks for the comments! Glad you are appreciating this source, and I hope it helps you out in the future.
Replygdk's status on Wednesday, 01-Jul-09 17:47:27 UTC - Identi.ca
01. Jul, 2009
[...] http://webdesigntuts.com/resources/the-icon-directory-for-designers/ [...]
ReplySteve
01. Jul, 2009
Thanks for doing this! It’s a great resource.
ReplyEmre
01. Jul, 2009
You can add http://www.iconerz.com/ to your list.
Replyorit
01. Jul, 2009
you ROCK!
Replykevinsturf
01. Jul, 2009
wow this must’ve taken forever to gather all of these, thanks.
Replyamazing icon resource | Cardeo Design Blog
01. Jul, 2009
[...] » Head over to webdesigntuts.com [...]
Reply???????? | EnjoyWeb20
01. Jul, 2009
[...] ???The Icon Directory For Designers [...]
ReplyBrian
01. Jul, 2009
Type your comment here…
Thanks, glad you enjoyed the post!
ReplyNile
01. Jul, 2009
You can add http://blondish.net/resources/icons/
There are over 115 original icons.
ReplyNile
01. Jul, 2009
Oops.. I forgot to mention the emoticons/ smilies. They have other things too like icons to go with them that can be used for anything. http://blondish.net/resources/emoticons-smilies/
ReplyIconos: Directorio, tutoriales y usos
01. Jul, 2009
[...] tremendo trabajo ha hecho la gente de Web Design Tuts, se han encargado de realizar un recopilatorio de los mas increíbles recursos para iconos que [...]
ReplyCSS Brigit | The Icon Directory For Designers
01. Jul, 2009
The Icon Directory For Designers…
This post is a complete directory of icons for designers. Featured are hundreds of icon sets that will be continually updated, dozens of icon design tutorials, as well as dozens of examples of successful uses of icons in we…
ReplyBrian
01. Jul, 2009
ReplyThose aren’t quite the icons I had in mind. Those are more like avatars than icons. Thanks for the link though!
brandy
04. Jul, 2009
A great collection of icon that can be useful for every web designer.
ReplyAndrea Austoni
05. Jul, 2009
Very nice resource, thank you! Let me submit my own icon tutorial published on PSDTUTS:
http://psd.tutsplus.com/tutorials/illustration/how-to-create-a-moka-express-icon/
ReplyModule23 Werbeagentur Koblenz
05. Jul, 2009
Thanks for sharing this great collection of useful icons. Bookmarked for further use! Thanks man!
ReplySweet Tweets: Design Resources of the Week #7 | The Design Cubicle
05. Jul, 2009
[...] The Icon Directory For Designers “This post is a complete directory of icons for designers. Featured are hundreds of icon sets that will be continually updated, dozens of icon design tutorials, as well as dozens of examples of successful uses of icons in web design.” [...]
ReplyAlexander Gessler
06. Jul, 2009
Really great collection! Thanks alot!
ReplyA garder! » Blog Archive » Le topic des icones (en)
06. Jul, 2009
[...] http://webdesigntuts.com/resources/the-icon-directory-for-designers/ Similar Posts Share [...]
ReplyCool articles – SEO, blogging, internet marketing(june24-july05) « Stefanm, my link collection
07. Jul, 2009
[...] The Icon Directory For Designers; [...]
ReplyLinks: 10 July 2009 | Meryl.net
10. Jul, 2009
[...] Icon Directory for Designers: You don’t have to be a designer to benefit. [Link: @davidvanvickle] [...]
ReplyJohn Dale
28. Jul, 2009
This is so great. WOW. Thanks alot mate.
ReplyFree Professional Icons for Web designers | Pixelweb
10. Aug, 2009
[...] guys at webdesign tuts have collected a whole bunch of links to free icons click here to find out more FREE, [...]
ReplyCam
27. Aug, 2009
good grief man! this the ultimate list
ReplyFAQPAL
30. Aug, 2009
That is one massive collection, thanks for the share.
Reply10BIT
04. Oct, 2009
Great Collection. Help me a lot for finding them . Thanks for the share
ReplyAvadh
28. Oct, 2009
just one word AWESOME for such a great effort to locate and compile this stuff, i know what it takes to do something like that.
though most of the stuff is already seen, Heart-full respect for work you are doing. keep up the good stuff
ReplyDesign Space – Khonggianthietke.com » Blog Archive » The Icon Directory
30. Oct, 2009
[...] Icon Sets Directory [...]
Replyquoperative » Blog Archive » Link love for April 16th to November 11th
14. Nov, 2009
[...] The Icon Directory For Designers | Web Design Tuts [...]
Reply