Free Icon Set for Web Developers: Coded
Today we’re excited to present you a new icon set called Coded. Designed with web developers in mind, Coded features 25 high-quality icons ranging from 512×512px to 32×32px. Designed by Thomas McGee of WinePress of Words, this set has been released exclusively for Smashing Magazine and its readers.
The Coded Icon Set makes an excellent addition to any website, especially those inspired by the trade of web development. Perfect for your next client’s site or for showcasing your own web development — these icons are useful for every coder.
Download the Icon Set for Free!
You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sub-licensed or rented. Please link to this article if you want to spread the word.
- Download the icon set for free (zip, 5.1 Mb)
Behind the Design
Here are some insights from the designer:
“Coders and developers have unique responsibilities throughout each work week. From implementing client ideas, to expanding and coding personal endeavors, there’s much work to do at any walk of a web developer’s career. With this, there are tools a developer uses and trusts through these daily challenges. Inspired by such tools and the tasks they help tackle, this set has been crafted to fit the commonly used files, formats, and resources coders of any kind have come to rely. Whether used on your next client’s site, or for accenting your own coding ventures, we’re confident this free icon set will make an excellent addition to your library. Enjoy!”
Thanks, Thomas! We truly appreciate and respect your time and your efforts!
Gintel
December 23rd, 2010 6:09 amwow, these are great! Thanks!
Irfan Suleman
December 23rd, 2010 6:18 amthank you Thomas
Alyssa
December 23rd, 2010 6:19 amLove these!!
Joe Hana
December 23rd, 2010 6:25 amvery nice – love it :-D
thank you
Johnny Rivera
December 23rd, 2010 6:43 amVery nice, been waiting a long time for a full-set like these. Thanks.
paul
December 23rd, 2010 6:48 amthank you very much.. appreciate the good work by the developers out there.. love you all.
merry christmas
edwinhollen
December 23rd, 2010 6:48 amAbsolutely fantastic. Thank you for these. Great work.
Matt Rittman
December 23rd, 2010 6:59 amLove the Mac icons! My boss does all his coding on his Mac. Thank you for these!
Leslie Waugh
December 23rd, 2010 7:11 amLove the cookies and the papers SUPER easy to re-purpose thanks!
Sam
December 23rd, 2010 7:14 amSuper! Thanks a lot!
D
December 23rd, 2010 7:23 amAwesome set Thomas! Goes without saying you spent some time & effort on these and the quality reflects it. Thanks for the freebie!
Dan Grossman
December 23rd, 2010 7:58 amI love freebies, but the licensing terms in the readme file are too vague. Please consider using a widely adopted license (like one of the many Creative Commons makes available) for future releases so that what we can and can’t do with the images is clear. As is, I will be discarding this file.
Tiago Donatti
December 23rd, 2010 8:47 amVery nice set! Thanks for sharing.
j2d2
December 23rd, 2010 9:04 amI think the artwork is great but the icons for different languages don’t make any sense. Only a web developer would use them because people who code Python, like myself, will look at “</>” and think “Hmm… that has nothing to do with Python”.
Like I said, the artwork is great. Perhaps something more universal, like maybe “.py” or would satisfy the programmers too?
Thomas McGee
December 23rd, 2010 9:22 amHi j2d2, I appreciate your feedback. I may have to do another set better defined to each unique language and geared for programmers! :)
Haddicus
December 27th, 2010 8:44 amI agree with j2d2, these are quite vague … the colors and a paper, don’t really give a sense of the language.
m
November 24th, 2011 3:00 amYes, the other icons are really great and beautiful but the language specific icons don’t fit.
If every language would have a special trademark color then it would be enough, but only Ruby I can associate, perhaps also PHP, but the others (especially my beloved language Python, why grey? *g*) and also because the doesn’t fit to programming languages, its more a markup language style.
If you would make language specific icons who are recognizable (perhaps the trademark logos/pictures, the yellow/blue snake of Python, the Elephant of PHP, the Ruby of Ruby, the dolphin of (My)SQL) I would give it a 10 out of 10.
If it is too much work, I would prefer all icons grey or neutral and only the name without brackets.
Themeekon
December 23rd, 2010 11:08 amFantastic set,loking forward to using them asap.
Brady
December 23rd, 2010 11:40 amWow, this set is epic! Nice work and a big thank you!
Hercules
December 23rd, 2010 1:47 pmGreat post, thanks for this.
Martin LeBlanc
December 23rd, 2010 5:12 pmThanks for sharing these great icons.
Rahul
December 24th, 2010 1:14 amWhat a very nice icon..i will surely grab it..
Mika
December 24th, 2010 2:02 amVery nice. Thanks
Morgan and Me
December 24th, 2010 2:11 amFantastic set!
kandagatla
December 24th, 2010 3:06 amThank you nice set!!!
charles
December 24th, 2010 3:15 ami like this very much…. i top line to the legacy strong future….
the contenidos are the articles to prestige private to the worl desing…
fly to arond the world and see the light artycle star
Gleenk
December 24th, 2010 8:55 amThank you very much for this icon set, merry Christmas and happy new year :)
Jerry
December 24th, 2010 11:01 amVery nice set and design. I am going to use them on a new site. Thank you Thomas!
Ginanjar
December 24th, 2010 2:54 pmThank You Thomas…
FrantaToman
December 25th, 2010 2:32 amVery nice. Thanks!
Dan
December 25th, 2010 12:40 pmVery nice! Thank you. I’ve already used one for an app in the Android market!
Joey Bones
December 25th, 2010 3:06 pmI don’t know why everyone’s all ! :) :) !!! :) !!
Blogspam, most likely.
I can’t imagine what use anyone would have for these icons; cookies? Coffee??
Instead of just saying “These icons are useful for any coder”, why not show them in context or suggest HOW they are useful. C’mon, SM, you can do better.
Dutch
December 27th, 2010 3:04 amYou probably don’t know what cookies (I do not refer to eatable cookies) are. Haha.
But I don’t like them either. Why do the icons have ‘< />’ in it? CSS with < /> in the icon? Come on! And that was just one example.
Sadat
December 26th, 2010 9:46 amDude. Thanx a bunch and superb work. We need more ppl like you in the world. Thnx agen.
Kiyan
December 26th, 2010 8:51 pmSimply awesome and effective. Thanks for the freebies,a delicious gift for the Christmas.
ronald
December 26th, 2010 10:34 pmthank you Thomas
Viknesh
December 27th, 2010 12:25 amCool designs :-)
Loved it.
Haddicus
December 27th, 2010 8:41 amNot bad…. but no love for us PC coders?
mc
December 27th, 2010 2:02 pmIcons with XHTML, HTML5, CSS3, PHP5, Java, FLEX and so one would be nice;).
Ian
December 27th, 2010 7:17 pmThank you so much, merry Christmas!
Lauren Ashley Miller
December 28th, 2010 1:47 amThank you so much for the high quality icons! I appreciate the time and effort you put in to these and thanks so much for letting us use it. These rock!
Denis
December 28th, 2010 3:46 pmWow, nice set of icons.
Big thank you Thomas and happy new year! :)
Budiman
December 28th, 2010 7:05 pmWow… thanks for this great icons
Aceebaba
December 30th, 2010 1:57 amGood one :)
Dianne
December 31st, 2010 1:23 amThanks Thomas – these subtle colors are great. All the icons today are either Microsoft blue or look like an iPhone app. These are really different and unusual. Thank you for sharing your effort and skill!
carson
December 31st, 2010 1:15 pmThanks Thomas, these are great icons.
Marcis Gasuns
January 1st, 2011 12:21 amUseless, as usual.
Ricky Potts
January 2nd, 2011 7:25 amI wish more people would design higher quality icon sets like this. I don’t use them as much as I used to, but they are nice to have to access to. Thanks for sharing!
Ryan Bollenbach
January 2nd, 2011 10:10 amVery nice pack for some inspiration :).
I really enjoyed the HTML and CSS ones! :D
Great work!
Fayyaz Ahmed
January 3rd, 2011 7:48 amNice work. I like it
Fayyaz Ahmed
January 3rd, 2011 7:57 amThomas! Would you tell me, How you can create these icons & also maintain the perfectness in all icon sizes like 512×512px to 32×32px. Or use any other software for different sizes instead of Adobe Photoshop or Illustrator?
Which Software you use for these icons?
Hope to hear soon from you!
Thanks *._.*
Thomas McGee
January 4th, 2011 4:44 pmHi Fayyaz,
These icons were actually created in photoshop, then batch-resized for the different sizes. For anything you’re wanting to create in a limitless size, you would need a vector-based image editor such as Inkscape (if you don’t want to use Illustrator). When I get in a pinch, there are a number of online photoshop-ish image editors (like Pixlr) which can help you do some basic work without expensive software.
Hope that helps!
Nancy Zhang
January 4th, 2011 1:34 amLove this! Thanks a lot~
Steve
January 4th, 2011 1:19 pmLovely icons but shouldn’t the RUBY icon be Ruby? Ruby isn’t an acronym and it’s ‘Ruby’ in the official logo, etc.
Barry La Vette
January 4th, 2011 3:14 pmVery nice!
Inspirations Unlimited
January 4th, 2011 8:54 pmThanks for sharing. I will link the article from my blog as well.
Guru
January 4th, 2011 9:08 pmGreat Work. Thanks a lot.
dolphin
January 5th, 2011 12:04 amUnbelievable, I am into it.
renegade
January 5th, 2011 4:28 pmThey are awesome :) I really like wish i could do it to :(
C.F. Action
January 5th, 2011 4:45 pmThese are excellent… Thanks for sharing!! :)
Terri MacMillan
January 6th, 2011 8:18 amThese are beautiful, thank you!
they really got me thinking, musing about the work I do, and smiling…any graphics that can do all of that are pure magic!
Jules
January 6th, 2011 1:41 pmThanks for sharing!!
They are awesome :) I cant wait to try them out..
Maziyar
January 19th, 2011 1:34 pmWell done Thomas, that was great and very useful.
Jhonzer
January 21st, 2011 5:36 amExcelente!! Muy bueno!
Dario
January 21st, 2011 10:03 amwow, these are great! Thanks Thomas!
Roberto
January 22nd, 2011 2:19 pmthanks… you made a great job!!
Gabriele Malaspina
January 23rd, 2011 7:11 amThanks a lot! :) very useful
Jorge Toloza
January 23rd, 2011 8:01 amExcelente trabajo! Felicitaciones y muchas gracias Thomas!
TURKI
January 23rd, 2011 11:26 pmwow nice icons thx
Junior
January 24th, 2011 1:08 pmJusto lo que necesitava!!!
Muchas Gracias!!!!!!!!!!!!!!!
Abdullah Bin Laique
January 25th, 2011 12:39 amThese really great thanks for sharing…
e11world
February 6th, 2011 5:41 amVery nice icons! I love this very much. Shokran!!
Fabiola
February 18th, 2011 5:42 amawesome!!! thanks
AGA
February 22nd, 2011 5:56 amThanks Thomas!
I’m a brazilian student of Graphic Design and Web Design.
Saran
March 25th, 2011 1:01 amthanks a lot man! icons are awesome! :)
Brett Widmann
April 6th, 2011 6:08 pmThis is a very nice icon set! Thanks for sharing.
Tilen Hrovatic
May 27th, 2011 11:22 amThis is awesome!!! Thank you :)