By Melanie Lang

icon-styles-opt-small

Free icons are always great to spice up our work with minimal effort. Today, we’re happy to release a free set of 40 sports icons in four styles and six formats. Each icon in this set comes in four styles: flat colored, glyph, Google material palette, and line strokes. Additionally, the line icons morph into four responsive sizes, comprising a unique icon at every breakpoint. That way, details adjust according to size while preserving the icons’ style and identity.

All icons are included in six formats: AI, PSD, SVG, PNG, CSH and Sketch. We’ve optimized the SVG format, producing really light and small-size files that will enhance your websites’ and applications’ performance. Additionally, it makes creating web fonts a lot easier. The set is still in its infancy with plenty more icons currently in production. It’s licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

1

Every icon in the set is named and archived in the appropriate folder, which makes finding icons very easy.

2
Colored style. (View large version3)
glyph-opt-small4
Filled glyphs. (View large version5)
responsive-line-icons-opt-small6
Responsive line stroke. (View large version7)
material-opt-small8
Google material palette. (View large version9)

Download The Icon Set For Free!

Insights From The Designer

“With responsive design thriving, the need for scalable iconography increases. After all, adaptability is key. Simply scaling an icon won’t do: details get lost during downsizing, lines disconnect or overlap, and minimalistic icons don’t always suffice when enlarged. We decided to create an extensive library of responsive icons, or in other words, icons that adapt. Whether your design needs detailed flat-style icons, glyphs or simple line strokes of any size, we’ve got them all.”

We sincerely thank Ramy Wafaa12 for the design — we appreciate your time and effort, and please do keep up the brilliant work.

(ml, og)

Footnotes

  1. 1 http://www.smashingmagazine.com/wp-content/uploads/2015/06/icon-styles-opt.png
  2. 2 http://www.smashingmagazine.com/wp-content/uploads/2015/06/colored-opt.png
  3. 3 http://www.smashingmagazine.com/wp-content/uploads/2015/06/colored-opt.png
  4. 4 http://www.smashingmagazine.com/wp-content/uploads/2015/06/glyph-opt.png
  5. 5 http://www.smashingmagazine.com/wp-content/uploads/2015/06/glyph-opt.png
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/2015/06/responsive-line-icons-opt.png
  7. 7 http://www.smashingmagazine.com/wp-content/uploads/2015/06/responsive-line-icons-opt.png
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2015/06/material-opt.png
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2015/06/material-opt.png
  10. 10 http://provide.smashingmagazine.com/responsive-sports-icon-set/responsive-sports-icon-set.zip
  11. 11 http://iconsresponsive.com/
  12. 12 https://twitter.com/RamyWafaa

The post Freebie: Responsive Sports Icon Set (40×4 Icons, AI, CSH, PNG, PSD, Sketch, SVG) appeared first on Smashing Magazine.

Source:: Freebie: Responsive Sports Icon Set (40×4 Icons, AI, CSH, PNG, PSD, Sketch, SVG)