Smashing Magazine - we smash you with the information that will make your life easier. really.
Icons For Your Desktop and Icons For Your Web Designs
The value of icons lies in their ability to communicate with visitors or users in a more intuitive and effective way. Jakob Nielsen, the maestro of usability, postulated few years ago that “recognition rather than recall” is one of the basic heuristics for user-friendly design. In fact, it’s necessary to “minimize the user’s memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.”
Icons are supposed to achieve just that. And this is why it’s useful to actually use them both on your desktop and in your web design. They can reduce the complexity of the design and make it easier to get from point A to point B.
In the overview below we present some of the fresh high-quality free icons which you can use for your desktop; we also showcase free professional icon sets, buttons and vector graphics you can use for your web designs. You might know some of them, but hopefully not all of them. Not all listed freebies can be used for commercial projects, however you can use all of them in your private projects of for you personal purposes. Please read the disclaimers carefully before using the icons – they’re changing from time to time.
You can also scan through the icons-related articles we’ve published before:
- Symbols, Buttons and Icons For Free
- More Symbols, Buttons and Icons
- Freebies Round-Up: Icons, Buttons and Templates
[Offtopic: by the way, have you already visited Smashing Magazine's Facebook fan page? Join the community for a stream of useful resources, updates and giveaways!]
Icons for Your Desktop and Design
Air Mail Icons
A replacement icon for Apple Mail or any other Mail application. An old school Air Mail Envelope for that ‘old worldish’ quality that seems to have been forgotten in our inbox filled, electronicly busy everyday lives. 32×32px – 512×512 px icon for Mac and PC.
Camera Icon
Replacement icon for Iphoto, Aperture or any other photo application. 2 icons included: a colorful lens for the frivolous and a sligthly more down to earth version. Mac & PC icons + PNG’s bundled.
File Icons
Includes a total of 100 PNGs and 100 Icons.
iZ3 Icons
The package contains 20 different icons for Windows XP & Vista, 7 different colors, 256×256 Pixel PNG previews, 256×256 ico formats for XP & Vista.
iLeopard Icons Pack
Special edition of iLeopard Icons Pack series. All Leopard icons available in 512*512 pixels with 96 dpi.
White Leopard Icons, Black Leopard Icons
This icon set for Mac OS X 10.5 (Leopard) contains 19 folder icons in both .icns- and .png-format (128×128 and 512×512px). Every folder icon (such as applications, music, movies etc.) will be replaced by adding these icons to your system.
Vista Style Ultimate IconPackager
Includes new gray folders, updated Vista Sounds, and also new file icons. 19.7 Mb.
Safari Icon
This is a Pith Helmet for a real Safari user! Leopard ready, Jungle ready!
BlackAqua Safari Icon
Icns, png and ico – max 256×256px.
Camino Icons
A few icons for the Mac OSX super browser Camino, 5 colors and a retro look for your favorite browser.
Hardwaremx
7 icons in various sizes. For Mac and Windows.
Square Compass
128px, 256px and 512px in .png.
iTweek’s icon sets
A small selection of nice icon sets, among them the Skype icon, Ipod Nano and the Graphic Converter.
Apple Various Pack
A number of Apple icons bundled in a one single package.
Web Design Icons
Email Me Icons
This icon set contains 11 icons in sizes 32×32 px, 48×48px, 128×128px, in .png format.
Jonas Rask’s Icons
Over 20 outstanding free icon sets for Win and Mac.
Rounder Icons
43 rounded 128×128 .png-icons.
Aesthetica Icon Set
“Aesthetica” Icon Set was created to lend visual excitement to your projects. This set is fresh, stylish and modern, all mixed up in the perfect proportions. This set contains the following icons in 32-bit transparency PNG and Photoshop’s PSD.
Orb Icon Set
Inspirational icons.
WYSIWYG Sapphire Icons
This icon set, as the name indicates, can find its use wherever you might need WYSIWYG (What You See Is What You Get) editing or similar actions in your applications. The WYSIWYG Sapphire Icon Set is a part of the DryIcons’ WYSIWYG sequence icon sets, the name is inspired by its specific tone colors giving it an unique ’sapphire’ look.
Iconbase’s selection
A growing selection of high quality icons for Windows and/or Mac.
Project Folders pack
Project Folders Icons Pack set includes 4 PNG icons for Windows (XP and Vista).
Free RSS Feed Icons
We’ve covered dozens of RSS-Icons sets recently, however there are some sets we’ve missed. This one comes in 6 colors
More social icons
12 icons. PNG. Spanish.
51 RSS Button For Your Blog
Even more RSS-buttons & icons.
Social Bookmarks Iconset 2
This set includes icons for Furl, Windows live, Blinklist, Blogger, Lifelogger etc. All icons are sized to 64*64 in PNG format and it’s great to use them on your website or blog.
Social Web Buttons – Set 1
20 Buttons released under a Creative Commons License
Ganato Free Icons
Free PSD Icons (24 icon sets), among them a home set, plugin set, monitor set, application set, chart set and many more.
Web 2.0 Vector Icons-1 and Web 2.0 Vector Icons-2
Vector icons in one single .EPS-file. Very unfriendly download via rapidshare or depositfiles. these services are annoying.
Free Icons for Web & Application Interface Systems
140 PNG all free Icons. Icons come in 4 sizes. Here is a preview. This work is licensed under a Creative Commons Attribution 3.0 United States License.
20 Free Sunny Buttons
There is also a .PSD source.
Blog-Micro-Buttons
80×15 pixels in 2 styles.
Pixelicious
150 icons mainly intended for developers. 32×32 pixel. Free for personal use or non profit organisations.
Overall 400 mini icons (10×10 and 16×16) are available in the set of Set von Dapino. The icons can be used royalty-free by Creative Commons Attribution 3.0 license for any personal or commercial projects. PNG format.
Firefox Icons Packs
A collection of icons related to various Firefox-project. In most cases the quality is much better than you might think at the first glance. Experimental designs are also available.
Ben has some free vector musical instruments.
The same theme from Spoon Graphics: Live Music.
Some clouds. Look out for more stuff.
40 Vector Icons for Apple Products
So here is something to keep you ticking over: a sample of vector icons of all your favourite (or perhaps most hated) Apple products, from iPods and iPhone to iMacs and the Apple Remote.
Dancing Girls
Vector silhouettes of dancing ladies (*.eps).
Random Free Vectors – Part 13: Stars
EPS or SVG from Bittbox.
Paper Doc Icons
11 paper doc .icon & transparent .png 128 x 128 px
Leopard Dock Designs
Download your Apple Leopard dock design. There are 110+ design at this time on one singel page.
Dockulicious
Tired of the regular Mac OS 10.5 Leopard dock?
References
You can find even more free icons in the
- IconShock.com Freebies
A free icons forum where users share their findings and works.
The Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Author of several books. Runs the business.
(3 votes, average: 4.33 out of 5)
Loading ...- 102 Comments
- 1
- 2
November 29th, 2007 9:47 pmGreat resource!!
- 3November 29th, 2007 10:19 pm
I loves me some icons!
- 4November 29th, 2007 10:43 pm
Nice! Thanks!
- 5November 29th, 2007 10:48 pm
God, I love Smashing Mag. :)
- 6November 29th, 2007 10:54 pm
Wow, really nice collection!
- 7November 29th, 2007 11:00 pm
Very cool collection. But, don’t forget everaldo :)
- 8November 29th, 2007 11:01 pm
WoW :-O Another Smash :-)
- 9November 29th, 2007 11:13 pm
Beautiful list – thanks alot :-)
- 10November 29th, 2007 11:17 pm
very cool collection, well done sm :)
- 11November 30th, 2007 12:02 am
The value of icons lies in their ability to communicate with visitors or users in a more intuitive and effective way. Jakob Nielsen, the maestro of usability, postulated few years ago that “recognition rather than recall” is one of the basic heuristics for user-friendly design. In fact, it’s necessary to “minimize the user’s memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.”
Icons are supposed to achieve just that. And this is why it’s useful to actually use them both on your desktop and in your web design. They can reduce the complexity of the design and make it easier to get from point A to point B.
The icons you’ve listed are certainly pretty, but if your goal is usability, they’re not necessarily the best way to go.
Jef Raskin noted: Icons contribute to [the] visual attractiveness of an interface and, under the appropriate circumstances, can contribute to clarity; however, the failings of icons have become clearer with time. … Instead of icons explaining, we have found that icons often require explanation. If you wanted to obscure or to encode an idea to keep it from prying eyes, substituting icons for the words might not be a bad start.”
He continues: “In every study that considered the question, icons were demonstrated to be more difficult to understand than were labels, especially at first viewing, which contradicts one of the most frequently cited reasons for using icons, namely, comprehensibility for beginners.”
I’m not saying the pictures that you show in this post aren’t pretty. They’re gorgeous. But it does a disservice to both designers and to users to promote icons as a means of “minimizing the user’s memory load.” In fact, icons only serve to increase it.
- 12November 30th, 2007 12:42 am
ur blog is excellent …. each and every blog is very informative.. a must read for developers.
- 13November 30th, 2007 12:45 am
Great sets of icons…I’ll use some of them to change the interface of my old WinXP. Thanks!
- 14November 30th, 2007 1:40 am
Yay, alot of my icon work from pixelresort.com featured in this post. What a great way to start off the weekend early. Should be fun to watch the traffic boost. =)
Thanks for featuring my work again SM!
- 15November 30th, 2007 1:52 am
A note of caution about that “Dancing Girls” set above. That site posts stuff stolen off of iStockphoto and other places.
- 16November 30th, 2007 2:50 am
I love icons. They are like little pieces of candy. So much fun!
- 17November 30th, 2007 2:59 am
Hey, looks like you have forgotten famfamfam icons …
http://www.famfamfam.com/Great pack of free web icons !!
- 18November 30th, 2007 3:13 am
Regarding Charlie Park above, I think it could be said that icons can make matters easier for the user. Specifically, standard icons — such as the RSS icon in its various incarnations — impart meaningful information to those users familiar with them, without cluttering the page with superfluous information. If I go to a page such as this one, and decide I want the feed, I look for that icon.
Arbitrary icons ought to be treated as eye candy, but standardized ones can improve the user experience.
- 19November 30th, 2007 3:54 am
Most of them are not for commercial use – sadly. On my blog I posted a list of 33+ resources of icons free for commercial use – perhaps you find it useful. Apart of that the work you presented is very “eyecandy”. Thank you for the inspiring list.
- 20November 30th, 2007 4:39 am
Found that on recently on DeviantArt and love it in Combination with mozillas Prism application to use as my Icon for the google Reader… Check it out.
T.
- 21November 30th, 2007 4:53 am
Nice collection! Thanks as always for sharing the love…
- 22November 30th, 2007 5:52 am
Where’s the silk icon set? Those are by far the best!
http://www.famfamfam.com/lab/icons/silk/ - 23November 30th, 2007 6:07 am
Yeah I definitely agree with Troy! The silk icons set is awesome, has lots of icons and is free as well. I’ve seen it on a lot of websites and it should be included in this list!
- 24November 30th, 2007 6:24 am
Great collection! Thanks
- 25November 30th, 2007 6:39 am
Mind that the rapidshare hosted ‘Web 2.0′ vectors/ icons are not free and the author of the site hosting it is not the owner!
- 26November 30th, 2007 8:07 am
I think this sources are ILLEGAL
http://dezignus.com/dancing-girls/
http://garcya.us/blog/90-free-vector-icons-set/Correct me if i’m wrong!
- 27
- 28November 30th, 2007 11:49 am
Nice. Many Thanks.
- 29November 30th, 2007 2:11 pm
Thoroughly impressive!
- 30November 30th, 2007 2:27 pm
Yet another great resource for web design. Definetly will become useful.
- 31November 30th, 2007 2:40 pm
I am always impressed by the quality of a SM list, but I am particularly impressed by the depth and breath of their list. Anytime, they choose a topic for a list, you won’t be able to compete with you list. Its just impossible.
- 32November 30th, 2007 2:41 pm
gr888888 Thanks
- 33November 30th, 2007 3:07 pm
..Or simply visit deviantART icons gallery.
- 34November 30th, 2007 4:29 pm
http://www.leoparddocks.net we have some docks as well. Loving this post you can never have too many Icons
- 35November 30th, 2007 6:10 pm
Hmm, isn’t the Angular Iconset a commercial product from Yellow Icon? They sell it for $249:
http://www.yellowicon.com/stockicon/view/11/angular_stock_icons - 36November 30th, 2007 6:26 pm
The problem is to get these into your curtrent site with out looking like that were added at the last minute after everything else was designed.
- 37November 30th, 2007 6:43 pm
Great list again…
- 38November 30th, 2007 8:35 pm
some really gorgeous!
- 39December 1st, 2007 5:41 am
Another great list, again. This is a must-read for any developer our there!
I felt good about myself when I found two icons sets on this list from dryicons.com because I just used their Aesthetica set on one of my back-end applications. It really is a great icons set and I love how they turned out on my application.
Keep up the good work guys.
- 40December 1st, 2007 6:28 am
Goooo.. thisis is excelent…
Very good input - 41December 1st, 2007 8:49 am
Fnx! Nice icons!
- 42December 1st, 2007 2:29 pm
Very good….Great list and cool …thanks friends ^_^
- 43December 1st, 2007 2:56 pm
Great list! I wonder how do you find all these great ideas? Especially the “dancing ladies” in vectors…
- 44December 2nd, 2007 1:01 am
Very cool. I would have to say IconBuffet.com is one of the best resources for free icon sets. Pick and choose a handful of premium quality sets to be delivered to you each month.
Cheers, Mark Fulton
- 45December 2nd, 2007 1:59 am
I liked to have a Black Coloured dark RSS icon. But i got disappointed :(
- 46December 2nd, 2007 5:27 am
Thank you for this great collection of Icons! Great List!
- 47December 2nd, 2007 3:06 pm
Thank you very much, I will use it for redisigning
- 48December 3rd, 2007 12:44 am
Smashing Mag still on top of them all. Great !
- 49December 3rd, 2007 4:16 am
Hello my friend. Can you change “Dancing girls” link to new set of photoshop shapes? – http://dezignus.com/silhouettes-megaset/
Because new set include that girls, and much… much more other silhouettes ;) - 50December 4th, 2007 1:52 am
Angular: 90 Free Icons
- 51
- 52December 5th, 2007 5:40 pm
GREAT Work guys! Keep it up!
- 53December 5th, 2007 6:40 pm
Set von Dapino : The icons can be used royalty-free by Creative Commons Attribution 3.0 license for any personal or commercial projects.
The licence is “Creative Commons Attribution-Noncommercial 3.0 Netherlands” which means that comemrcial uses are prohibited.
- 54December 6th, 2007 5:03 pm
Bea-uti-ful…Smash,mash,clash,gmash… What a shot…
- 55December 7th, 2007 6:53 pm
Suuuuuuuuuuperb Collection
- 56December 8th, 2007 8:19 pm
really useful! some slick icons found here
- 57
- 58December 10th, 2007 7:06 pm
Once again thanks for sharing these great icons. :-)
- 59December 11th, 2007 2:13 am
Glorious post! Bookmarked for later
- 60December 12th, 2007 2:22 am
Thanks 4 these awesome icons.
Where can I get tutorials to make icons like these(esp.the mac style – they look so real!)? - 61December 12th, 2007 2:37 am
where can I get tutorials to make icons like these – especially those real looking mac ones
- 62December 14th, 2007 11:36 am
You guys put out beautiful posts! I’ve added this article’s link
- 63December 14th, 2007 3:40 pm
nice packs! thanks for this…!
- 64December 17th, 2007 3:46 pm
Coooooooool~~~~~!!!! Thanks!! :)
- 65December 18th, 2007 6:07 am
Oh my God are wonderful!!!!! thank you smashingmagazine!!
- 66December 18th, 2007 5:14 pm
Great Compilation. Regards :)
- 67January 8th, 2008 2:40 pm
is there a way to get the above icons in vector format?
- 68January 14th, 2008 4:48 am
excellent collection of icons!
missed the mnimal iconset http://sryo.deviantart.com/art/minimal-icons-1-8-6-18808605 - 69January 20th, 2008 12:51 pm
This is a nice collection .Thank you
- 70January 23rd, 2008 3:46 am
The best resource from the internet. Thank you!
- 71
- 72March 5th, 2008 3:19 am
Thanks for the icons. They are really useful. Unotech media – Web design Nigeria
- 73March 7th, 2008 5:42 am
Awesome resources.
Thank you.
- 74March 18th, 2008 5:23 am
Great icons resources, Can you add my free icons site to your list
http://www.freeiconsdownload.com - 75March 19th, 2008 7:08 am
thank you for icon ;)
- 76March 19th, 2008 9:28 pm
Important for Vitaly and Sven:
Your link to: Angular: 90 Free Icons is to a site that is giving away these icons and breaking copyright laws. These beautiful icons are actually a stock icon set created by Yellow Icon Design: Angular Stock Icons. Yellow Icon Design sells them as part of their Stock Icons products.
I personally contacted Yellow Icon Design today by email (March 19, 2008) and they quickly confirmed this information. Why did I do all this? Via my websitetips.com site’s Commercial, Free Web Icons section I’d also unknowingly linked to the pirated icons at the same blog that you’re listing as of this comment. BUT I found a blog post this morning that told of this pirated icons situation: 90 Free High Quality Vector Icons Set So I emailed Yellow Icon Design and they personally confirmed, as I mentioned above. Feel free to contact them yourself, of course, to confirm all this, of course!
I do hope you will either remove that listing or replace the link with the CORRECT link to the rightful creator of these gorgeous icons.
- 77March 20th, 2008 10:21 am
@Shirley: thank you, we appreciate your efforts. The link was removed.
- 78March 21st, 2008 3:54 am
Download Pixel Icons in 5 Variant Colors for free http://www.thelfs.com/user%20interface/icon_download.html
If you face any problem in downloading shoot an message in the contact page.
Thanks,
Have a nice day!
Prabhakaran.G - 79April 21st, 2008 6:56 pm
Great collection!UPDATE: the Jonas Rask’s Icons link is no longer available. That’s the new link: http://www.jonasraskdesign.com/
- 80May 3rd, 2008 7:24 am
very nice.thank you. can you add a lot of png icon ? im searching web png icons.where can i find?
- 81May 27th, 2008 12:15 pm
Awensome, thanx!
- 82June 29th, 2008 8:28 am
Thanks for the great web icons guys.
- 83August 18th, 2008 7:54 am
very nice icons..
- 84
- 85
- 86November 11th, 2008 11:54 pm
çok teşekkür ederim işime çok yaradı.
I am Turkısh..
- 87November 12th, 2008 12:43 pm
xnbvgpcu9uri7yam
シンボルフォントを活用しよう
- 88December 20th, 2008 11:24 am
Thank you very much for the awesome icons!
- 89January 11th, 2009 12:21 am
This is a fine collection of Icons I have been looking alot lately consider this page Book marked
Kind Regards
Bill007Oh By the way the Web is made so much Better with people Like you
- 90January 19th, 2009 1:19 am
nice, very nice!
- 91February 9th, 2009 7:21 pm
想要一套比较全的绿色系的。。
：（ - 92February 11th, 2009 11:00 pm
man ke bavaram nemishe .
- 93February 19th, 2009 4:35 am
OMGGGGGGGGGGGGGG!!!!!!!!!!!!!!!!!!!!!!!!!! How’d you find theeeeeeeeesssssssseeeeeee?!?!?!?!?!?? BEAUTIFULLLLLLLLLL!!!!!!!!!!!!!!
- 94March 12th, 2009 7:22 am
I was disappointed to see that the iLeopard Icons Pack doesn’t have a link to it…
- 95March 15th, 2009 9:44 pm
Great resource!!
- 96April 16th, 2009 12:19 am
found these the other day , I like carbon stuff
http://graphicriver.net/item/carbon-fibre-icons/36497 - 97June 18th, 2009 2:54 pm
Приятно понимать, что остались действительно блоги в этой мусорке рейтинга Яши. Ваш – один из таких. Спасибо!
- 98
- 99August 25th, 2009 11:20 am
” out standing “
- 100October 1st, 2009 7:46 pm
The link for the yellowicon sets has changed. They are now here: http://yellowicon.com/downloads/
Oh and the sunny pack with the PSD is a dead link: http://www.flying-people.com/2007/10/10/20-free-sunny-buttons/
- 101October 8th, 2009 5:26 pm
There`s no link for the camera icon :(
- 102February 4th, 2010 10:53 pm
Apple Various Pack no longer available :_(
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- A Quick Look at Mobile Web Designs - http://bit.ly/9TCWCG
- How to Test your JavaScript Code with QUnit - http://bit.ly/da853c
- jQuery 1.4 API Cheat Sheet - http://bit.ly/5zYYnE
- Beautiful, Elegant and Free 48px Icon Set - http://bit.ly/cSWcBR
- Gridmaker For Photoshop CS4 - http://bit.ly/98F9kv (via @designernews)
- All freely available fonts on MyFonts in an overview - http://bit.ly/6osbDd
- The Smashing Book: An In-Depth Review - http://bit.ly/asLecZ
Looking hot ^_^