Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

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.

Coded: Unique and Free Icon Set for Web Developers1

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

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.

Coded Icon Set Complete List2

Behind the Design Link

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!

Coded Free Icon Set Grid

You may want to take a look at related articles:

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6

↑ Back to top Tweet itShare on Facebook

As a graphic designer at WinePress Publishing, Thomas enjoys helping authors publish their book with the finest quality. Aside from designing for WinePress, he writes regularly for WinePress of Words, an online magazine dedicated to writers. Feel free to connect with him on Twitter: @ThomasDesign

  1. 1

    thank you very much.. appreciate the good work by the developers out there.. love you all.

    merry christmas

  2. 2

    wow, these are great! Thanks!

  3. 3

    thank you Thomas

  4. 4

    Love these!!

  5. 5

    very nice – love it :-D

    thank you

  6. 6

    Very nice, been waiting a long time for a full-set like these. Thanks.

  7. 7

    Absolutely fantastic. Thank you for these. Great work.

  8. 8

    Love the Mac icons! My boss does all his coding on his Mac. Thank you for these!

  9. 9

    Love the cookies and the papers SUPER easy to re-purpose thanks!

  10. 10

    Super! Thanks a lot!

  11. 11

    Awesome set Thomas! Goes without saying you spent some time & effort on these and the quality reflects it. Thanks for the freebie!

  12. 12

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

  13. 13

    Very nice set! Thanks for sharing.

  14. 14

    I 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?

    • 15

      Hi j2d2, I appreciate your feedback. I may have to do another set better defined to each unique language and geared for programmers! :)

    • 16

      I agree with j2d2, these are quite vague … the colors and a paper, don’t really give a sense of the language.

      • 17

        Yes, 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.

  15. 18

    Fantastic set,loking forward to using them asap.

  16. 19

    Wow, this set is epic! Nice work and a big thank you!

  17. 20

    Great post, thanks for this.

  18. 21

    Martin LeBlanc

    December 23, 2010 5:12 pm

    Thanks for sharing these great icons.

  19. 22

    What a very nice icon..i will surely grab it..

  20. 23

    Very nice. Thanks

  21. 24

    Fantastic set!

  22. 25

    Thank you nice set!!!

  23. 26

    i 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

  24. 27

    Thank you very much for this icon set, merry Christmas and happy new year :)

  25. 28

    Very nice set and design. I am going to use them on a new site. Thank you Thomas!

  26. 29

    Thank You Thomas…

  27. 30

    Very nice. Thanks!

  28. 31

    Very nice! Thank you. I’ve already used one for an app in the Android market!

  29. 32

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

    • 33

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

  30. 34

    Dude. Thanx a bunch and superb work. We need more ppl like you in the world. Thnx agen.

  31. 35

    Simply awesome and effective. Thanks for the freebies,a delicious gift for the Christmas.

  32. 36

    thank you Thomas

  33. 37

    Cool designs :-)
    Loved it.

  34. 38

    Not bad…. but no love for us PC coders?

  35. 39

    Icons with XHTML, HTML5, CSS3, PHP5, Java, FLEX and so one would be nice;).

  36. 40

    Thank you so much, merry Christmas!

  37. 41

    Lauren Ashley Miller

    December 28, 2010 1:47 am

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

  38. 42

    Wow, nice set of icons.

    Big thank you Thomas and happy new year! :)

  39. 43

    Wow… thanks for this great icons

  40. 44

    Good one :)

  41. 45

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

  42. 46

    Thanks Thomas, these are great icons.

  43. 47

    Marcis Gasuns

    January 1, 2011 12:21 am

    Useless, as usual.

  44. 48

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

  45. 49

    Ryan Bollenbach

    January 2, 2011 10:10 am

    Very nice pack for some inspiration :).

    I really enjoyed the HTML and CSS ones! :D

    Great work!

  46. 50

    Nice work. I like it

  47. 51

    Thomas! 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 *._.*

    • 52

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

  48. 53

    Love this! Thanks a lot~

  49. 54

    Lovely icons but shouldn’t the RUBY icon be Ruby? Ruby isn’t an acronym and it’s ‘Ruby’ in the official logo, etc.

  50. 55

    Barry La Vette

    January 4, 2011 3:14 pm

    Very nice!

  51. 56

    Inspirations Unlimited

    January 4, 2011 8:54 pm

    Thanks for sharing. I will link the article from my blog as well.

  52. 57

    Great Work. Thanks a lot.

  53. 58

    Unbelievable, I am into it.

  54. 59

    They are awesome :) I really like wish i could do it to :(

  55. 60

    These are excellent… Thanks for sharing!! :)

  56. 61

    Terri MacMillan

    January 6, 2011 8:18 am

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

  57. 62

    Thanks for sharing!!
    They are awesome :) I cant wait to try them out..

  58. 63

    Well done Thomas, that was great and very useful.

  59. 64

    Excelente!! Muy bueno!

  60. 65

    wow, these are great! Thanks Thomas!

  61. 66

    thanks… you made a great job!!

  62. 67

    Gabriele Malaspina

    January 23, 2011 7:11 am

    Thanks a lot! :) very useful

  63. 68

    Excelente trabajo! Felicitaciones y muchas gracias Thomas!

  64. 69

    wow nice icons thx

  65. 70

    Justo lo que necesitava!!!
    Muchas Gracias!!!!!!!!!!!!!!!

  66. 71

    Abdullah Bin Laique

    January 25, 2011 12:39 am

    These really great thanks for sharing…

  67. 72

    Very nice icons! I love this very much. Shokran!!

  68. 73

    awesome!!! thanks

  69. 74

    Thanks Thomas!
    I’m a brazilian student of Graphic Design and Web Design.

  70. 75

    thanks a lot man! icons are awesome! :)

  71. 76

    Brett Widmann

    April 6, 2011 6:08 pm

    This is a very nice icon set! Thanks for sharing.

  72. 77

    Tilen Hrovatic

    May 27, 2011 11:22 am

    This is awesome!!! Thank you :)


↑ Back to top