Freebies Round-Up: Icons, Buttons and Templates

Advertisement

Visual design elements can considerably improve the readability of the page. Using them, you can make it easier for your users to scan the presented content and find the information they’re actually looking for. Icons can draw reader’s attention to the key aspects of the article and visualize the topic of the post. Buttons can be used to motivate users to some particular actions; and templates are supposed to help designers to create user-friendly interface elements right away. And whatever aim you’d like to achieve, free visual design elements are always useful – simply because they can give your text content a better visual appearance.

We’ve selected fresh high quality icons, buttons, vector graphics, templates and layouts. 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 icons – they’re changing from time to time.

You can also scan through the icons-related articles we’ve published before:

General Icon Sets

1. Notes Icons3

Notes Icons4

2. iMac Icons5 from FreeIconsWeb.com6

Umicons7

3. Pixel Press Icons8 (.dmg, Mac only)

Press Icons9

4. Vista Icons10 (for private purposes only, 2000 icons, 256×256, .png).

Screenshot11

5. Desktop Icons12 (for private purposes only, icon sets are available for PC and Mac).

Screenshot13

Screenshot14

6. Browsing Dock Icons15

Icons Pack16

7. Iconfactory Freeware Icon Sets7117

Floatsneak Icons18

Quickpix Icons19

8. WebSiteIcons.net20

Adobe Acrobat Icons21

Folders Icons22

9. Toolbar Icons23 by Matt Ball

Screenshot24

10. Crystal Clear25

Crystal Clear26

11. Office Icons

Office Icons

12. Shopping Cart Icon27

Screenshot

13. Deziner Folio28 (32 Aqua-icons, transparent, 128×128, .png). Can be used for both commercial and private projects. You can also request .psd-files via e-mail.

Icon29

Icon Sets for Design Artists

14. Vector Graphics templates, available for free download. Punk Collection30, Urban Collection31, Resources Collection I32 und Resources Collection II33. Formats are .ai and .eps.

Icon

14. Bittbox6034 offers vector graphics for professional design: e.g. 35 Free Abstract Illustrator Brushes35.

Icon36

15. 25 Free Vector Drips, Drops, and Splatters37. Besides: Free Vector Grunge Set38. Both are available in Adobe Illustrator format or as .eps-files.

Screenshot39

Icon Sets for Bloggers

16. Icon-Set for Bloggers40 by Sonia Anepeta.

Screenshot41

17. Web 2.0 Icons42 by Utombox.

Web 2.0 Icons43

18. 77 Vectorbuttons44 by Go Squared. For Adobe Illustrator only. Besides: 165 Vector Icons45 and even more icons46 for private and commercial use.

Icon47

Icon48

Icon49

19. Web 2.0 Date Icons For Your Blog50. Layouts for Adobe Photoshop (.psd) ans as .png-files.

Icon51

A mini-tutorial on how to use icons is also available. The result might look like this:

Icon

20. 9 Web 2.0 Badges52. Available as .png or .psd.
Icon53

If you are looking for even more elegant templates, you might be willing to take a look at Scalable Vector Graphics (SVG) package. You’ll need Adobe Illustrator
or Inkscape54 (Open-Source) to edit the images. What you’ll get out of it, might look like this:
Screenshot

21. Bitbox offers free glossy design layouts, which can be used in Adobe Illustrator or Inkscape. Among them: Vector Badges55, Glass Buttons and Bars56, Web Page Elements57, Header Designs58 and RSS-Icons59.

Screenshot

Bittbox6034 also gives away various Adobe Illustrator-templates for modern web design. Among them Buttons, Badges, RSS-Icons, Ecken and numerous Icons.

Screenshot61

22. Microformats Icon62

Microformats63

23. Microformats Icons64

Notes Icons65

