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.
Every icon in the set is named and archived in the appropriate folder, which makes finding icons very easy.
Download The Icon Set For Free! Link
Insights From The Designer Link
“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.”
- 1 https://www.smashingmagazine.com/wp-content/uploads/2015/06/icon-styles1-opt.png
- 2 https://www.smashingmagazine.com/wp-content/uploads/2015/06/colored-opt.png
- 3 https://www.smashingmagazine.com/wp-content/uploads/2015/06/colored-opt.png
- 4 https://www.smashingmagazine.com/wp-content/uploads/2015/06/glyph-opt.png
- 5 https://www.smashingmagazine.com/wp-content/uploads/2015/06/glyph-opt.png
- 6 https://www.smashingmagazine.com/wp-content/uploads/2015/06/responsive-line-icons-opt.png
- 7 https://www.smashingmagazine.com/wp-content/uploads/2015/06/responsive-line-icons-opt.png
- 8 https://www.smashingmagazine.com/wp-content/uploads/2015/06/material-opt.png
- 9 https://www.smashingmagazine.com/wp-content/uploads/2015/06/material-opt.png
- 10 http://provide.smashingmagazine.com/responsive-sports-icon-set/responsive-sports-icon-set.zip
- 11 http://www.iconsresponsive.com/
- 12 https://twitter.com/flatroundicons
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.