Smashing Magazine we smash you with the information that will make your life easier. really.

Symbols, Buttons and Icons For Free

By Smashing Editorial, September 3rd, 2006 in Graphics | 63 Comments | Forum

We’ve all been there: sitting in front of a new design layout, we realize that something doesn’t fit, is even disturbing, but we have no idea what it is and how we should improve the page. Sometimes, line-height can do the job and sometimes background can completely change the impression on the visitors - in fact, sometimes the smallest design elements we overlook can drastically improve the readability of a given text.But if your attemps to change the layout haven’t beart any fruits, maybe you were looking in a wrong place. To improve the usability one can use a variety of methods and techniques - in fact, many of them will be presented in the next articles on the Smashing Magazine.

One of them - an easy-to-use one - is using of professional symbols, buttons and icons, which give the information a structure and simplify its readability and understanding. We’ve googled searching for them. And we found them: symbols, buttons and icons - for free download and free personal and/or commercial use.
However, before using the icons, don’t forget to check out the license agreement - they are changing all the time.

Don’t forget to bookmarks this page. It will be instantly updated once a new icon-site comes along and hits the blogs of the fellows web-developers. Links checked: May/13 2008.

You might want to take a look at our newer Collections:

Where to start?

Ironically, icons can be used everywhere and every now and again, just because they are extremely simple to use. However, one should know how to use them, so the users don’t get confused and have a besser overview of the options given to them. One of the fresh professional quality icons are Mini Pixel Icons, provided by ndesign-studio. A colorful collection of transparent 14×14px icons is supposed to be used for both web-sites, blogs and eCommerce. Nice, clean and intuitive, the set can be used for every web-site, replacing unnecessary text links or buttons.

Even if you can’t use fresh professional freebies for your current work, it’s important to make sure that you’ll be able to find them once you are looking for them. In many cases a single professional collection will suffice. To save its own time a web-developer shouldn’t have overlooked the Stylegala’s Icon Set - an impressive collection of more than 200 professional mini-icons, a small paradise for icon-hunters and collectors.

Web-sites with free icons emerge almost every day, but not all of them provide both quality and quantity; in fact, usually, quality is far more important for presentation. Sweetie is a collection of over 100 Icons for web-sites and web-presentation. They are licensed under the Creative Commons License and can be downloaded as .png and .gif-images. Besides, the set includes a .psd-file, which makes it possible to modify the existed icons or extend the collection, driven by the inspiration provided by the collection.

Some web-sites offer hundreds, and just a few provide literally thousands of icons in a one single set. An enormous collection of over 3800 free icons and symbols is available at the Mini-Image-Box. You don’t have to spend hours looking for the best ones - the set is directly shown in the main menu, which is, by the ways, quite a nice solution of the quantity-vs-readability-problem. Mini-Image-Box offers handy templates for creating sitemaps and a variety of sketches; it delivers thousands of symbols, buttons, arrows, pictogramms and small graphics for your web-sites. An amazing goldmine and inspiring, rich source for creativity - for newbies as well as professionals.

Further impressive collections of icons have been recently created by Mark James. Set Nr. 1, called Silk, contains 300 icons (16×16, .png). Mini delivers 140 mini-icons (.gif). Furthermore, the designer offers a stylish suite of flags. All sets can be used according to the Creative Commons License.

Collections icons over the last few years, Gtmcknight Buttons has meanwhile over 3000 images in its collection. The icons are sorted out and placed in different categories, such as Software, Operation Systems, Services, Blogs, Navigation etc.

Buttons for every occasion

Whether you believe it or not, pixel-buttons are still getting popular, and not only bloggers make use of them with or without any reason at all. However, if you’d like to create fresh badges or buttons, without monotonous Photoshop actions, online-generators are the tool which could save you a lot of time. Colors, texts and borders can be adapted with few mouse clicks - just the way you’d like it to be. With Kalsey’s Buttonmark one click is enough to generate a fresh 88×31 button.

Looking for even more icons?

An enthusiast Ro London has collected and presented a variety of mini-graphics such as arrows, e-mail icons, shopping carts and printer symbols. Once you’ve found yourself fighting against your next creativity block, 300images can offer you fresh starting points. One can’t copy the icons directly; however, that’s not the point, actually. The collection is supposed to inspire web-designers seeking for innovative and creative approaches.

Single-Pixels-Graphics have been known for their use in table-based-layouts. With CSS today they become less and less important. However, sometimes you just need them - whether you’d like to present delimiters, separaters etc. on web-sites or web-demonstrations. Fernбn Agьero has collected web-safe all, color-web-safe single pixels graphics and presented them in a nice, tiny .zip-package. 217 images can be downloaded from his web-site. Nuvola KDE-Icons and Neu! Icon Theme are further libraries which look nice, stylish and fresh.