Not Enough? Even More Icons!

  • Giøn is an icon set designed by Silvestre Herrea66 (Argentina). The icon set (1.3 Mb) includes icons in 16*16px, 22*22px and 24*24px, in .png and as open source. The collection isn’t complete yet.
  • Mouserunner Icon Set67 (12 icons). Rounded icons in various sizes in .png and .ico-formats.
    Screenshot68
  • Free Tiny Small Mini Icons Bullets69: the icons are indeed as tiny as they can possibly be. For different purposes, and free for commercial use.
  • Tango Icon Gallery70: hundreds of icons in different sizes.

References to Icon Collections

Footnotes

  1. 1 http://www.smashingmagazine.com/2006/09/03/symbols-buttons-and-icons-for-free/
  2. 2 http://www.smashingmagazine.com/2006/12/03/more-symbols-buttons-and-icons-for-free/
  3. 3 http://www.pixelgraphix.de/log/2006-09/notizbuch-iconset-zum-download-freigegeben.php
  4. 4 http://www.pixelgraphix.de/log/2006-09/notizbuch-iconset-zum-download-freigegeben.php
  5. 5 http://www.freeiconsweb.com/iMac_icons.htm
  6. 6 http://www.freeiconsweb.com
  7. 7 http://www.freeiconsweb.com/iMac_icons.htm
  8. 8 http://www.pixelpressicons.com
  9. 9 http://www.pixelpressicons.com
  10. 10 http://www.vistaicons.com/
  11. 11 http://www.vistaicons.com/
  12. 12 http://www.iconaholic.com/downloads.html
  13. 13 http://www.iconaholic.com/downloads.html
  14. 14 http://www.iconaholic.com/downloads.html
  15. 15 http://browse.deviantart.com/customization/icons/dock/?order=9&alltime=yes
  16. 16 http://browse.deviantart.com/customization/icons/dock/?order=9&alltime=yes
  17. 17 http://iconfactory.com/freeware/icon
  18. 18 http://iconfactory.com/freeware/preview/flsp
  19. 19 http://iconfactory.com/freeware/preview/qp06
  20. 20 http://www.websiteicons.net/index.php?p=icons&id=all
  21. 21 http://www.websiteicons.net/index.php?p=icons&id=all
  22. 22 http://www.websiteicons.net/index.php?p=icons&id=all
  23. 23 http://www.cocoadev.com/index.pl?RoyaltyFreeIcons
  24. 24 http://www.cocoadev.com/index.pl?RoyaltyFreeIcons
  25. 25 http://commons.wikimedia.org/wiki/Crystal_Clear
  26. 26 http://commons.wikimedia.org/wiki/Crystal_Clear
  27. 27 http://www.bartelme.at/journal/archive/shopping_cart_icon
  28. 28 http://www.dezinerfolio.com/2007/02/25/free-aqua-gloss-icons/
  29. 29 http://www.dezinerfolio.com/2007/02/25/free-aqua-gloss-icons/
  30. 30 http://www.blog.spoongraphics.co.uk/freebies/vector-resources-part-4-punk-collection
  31. 31 http://www.blog.spoongraphics.co.uk/freebies/free-vector-resources-part-3-urban-collection
  32. 32 http://www.blog.spoongraphics.co.uk/freebies/free-vector-resources
  33. 33 http://www.blog.spoongraphics.co.uk/freebies/free-vector-resources-part-2
  34. 34 http://www.bittbox.com/
  35. 35 http://www.bittbox.com/freebies/35-free-abstract-illustrator-brushes/
  36. 36 http://www.bittbox.com/freebies/35-free-abstract-illustrator-brushes/
  37. 37 http://www.benblogged.com/?p=13
  38. 38 http://www.benblogged.com/?p=13
  39. 39 http://www.webfruits.it/dblog/articolo.asp?articolo=36
  40. 40 http://www.webfruits.it/dblog/articolo.asp?articolo=36
  41. 41 http://www.webfruits.it/dblog/articolo.asp?articolo=36
  42. 42 http://utombox.com/my-works/
  43. 43 http://utombox.com/my-works/
  44. 44 http://www.gosquared.com/liquidicity/archives/96
  45. 45 http://gosquared.com/liquidicity/archives/70
  46. 46 http://www.gosquared.com/liquidicity/archives/122
  47. 47 http://www.gosquared.com/liquidicity/archives/96
  48. 48 http://www.gosquared.com/liquidicity/archives/96
  49. 49 http://www.gosquared.com/liquidicity/archives/96
  50. 50 http://www.euphorish.com/2007/05/web-20-date-icons-for-your-blog/
  51. 51 http://www.euphorish.com/2007/05/web-20-date-icons-for-your-blog/
  52. 52 http://www.dezinerfolio.com/2007/04/23/web-20-badges-free-download/
  53. 53 http://www.dezinerfolio.com/2007/04/23/web-20-badges-free-download/
  54. 54 http://www.inkscape.org/
  55. 55 http://www.bittbox.com/freebies/free-vector-badges-glass
  56. 56 http://www.bittbox.com/freebies/72-free-vector-glass-buttons-and-bars
  57. 57 http://www.bittbox.com/freebies/free-vector-web-page-elements-part-1
  58. 58 http://www.bittbox.com/freebies/free-vector-glass-header-designs-fancy
  59. 59 http://www.bittbox.com/freebies/free-glass-style-rssfeed-icons
  60. 60 http://www.bittbox.com/
  61. 61 http://www.bittbox.com/
  62. 62 http://www.bartelme.at/journal/archive/microformats_icons/#When:09:22:00Z
  63. 63 http://www.bartelme.at/journal/archive/microformats_icons/#When:09:22:00Z
  64. 64 http://www.factorycity.net/projects/microformats-icons/
  65. 65 http://www.factorycity.net/projects/microformats-icons/
  66. 66 http://www.silvestre.com.ar/?p=97
  67. 67 http://www.mouserunner.com/Spheres_Icons_Index.html
  68. 68 http://www.mouserunner.com/Spheres_Icons_Index.html
  69. 69 http://icons.primail.ch/
  70. 70 http://tango.freedesktop.org/Tango_Icon_Gallery
  71. 71 http://iconfactory.com/freeware/icon
  72. 72 http://en.wikipedia.org/wiki/Wikipedia:Icons
  73. 73 http://www.freeiconsweb.com
  74. 74 http://www.iconbuffet.com/freedelivery/packages
  75. 75 http://www.iconfinder.net
  76. 76 http://www.maxpower.ca/free-icons/2006/03/05/
  77. 77 http://www.dhtmlsite.com/icons.php

