Menu Search
Jump to the content X X
Smashing Conf New York

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 Barcelona, dedicated to smart front-end techniques and design patterns.

Freebie: Responsive And Mobile Icon Set (100 Icons, PNG, PSD)

This responsive and mobile-themed icon set, designed by the folks behind Iconshock91 and Designshock102, consists of 100 individual icons merging outlined as well as flat styles, all vectors built in Photoshop, in four transparent PNG image sizes and available in two color versions: a limited cold palette and a warm colorful one. The vector editable source files are included.

Please note that this icon set is licensed under a Creative Commons Attribution 3.0 Unported3. You may modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms is not cool. Please provide credits to the creators and link to the article in which this freebie was released if you would like to spread the word in blog posts or anywhere else.

warm-colors-preview-opt4
(Large preview of icon set5)
cold-colors-preview-opt6
(Large preview of icon set7)
colors-icons-preview-opt
cold-icons-opt
colors-icons-closer-preview-opt
cold-icons-closer-preview-opt

Download The Icon Set For Free Link

Insights From The Designers Link

“This is an iconset conceived to fill up the void in responsive-design-related icons, beyond the usual representation of three devices with the same layout that’s usually presented more like a whole illustration. Considering the minimum level of detail required, and the design trends of the times, the style opted for was a mixture of outlined and flat, beyond simply rendering stroked and filled icons, giving each color area intention and meaning, as well as crafting two colorschemes, one with full warm colors and other with a cold reduced palette. Finally, to provide a complete and articulated pack, icons for mobile design, use and interaction were added, such as gestures and connection options.”

A big thank you to Juan Pablo Sarmiento — we sincerely appreciate your time and efforts. Keep up the brilliant work!

(il)

Footnotes Link

  1. 1 http://www.iconshock.com/
  2. 2 http://www.designshock.com/
  3. 3 http://creativecommons.org/licenses/by/3.0/
  4. 4 https://www.smashingmagazine.com/wp-content/uploads/2014/11/warm-colors-large-preview-opt.jpg
  5. 5 https://www.smashingmagazine.com/wp-content/uploads/2014/11/warm-colors-large-preview-opt.jpg
  6. 6 https://www.smashingmagazine.com/wp-content/uploads/2014/11/cold-colors-large-preview-opt.jpg
  7. 7 https://www.smashingmagazine.com/wp-content/uploads/2014/11/cold-colors-large-preview-opt.jpg
  8. 8 http://provide.smashingmagazine.com/smashing-freebie-responsive-mobile-icon-set.zip
  9. 9 http://www.iconshock.com/
  10. 10 http://www.designshock.com/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

  1. 1

    Awesome!

    0
  2. 3

    Is that an Apple/Windows/Android logo at the top of the first image? Interesting concept…

    1
  3. 4

    Please note that this icon set is licensed under a Creative Commons Attribution 3.0 Unported. You may modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms is not cool. Please provide credits to the creators and link to the article in which this freebie was released if you would like to spread the word in blog posts or anywhere else.

    Maybe that is boilerplate you add to freebie posts, but it is inaccurate and contradictory. It does require attribution, per the terms in CC-BY 3.0. And since the first point of that sentence is incorrect about the license, I don’t know what to take from the sentiment, “reselling of bundles or individual pictograms is not cool.” It may not be fashionable, but it is permitted.

    0
    • 5

      By stating “No attribution is required” they waive the attribution requirement. I do it this way too with many of my digital freebies. It is actually quite common because currently there is no CC license that doesn’t include attribution.

      I would agree though that if they don’t want them sold or rebundled, they really should include the SA (share-alike) requirement in the licensing.

      1
  4. 6

    This is amazing, i love this icons i’ll be using them soon.
    Thank you <3

    0
  5. 9

    Robert Decousta

    December 19, 2014 6:30 am

    Its great to read. Thanks for posting.

    0
  6. 10
  7. 11

    Good One

    0
  8. 12

    Nice collection of icons. Thanks.

    0
  9. 13

    Inspirador!

    0
  10. 14

    This is fantastic! Thanks guys!

    0
  11. 15

    Robert Decousta

    January 27, 2015 12:07 pm

    Amazing blog to read. Thanks a lot for sharing.

    0
  12. 16

    Thanks!

    0
  13. 17

    very thanks!!!!

    0

↑ Back to top