Silvestre, an Argentinian designer, presents severals sets for download. Called Dropline Nuovo!, Yasis, Dropline Neu!, Dropline Etiquette, they deliver quality and impress with their simplicity. Tiny Little Icons is a small collection of mini-icons in .png-format for use in web-sites and blogs .

A collection of animated images activity and progress indicators, supposed to demonstate the current background activities visually. Similar theme, different approach. Actually, the Land of Icons is a small city. Nice and creative idea which delivers a number of interesting and unusual collections.

The icons are thematically sorted (Computer, Music, Food etc), provide good quality and can be used for private projects without any restrictions whatsoever. The seit is also available for Mac and Linux.

Icons for Internet Explorer: Austrian developers have written a tool which marks the version of Internet Explorer being currently in use. If you use many versions simultaneously, what a web-developer usually does, checking the code consistency, you know, how important is to keep in mind, which version you are working on at the moment.

Four free icon sets are presented by graphicPUSH. The topics are, among others, Blogs, RSS, Data types and Data Management.

A small present from Brand Spanking New: Doc Type Icons and Mini Icons Pack.

The icon set Bitcons provides an icon pack Sanscons in three color combinations.

New icons for web-developers, designed by Bjoern Seibert. A set with black buttons has been released. There are all in all 10 small collections, which can be used freely for private and personal projects.

Published in Graphics, September 3rd, 2006
Tags: buttons, downloads, free, icons, symbols

1.

Alexx (September 10th, 2006, 8:09 pm)

thanks for taking the time to put this list together!
2.

Jeton (September 14th, 2006, 6:37 pm)

Thank you for sharing this and for the time to put it all together.

I’m adding this RSS feed to Newshutch, and i’m saving this page with ScrapBook ;)
3.

alter (October 19th, 2006, 4:31 pm)

Thanks a lot for your links collection and comments! Have a good life!
4.

walou (November 7th, 2006, 4:57 pm)

Thank’s a lot !!
5.

Priscilla (November 13th, 2006, 2:43 pm)

High standards…thanks!
6.

Gabriele Fabbri (December 8th, 2006, 12:22 am)

Great work!
I was just looking for some nice icons! :)

Thank you very much.
7.

Agito (January 29th, 2007, 5:18 pm)

Thank you for this article!
It’s just want I need to get myself started on my own icon designs! ^^
8.

Bob Johnson (February 9th, 2007, 4:30 am)

I was hoping you would provide me with the icons I need to use to layout or design a web site, such as what symbol is used for a text box, what symbol to denote a link, what symbol for the home page. As well as what the correct terms are for windows, buttons, scroll bars, ribbons etc. I’m still continuing my search.
9.

Christina joseph (March 30th, 2007, 3:45 pm)

Really well put together entry for webdesigner!
10.

achilies (June 1st, 2007, 4:57 pm)

very nice !

Congratulate your work..

achilies
11.

Tyler Menezes (July 20th, 2007, 1:32 am)

IconBuffet.com also has a really nice ‘Free Delivery’ system with over 100 icon sets you can collect and download for free. =]
12.

Toni (August 6th, 2007, 1:37 am)

Maybe its intresting, i found another free ressource to create really cool buttons with icons on it, it is reachable under Link [www.buttonboost.com]
13.

it2051229 (August 26th, 2007, 9:25 am)

nice icon set.. thanks
14.

Leo (September 23rd, 2007, 4:41 am)

Someone has icons from iconplant or icongalore, all iconsets, or where I Can find its….
15.

Tans (December 6th, 2007, 6:33 pm)

well, actually very useful icon sets, thank u
16.

Lalit (December 11th, 2007, 1:09 pm)

Great workkkkkkkkk!
I was just looking for some nice icons! :)

Thank you very much.
17.

iscool (February 15th, 2008, 6:41 pm)

These really are some beautiful icons. Thanks for the share :)
18.

James (March 5th, 2008, 1:20 pm)

A fantastic list!
19.

Net Goon (May 17th, 2008, 12:13 am)

Thanks for the excellent collection of images. they are really helpful. I am going to ask my designer to make icon on these lines. We may use some of these icons for our use too , only those that are free. The icons will be used on this fully web 2.0 site. Link [www.ezeetravelsolutions.com]
20.

Dharm (June 3rd, 2008, 5:18 am)

These are some beautiful icons. Thanks for the share :)
21.

Rajnish Kumar (June 10th, 2008, 1:36 am)

I found an excellent collection of Icons here and also appreciate that some are free, I am consulting my It department to use those in our web site gill international travel which are free.
22.

Creative Kitten (July 11th, 2008, 1:06 pm)

Nice collection. I love playing with pixels too…
23.

lutvia (January 8th, 2009, 4:42 am)

thank for share….
24.

Bruce (March 19th, 2009, 12:15 am)

Thanks for this handy list. Gonna put it to use to jazz up my web resume. Much appreciated!