↑ Back to top Tweet itShare on Facebook

Co-Founder and former CEO of Smashing Magazine. Sven is now writing Science Fiction Stories and looking for a publisher ...

Advertisement
  1. 1

    Some stunning shiny little icons up there, great stuff.

    0
  2. 52

    Oh my God.. it’s simply fantastic!!! Thank you very much I’ll save it everywhere! lol

    0
  3. 103

    Supah’ !!!

    0
  4. 154

    Free icons are available from the Tango project too:
    Tango Project

    0
  5. 205

    well, thanks again for compiling wonderful (and free) things from the tubes. it really saves me time. :D

    0
  6. 256

    really Smashing magazine.

    0
  7. 307

    Awesome List! You guys must be constantly scanning for the best stuff out there. Thanks for all your hard work!

    0
  8. 358

    This is my first viewing of this page,and i think it’s awesome! I’ve added it to my favorite’s;Thank’s guy’s!Keep up the hard work.

    sincrerly yours,
    steve klein

    0
  9. 409

    Awesome……..keep smashing…..

    0
  10. 460

    Mostafa Darvishzadeh

    May 26, 2007 5:40 pm

    Nice :((
    most of web designers search for this!
    THAAANKS!

    0
  11. 511

    Thank you very much !!!!!!!!!!!

    1
  12. 562

    Alexandre PEreira

    May 26, 2007 10:14 pm

    Great icons!!! Thanks!!!

    1
  13. 613

    great site, great free stuff, for sure one site to come and see again and again..!

    0
  14. 664

    EXCELLENT LIST! Definitely should throw famfamfam.com some sweet love, dude can chop up some serious icony goodness.

    Good looking out on this post though, very impressive round-up.

    0
  15. 715

    Gaurav Malhotra

    May 28, 2007 12:28 pm

    woooooooowwwwwwwwwwwwwwww

    0
  16. 766

    Agust Gudbjornsson

    May 28, 2007 5:12 pm

    Brilliant information collection!

    0
  17. 817

    very cool list !!

    0
  18. 868

    Marcelo Macedo

    May 29, 2007 8:56 pm

    Amazing reference, I’m impress.

    thanks a lot

    0
  19. 919

    AWESOME! excelent article, thank you very much, I really like it

    0
  20. 970

    Christopher Chan

    May 30, 2007 2:12 pm

    This is a sensational collection ! Thanks !

    0
  21. 1021

    great work man

    0
  22. 1072

    love it :)

    0
  23. 1123

    Thank you very much for this collection!

    0
  24. 1174

    Super! Thanks.

    0
  25. 1225

    Ohh..Awesome..Smashing is the best. ;)

    0
  26. 1276

    Thank you so much for this collection. This is great!!!

    0
  27. 1327

    Thanks for the wonderful works here!..Smashing ROCKS!!

    0
  28. 1378

    Wow!
    Cool, Thank you very much.

    0
  29. 1429

    Terrific Collection :D

    0
  30. 1480

    great.

    0
  31. 1531

    Hey,

    thank you very much, im a designer and always looking to save time and give my clients (or my own sites) the best look, thoose links are really helping me out.

    thanks again,
    Adrian

    0
  32. 1582

    Wow! Your freebie icons are absolutely beautiful. So awesome that I can’t believe they’re really free and I can really use them. Thank you!

    0
  33. 1633

    The best icon colection of the world.

    0
  34. 1684

    Bravo !!!
    The rest of the icon site specially the paid ones should shut themselves off now !

    0
  35. 1735

    Recently I began making my own list of royalty free icon sets, but afterward I found this list. Great Icons!

    1
  36. 1786

    Wow I really Like it! Very Great Work..
    Thanks for the Team

    0
  37. 1837

    everything is made simple. No more hardwork

    0
  38. 1888

    bala murali krishna

    September 3, 2007 5:07 pm

    This is Really amazing site tks smashy

    0
  39. 1939

    Wow, what a great collection! Thanks for sharing. :)

    0
  40. 1990

    Very great icons indeed.. Very helpful.. Good stuff you got here… Thanks

    0
  41. 2041

    Wow.
    No word to say! Simply wonderful……

    0
  42. 2092

    You rock! You rock! You rock! Thanks.

    0
  43. 2143

    Hey guys, I wish I’ve seen this list much earlier, I’ve spend a great deal of time searching for free icons for one of my projects, and now after all my work is done I see this list…:( But never mind, you never know when you’re going to need some icons, so thanks for the list guys!!!
    Oh, and I must say you guys left out a website that helped me the most when working on my project, here’s the link: http://www.dryicons.com This is a completely free icons website. Their icons are licensed with CC and they are completely free. As a matter of fact, I think all icon set there are free…
    Thanks again for the list, and cheers!

    0
  44. 2194

    You’ve done a GREAT job !!! It’s simply amazing ! Thank’s a lot !

    0
  45. 2245

    really brilliant stuff. I think the one thing missing here is clear distincion- division the icons for two groups: free for commercial and personal use. Researching and downloading would be faster and easier. Fantastic research youve done indeed. Thank you.

    0
  46. 2296
  47. 2347

    very nice!!! keep it up!

    0
  48. 2398

    Thank you for this great list…awesome…

    0
  49. 2449

    I’m a little late to the party, but this is an incredible list of amazing resources–as always. You guys have quickly become one of my favorite blogs.

    0
  50. 2500

    THAK YOU i love you :-* :-*

    0

↑ Back to top