Freebie: Free Vector Web Icons (91 Icons)
Today’s freebie may be the last one for this year, but that doesn’t mean it will be the last of our freebies on Smashing Magazine — no siree! Before this year does come to an end, we are happy to present to you a fresh new Web UI set includig 91 icons created by August Interactive for the holiday season. The set is a collection of widely used UI elements, including volume, zoom, player, view, and download controls.
Designed by Tomas Gajar, the set was developed using Adobe Fireworks and has been exported as a fully editable layered Photoshop file as well. The set is clean, pixel perfect, and meant to full your everyday needs for UI design.
Download the Set for Free!
This freebie offers vectors, all scalable, Adobe Photoshop PSDs as well as Fireworks PNGs. The icon set is completely free to use for commercial or personal applications without any restrictions. Please link to this article if you want to spread the word.
- large preview
- download the free icon set (.zip, 3,4 Mb)
Behind the Design
As always, here are some insights from the designers:
“For us, the end of the year usually brings some precious time to reflect on our work and how our love for design remains relevant to the user interface design community. Our revelation this year is that clean, pixel perfect vector icons have become immensely important to our work. This means we typically spend the extra time to develop the icons that fit the specific need of the job at hand. As you can imagine, this ‘extra’ time takes considerable effort — effort that is often not a part of a clients’ original scope of work.
These holidays, we decided that the best gift we could offer our friends and colleagues is free access to some of our favorite custom UI icons. They are available in Adobe Photoshop PSDs, and for our really special friends, Fireworks PNGs. All vector, all scalable, all free to use for commercial or personal applications. Stay tuned for more in 2012!”
Thank you, Tomas Gajar and August Interactive. We appreciate your work and your good intentions!
(il) (vf)
Steph
December 29th, 2011 6:34 pmHow crisp! Thanks very much =)
DaPino
December 29th, 2011 6:39 pmThanks for great icons!
Ratul Saha
December 29th, 2011 6:47 pmI was searching the whole web for a good free share icon. Damn, whenever I finish searching, I find the solution in smashmag! :)
Thanks guys!
Ahmed
December 29th, 2011 8:07 pmAwesome, clean and fantastic work!
Thanks a lot.
Barbara O
December 29th, 2011 11:18 pmHow very nice – these will be very useful in my web/UI projects. Thank you for the generous gift of graphics. August Interactive rocks!
Michel Bozgounov
December 30th, 2011 10:23 amIt’s awesome that the icon set is released also in fully editable Adobe Fireworks vector format (Fw PNG)! This makes the icons truly versatile for all kinds of screen use, web, mobile, everything!
Great work Tomas & Smashing Mag, and big thanks! Happy holidays! :-)
Rubai
December 30th, 2011 1:09 pmHey, the icons are awesome. I’ll be using it in my next theme. Can I get the sky background that is displayed at the back of the icons?
Smackydoodle
December 30th, 2011 3:48 pmPhotoshop
Set background/foreground colors
Filter, Render, Clouds
Filter, Blur, Gaussian Blur, Radius 20 or so
Create New layer filled with 50% gray and set it to Hard Light
Filter, Artistic, Film Grain, Grain 1, rest 0
Takes about 1 minute.
Tushar
January 8th, 2012 1:33 pmSorry, just a quick question, what size should I set the canvas?
kucrut
December 30th, 2011 1:59 pmNice icons!
A question for SM / icon author:
Does ‘without any restrictions’ mean I can use it in a GPL-licensed package? I’d like to create a WP theme using this icon pack someday :)
Josh
December 30th, 2011 2:43 pmVery nice icons, thanks!
Benjamin
December 30th, 2011 3:35 pmWooaah. Cool, this will look surely awesome on my blog. Thanks!
Dino Dogan
December 30th, 2011 10:25 pmIm always amazed by the folks who are willing to sit down, spend time and create something for everyone. Thank you Tom.
Darin
December 31st, 2011 5:21 amGreat icons! Thanks August Interactive!
Banhurt
December 31st, 2011 3:58 pmIt would be lovely if you shared these icons in SVG
Giorgos
December 31st, 2011 5:24 pmGreat icons… Fantastic work!
tonic micheal
December 31st, 2011 10:25 pmvery quality vector download but we can use in client project its not copyrigh?
Marlou
January 1st, 2012 3:29 pmAwesome, thanks! Looks very crisp and versatile. Should be useful for a lot of projects.
Amrit
January 2nd, 2012 5:38 amAwesome.. Thanks a ton for the gift.. And wish you a happy new year..
Carlo Rizzante
January 2nd, 2012 12:01 pmGreat set!
Would love to use the set in a project I’m working at the present.
Thanks and have a great 2012 :)
Adam
January 2nd, 2012 3:03 pmI will definitely use some of those nice icons. They are so nice and simple. It reminds me a clients comment: “Thats way to expensive! Why don´t you keep it simple and cheap just like commercials of Apple?” :)
Maicon Sobczak
January 2nd, 2012 6:44 pmObjective and versatile icons. A great freebie.
teted
January 3rd, 2012 6:27 amAwesome, thanks!
Yael
January 3rd, 2012 11:01 amGreat icons! Thanks a lot!
Jorycke
January 3rd, 2012 8:41 pmGreats icons ! =)
Francis Boudreau
January 4th, 2012 11:09 amThank you for this free set, I will use it for sure!
blam
January 4th, 2012 12:09 pmone icon is missing..
in file sm-front-page.jpg theres sitemap icon (under bell icon) which is not in psd ;( but still i like it very much, thank you for sharing!
mUhAmAr
January 4th, 2012 4:19 pmHappy New Year to everybody and thanks for the GREAT icon set!
agus_d13
January 5th, 2012 1:42 pmgood stuff and love it…
clear and simple icons.
:)
many thanks for your “extra time” to make this stuff.
Neil
January 5th, 2012 5:29 pmAwesome job on these! Thanks!!!
Gez
January 5th, 2012 6:36 pmVery nice icons.
Just as Banhurt said, I’d also love to see those icons in SVG format instead of “Fireworks PNG”. A standard format instead of a proprietary modification of a standard format should be a better choice for sharing stuff with the world.
According libpng.org:
“Like GIF and TIFF, PNG is a raster format, which is to say, it represents an image as a two-dimensional array of colored dots (pixels). PNG is explicitly not a vector format, i.e., one that can store shapes (lines, boxes, ellipses, etc.) and be scaled arbitrarily without any loss of quality (generally speaking). For that you probably want SVG or PostScript. (There are some private extensions to PNG that add vector information in addition to PNG’s regular pixels–Macromedia’s Fireworks does something along those lines–but no valid PNG may omit the pixel data.)”
Michel Bozgounov
January 6th, 2012 3:08 pmYou are not 100% correct about this one.
The open-source PNG file format actually can store any metadata in it, including vectors, bitmaps, effects, pages and layers, etc. So editable Adobe Fireworks PNG files contain data that would allow you to easily re-scale, re-color and modify your icons without any loss of quality! (Same should be valid for Photoshop PSD file format, in case icons are vector-based.) Yes, you would need Fireworks for this purpose, but the same could be applied to InDesign files, Illustrator files, and so on…
atisad
January 9th, 2012 1:48 pmnice collection :)
Thanks for sharing!
Lynnie
January 23rd, 2012 10:10 amHi,
The download link in this post doesn’t seem to be working.
This is what is in the URL bar on my browser: provide.smashingmagazine.com/free-vector-user-interface-icons.zip
Iris Lj.
January 23rd, 2012 1:55 pmHi Lynnie,
The URL should be working just fine, please try again: http://provide.smashingmagazine.com/free-vector-user-interface-icons.zip
— Smashing Editorial
Thomeinika
December 29th, 2011 7:46 pm…or like a “Flying Fortress” bear :-)))
Will use these icons in a skin for mobile phones – big thanks for providing them in vector format, very handy!