Symbols, Buttons and Icons For Free

Advertisement

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 14x14px 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.

Screenshot

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.

Screenshot

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.

Screenshot

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.

Screenshot

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.

Screenshot

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.

Screenshot

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.

Screenshot

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.

Screenshot

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 .

Screenshot

A collection of animated images activity and progress indicators, supposed to demonstate the current background activities visually. Screenshot 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.

Screenshot

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.

Screenshot

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

Screenshot

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

Screenshot

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

Screenshot

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.

Screenshot

↑ Back to top

Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Sven is now writing Science Fiction Stories.

  1. 1

    thanks for taking the time to put this list together!

    0
  2. 2

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

    0
  3. 3

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

    1
  4. 4

    Thank’s a lot !!

    0
  5. 5

    High standards…thanks!

    0
  6. 6

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

    Thank you very much.

    1
  7. 7

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

    0
  8. 8

    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.

    -1
  9. 9

    Christina joseph

    March 30, 2007 3:45 pm

    Really well put together entry for webdesigner!

    0
  10. 10

    very nice !

    Congratulate your work..

    achilies

    -2
  11. 11

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

    -2
  12. 12

    Maybe its intresting, i found another free ressource to create really cool buttons with icons on it, it is reachable under http://www.buttonboost.com

    -1
  13. 13

    nice icon set.. thanks

    -1
  14. 14

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

    -1
  15. 15

    well, actually very useful icon sets, thank u

    0
  16. 16

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

    Thank you very much.

    0
  17. 17

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

    0
  18. 18

    A fantastic list!

    0
  19. 19

    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. Ezee Travel Solutions

    -1
  20. 20

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

    0
  21. 21

    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.

    0
  22. 22

    Creative Kitten

    July 11, 2008 1:06 pm

    Nice collection. I love playing with pixels too…

    0
  23. 23

    thank for share….

    0
  24. 24

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

    0
  25. 25

    It was very nice and very simple.

    thank u somuch

    0
  26. 26

    Still a great resource. Thanks!

    Maybe it’s time for an updated Version of small App and mini Website Icon Packs?

    0
  27. 27

    salam

    i am searching for symbolles about
    copy right or please behave to copy right
    elearning through web
    epublishing through net
    nosmoking
    no mobile
    no laoud voice

    0

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top