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 Link

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 Link

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 Link

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

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

Footnotes Link

  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

Sven is the co-founder and former CEO of Smashing Magazine. He's now writing at his Conterest Blog, where he focuses on blogs, content strategy and publishing — all in German.

Advertisement
  1. 1

    Dharmendra Kumar Sinha

    May 24, 2007 8:16 pm

    Really simply great

    0
  2. 3

    Love it!

    0
  3. 4

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

    0
  4. 5

    Absolute list !!

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

    0
  5. 6

    Awesome list, as usual!

    0
  6. 7

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

    0
  7. 8

    Nice! Thanks for the icons.

    0
  8. 9

    Nice package. Keep up with the excelent work!

    1
  9. 10

    Great round-up! Great mag!

    0
  10. 11

    That BittBox picture spoiled the whole page.

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

    1
  11. 12

    famfamfam.com is another great source

    0
  12. 13

    WHOAAAAAAAA !!!!!!!! As always, YOU GUYS ROCKSSSSS

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

    0
  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 :)

    0
  15. 16

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

    0
  16. 17

    Thanks for including my set.

    0
  17. 18

    Just one word: great!

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

    0
  19. 20

    Your link to http://www.bartelme.at/material/shoppingcart/ results in a Forbidden message. You may want to update the link.

    0
  20. 21

    Excellent posting, as usual. You guys are great.

    0
  21. 22

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

    0
  22. 23

    Vitaly Friedman & Sven Lennartz

    May 25, 2007 12:25 am
    0
  23. 24

    Awesome list, thank you for doing this.

    0
  24. 25

    Great post – very diggworthy!

    0
  25. 26

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

    0
  26. 27

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

    0
  27. 28

    Whoa…Wow..cool list

    0
  28. 29

    Fantastic!

    0
  29. 30

    Awesome! Thanks for putting this together!!

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

    0
  31. 32

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

    0
  32. 33

    Great list! Thanks a lot.

    0
  33. 34

    And finally i get linked on here =P

    Thanks, and awesome list.

    0
  34. 35

    Daniel Travolto

    May 25, 2007 1:36 am

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

    0
  35. 36

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

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

    0
  37. 38

    Beautiful! Both the list and the listed works!
    I have to take my chance and let you know that Itookia.com
    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!

    0
  38. 39

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

    1
  39. 40

    Same with me, Daniel Travolto

    0
  40. 41

    Excelent Work…

    5 stars…

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

    Keep GoinG..

    0
  41. 42

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

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

    0
  43. 44

    sidnei dasilva

    May 25, 2007 7:31 am

    very sweet! Thank you!

    -Sidnei

    0
  44. 45

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

    0
  45. 46

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

    0
  46. 47

    You guys at Smashing Magazine ROCK! Kudos to you!

    0
  47. 48

    It’s cool

    0
  48. 49

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

    0
  49. 50

    Amazing list … as usual! Thank you!

    0
  50. 51

    cool + sweet icons. love it.

    0

↑ Back to top