Smashing Magazine we smash you with the information that will make your life easier. really.
Symbols, Buttons and Icons For Free
September 3rd, 2006 in Graphics | 54 Comments
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:
- 35 (Really) Incredible Free Icon Sets
- 20 Free And Fresh Icon Sets
- Icons For Your Desktop and Icons For Your Web Designs,
- Freebies Round-Up: Icons and Templates
- More Symbols, Buttons and Icons For Free
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.
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 50 Beautiful Designs
- 50 Simple Designs
- 45 Fresh Designs
- 30 Dark Designs
- 45 Blog Designs
- 65 Flash Designs
- Brilliant Wallpapers
- Brilliant HDR Pictures
- Brilliant Photos
- Free Design Templates
- Free CSS Layouts
- Free Icon Sets
- Free High-Quality Fonts
- Slideshows & Lightboxes
- Adobe Photoshop Tutorials
- Adobe Illustrator Tutorials
All Posts
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- Blog Designs
- Blog Headers
- Book Covers
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Domain Tools
- Dreamweaver Tutorials
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4
- Forums
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Design
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- Laptop Sleeves
- Laptop Designs
- Link Building
- Mascots
- Motion Graphics
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Pagination
- PDF Magazines
- Photoshop Tutorials 1, 2
- Pixel art
- PNG Transparency
- Portfolios
- RSS Best Design Practices
- RSS Icons
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Splash Pages
- Start Pages
- Stock Icons
- Tab-Based Interfaces
- Tag Clouds
- Textures & Backgrounds
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Vintage and Retro
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Web Profis Ideas 1, 2
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
Webtips
Sideblog
Footers can be a place where a designer can let his creative juices flow a little more freely. Christian Watson shows 76 excellent footer designs. More footers.
Ross Johnson discusses 8 forgotten fonts you may use in CSS. Among them are Palatino Linotype, Century Gothic, Copperplate and Gill Sans — apparently, these fonts are installed on a variety of operating systems.
How creative can a table of contents be? Designobserver presents Thirty Tables of Contents. The collection includes excerpts from the books by Philip Larkin, Philip Roth, Paul Rand and Jan Tschichold.
A set of 18 splendid and colorful looking 3D RSS-Icons. They are done with 3d Studio Max. JPG.
In Font Clock 12 different fonts are printed within the mechanism of a clock, providing a random, mixed display of graphic language within a single time piece. Designed by Sebastian Wrong.
One pixel notched corners as used by Google Analytics. Instead of each option being boxed in a clickable rectangle, there is a 1px notch in each corner. It's not necessarily a curved corner, but it is a little softer than a normal box. Nice little trick.
Hartija is a CSS print framework which is an attempt to unite best CSS printing practices into one single CSS-file.
Rather than standard website templates, a free admin template is nearly impossible to find. This is an admin template which you can use for web applications like online-shops or CMS.
Alexx (September 10th, 2006, 8:09 pm)
thanks for taking the time to put this list together!
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 ;)
alter (October 19th, 2006, 4:31 pm)
Thanks a lot for your links collection and comments! Have a good life!
walou (November 7th, 2006, 4:57 pm)
Thank’s a lot !!
Priscilla (November 13th, 2006, 2:43 pm)
High standards…thanks!
Gabriele Fabbri (December 8th, 2006, 12:22 am)
Great work!
I was just looking for some nice icons! :)
Thank you very much.
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! ^^
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.
Christina joseph (March 30th, 2007, 3:45 pm)
Really well put together entry for webdesigner!
achilies (June 1st, 2007, 4:57 pm)
very nice !
Congratulate your work..
achilies
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. =]
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]
it2051229 (August 26th, 2007, 9:25 am)
nice icon set.. thanks
Muscle & Fitness Man (September 20th, 2007, 5:55 am)
An excellent resource. Very nicely organized and quite helpful. All the best to you!
Leo (September 23rd, 2007, 4:41 am)
Someone has icons from iconplant or icongalore, all iconsets, or where I Can find its….
Tans (December 6th, 2007, 6:33 pm)
well, actually very useful icon sets, thank u
Lalit (December 11th, 2007, 1:09 pm)
Great workkkkkkkkk!
I was just looking for some nice icons! :)
Thank you very much.
iscool (February 15th, 2008, 6:41 pm)
These really are some beautiful icons. Thanks for the share :)
James (March 5th, 2008, 1:20 pm)
A fantastic list!