Freebies Round-Up: Icons, Buttons and Templates


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


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

Press Icons9

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


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



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


10. Crystal Clear25

Crystal Clear26

11. Office Icons

Office Icons

12. Shopping Cart Icon27


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.


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.


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


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


Icon Sets for Bloggers

16. Icon-Set for Bloggers40 by Sonia Anepeta.


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.




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


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


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

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:

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.


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


22. Microformats Icon62


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.
  • 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


  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77

↑ Back to topShare on Twitter

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


Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    Dharmendra Kumar Sinha

    May 24, 2007 8:16 pm

    Really simply great

  2. 3
  3. 4

    This is always what we need when times get boring :P

  4. 5

    Absolute list !!

    A great, great thank again for all the work you do for us !

  5. 6

    Awesome list, as usual!

  6. 7

    very usefull colloection especially for desktop and blog’s thx. –

  7. 8

    Nice! Thanks for the icons.

  8. 9

    Nice package. Keep up with the excelent work!

  9. 10

    Great round-up! Great mag!

  10. 11

    That BittBox picture spoiled the whole page.

    The many categories cracked me up, icons are icons IMO, but nice listing as usual.

  11. 12 is another great source

  12. 13


  13. 14

    Daniel Anderson Tiecher

    May 24, 2007 10:31 pm

    What an amazing collection, guys! This huge list will sure be handy in the future.

    Thanks, as usual!

  14. 15

    Carlton Dickson

    May 24, 2007 10:36 pm

    Thanks for these!
    Can’t believe you left off one of the best ones… famfamfam!

    Probably the only one I’ve used, mainly cos they are that good :)

  15. 16

    Great, great, great! Thank you very much. This is what I needed right now! Cool.

  16. 17

    Thanks for including my set.

  17. 18

    Just one word: great!

  18. 19

    Just a little hint. You write: 13. Die 32 Aqua-Icons stammen aus dem Blog.. That’s german :)

    But this is a great list. Thank you for this!

  19. 20

    Your link to results in a Forbidden message. You may want to update the link.

  20. 21

    Excellent posting, as usual. You guys are great.

  21. 22

    Love it. I implemented some of them on my site. Thanks!

  22. 23
  23. 24

    Awesome list, thank you for doing this.

  24. 25

    Great post – very diggworthy!

  25. 26

    Is it like I can use these icons and maybe you can make some kinda tutorial on howto make these?

  26. 27

    Unless I’m blind, anyone have an archive of all these?

  27. 28

    Whoa… list

  28. 29


  29. 30

    Awesome! Thanks for putting this together!!

  30. 31

    I nearly wept with joy when i read this post! :)

    Excellent work once again guys. Posts like this are the reason why i keep coming back! :)

  31. 32

    “Ultimate Web 2.0 Layer Styles” by Dezinerfolio ( a part of the 13th Freebie ) is missed out on this list…

  32. 33

    Great list! Thanks a lot.

  33. 34

    And finally i get linked on here =P

    Thanks, and awesome list.

  34. 35

    Daniel Travolto

    May 25, 2007 1:36 am

    i would like to use them
    but i am not sure they are free

  35. 36

    I really like this kind of web2.0 icons. thz: smashing :)

  36. 37

    Very nice post, worth every bit of the effort.
    But you one icon set you forgot to include was Silk Icons, I would say its probably one of the most widely used and well known icon sets available.

  37. 38

    Beautiful! Both the list and the listed works!
    I have to take my chance and let you know that
    also has a totally free XP icon set, both for commercial and personal use.
    Here’s the link to the zip file: Free Set Zip
    and to screenshot: Free Set Screenshot
    40 simple glossy icons. Enjoy!

  38. 39

    your feed is sexy musing in/ for my reader!!
    again and again; good things thereby . Thanks !

  39. 40

    Same with me, Daniel Travolto

  40. 41

    Excelent Work…

    5 stars…

    now we want a full article but only with brushes…!!!

    Keep GoinG..

  41. 42

    Wow This Is So Cool
    This Post Should Titled Web Grfx & Icons Reference

  42. 43

    Dirk van den Berg

    May 25, 2007 6:39 am

    This is a great share, thanks very much! Very rare to see so much style on one page.

  43. 44

    sidnei dasilva

    May 25, 2007 7:31 am

    very sweet! Thank you!


  44. 45

    incredible work, thanks so much.. saves me many hours of surfing.

  45. 46

    Tq Bro for this nice article.btw this is a nice Compilation of lOgo :)

  46. 47

    You guys at Smashing Magazine ROCK! Kudos to you!

  47. 48

    It’s cool

  48. 49

    Nice list! I offer free round RSS icons on my site free round RSS icons on my site

  49. 50

    Amazing list … as usual! Thank you!

  50. 51

    cool + sweet icons. love it.

  51. 52

    Some stunning shiny little icons up there, great stuff.

  52. 53

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

  53. 54

    Supah’ !!!

  54. 55

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

  55. 56

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

  56. 57

    really Smashing magazine.

  57. 58

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

  58. 59

    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

  59. 60

    Awesome……..keep smashing…..

  60. 61

    Mostafa Darvishzadeh

    May 26, 2007 5:40 pm

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

  61. 62

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

  62. 63

    Alexandre PEreira

    May 26, 2007 10:14 pm

    Great icons!!! Thanks!!!

  63. 64

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

  64. 65

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

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

  65. 66

    Gaurav Malhotra

    May 28, 2007 12:28 pm


  66. 67

    Agust Gudbjornsson

    May 28, 2007 5:12 pm

    Brilliant information collection!

  67. 68

    very cool list !!

  68. 69

    Marcelo Macedo

    May 29, 2007 8:56 pm

    Amazing reference, I’m impress.

    thanks a lot

  69. 70

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

  70. 71

    Christopher Chan

    May 30, 2007 2:12 pm

    This is a sensational collection ! Thanks !

  71. 72

    great work man

  72. 73

    love it :)

  73. 74

    Thank you very much for this collection!

  74. 75

    Super! Thanks.

  75. 76

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

  76. 77

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

  77. 78

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

  78. 79

    Cool, Thank you very much.

  79. 80

    Terrific Collection :D

  80. 81


  81. 82


    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,

  82. 83

    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!

  83. 84

    The best icon colection of the world.

  84. 85

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

  85. 86

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

  86. 87

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

  87. 88

    everything is made simple. No more hardwork

  88. 89

    bala murali krishna

    September 3, 2007 5:07 pm

    This is Really amazing site tks smashy

  89. 90

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

  90. 91

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

  91. 92

    No word to say! Simply wonderful……

  92. 93

    You rock! You rock! You rock! Thanks.

  93. 94

    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: 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!

  94. 95

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

  95. 96

    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.

  96. 97
  97. 98

    very nice!!! keep it up!

  98. 99

    Thank you for this great list…awesome…

  99. 100

    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.

  100. 101

    THAK YOU i love you :-* :-*

  101. 102

    Awesome collection. Thank you!

  102. 104


  103. 105

    Thanks for listing the icons from I’m flattered to be amongst such an awesome collection. That particular set is called ColorCons and there are actually 49 different icons in ColorCons and in 4 different colors.

  104. 106

    Absolutly awsome very good collection

  105. 107

    Absolutly awesome very good collection

  106. 108

    Amazing sets… a really great collection!

  107. 109

    Thanks very much for this awesome compilation. :-)

  108. 110

    amazing, this site is reduce our work…..!!!!!!!

    great work buddy,

  109. 111

    nice to see

  110. 112

    Good stuff!

  111. 113

    I usually get all my icons from but this thread has quite a bit of good ones too!

  112. 114

    Great work!

  113. 115

    very good links thanks a lot for them

  114. 116

    great resourcess. my search ends here. thanks

  115. 117
  116. 118

    Nice collection :) Thanks for sharing! Thought it would be useful to continue this collection with non-standard free icon set for bloggers in the form of bottles.

  117. 119

    There is also an excellection icon search engine at, it has the most powerful search function and the largest icon database that contents 20000+ icons.

  118. 120

    Great post. Thanks for sharing!

    I have been using a few of the buttons on my tech blog ;)

  119. 121

    Thanks a lot

  120. 122

    Great list, thx. I have a few icons already in use. I’ll link this post on my blog, totally worth it!

  121. 123

    I will use these icons to revamp my blog

  122. 124

    i think this article is quite keen.

  123. 125

    i love very much i thank you very very much

  124. 126

    very Nice icons i love it

  125. 127

    Oh boy dis is lovely

  126. 128

    Amazing list … as usual! Thank you!

  127. 129

    Nice job!….thank-x

  128. 130

    UMI.CMS icons is not a free.

    This icons copyright Umisoft company

  129. 131

    Absolute awasome. Really nice and fine collection. Thanks a lot guys!

  130. 132

    Rellay nice work! Simpel and Clear

  131. 133

    icon search engine

    April 6, 2009 6:00 pm

    The best icon search engine I ever used is, it contents 10000+ high quality free icons.

  132. 134

    Thanks for this collection…. especially icons

  133. 135


  134. 136

    Wow, thanks for all the resource! Also you might want to check out these:

    There are nice templates of shiny orbs and squares, you may find them useful.

  135. 137

    Thank you so much

  136. 138

    how many childrens of profit muhammad (p b u h)

  137. 139

    Buena coleccion de iconos, Gracias!!!!

  138. 140

    hay…’s really good man
    thank you…….. thank you very much (especially icons)


  139. 141

    Muy buenos

  140. 143

    Great Job.. Just what i was looking for my site. Take a look at Best of this web

  141. 144

    i like your site there is every icon avail now i don’t need to serach on google thank u very much

  142. 145

    Thank…..I Like ……

  143. 146

    Gr8 work……

  144. 147

    Excellent resources Thank you for taking the time to post all of these.
    It’s very useful for my blog

  145. 148


    that is so coollllllllll…..

    i love it..

    thanks! :)

  146. 149

    nice collections…..thanks…..

  147. 150

    Ritwika Ghosh Bhattacharya

    June 1, 2010 10:15 pm

    thanks for sharing these freebies

  148. 151

    Good collection for developments. Thanks
    Alos I use this Icons packs

  149. 152

    Too cool……..

  150. 153

    Very cool collection, thanks. If you want to see menus, web site trends, galleries etc, visit , you have online demo and free download. Bye!

  151. 154

    these are very artistic and very nice

  152. 155

    Very useful for me.. Thanks to SM…

  153. 156


    Thanks so much for uploading this post. However, the office themed set has no link. Do you have one you could share?


  154. 157
  155. 158

    Wow, Thank you for this icon set. I downloaded. Can I ask you one thing. I am going to crtaee a new site. I need a set of stylish icons. I searched web and found nothing useful. Do you know any site that gives free download of nice icons. If you know can you please share it here. It will be a great help for me.

↑ Back to top