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 Sports Icon Set (40×4 Icons, AI, CSH, PNG, PSD, Sketch, SVG)

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.

Responsive Sports Icon Set1

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

Responsive Sports Icon Set2
Colored style. (View large version3)
Responsive Sports Icon Set4
Filled glyphs. (View large version5)
Responsive Sports Icon Set6
Responsive line stroke. (View large version7)
Responsive Sports Icon Set8
Google material palette. (View large version9)

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

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 Link

  1. 1 https://www.smashingmagazine.com/wp-content/uploads/2015/06/icon-styles1-opt.png
  2. 2 https://www.smashingmagazine.com/wp-content/uploads/2015/06/colored-opt.png
  3. 3 https://www.smashingmagazine.com/wp-content/uploads/2015/06/colored-opt.png
  4. 4 https://www.smashingmagazine.com/wp-content/uploads/2015/06/glyph-opt.png
  5. 5 https://www.smashingmagazine.com/wp-content/uploads/2015/06/glyph-opt.png
  6. 6 https://www.smashingmagazine.com/wp-content/uploads/2015/06/responsive-line-icons-opt.png
  7. 7 https://www.smashingmagazine.com/wp-content/uploads/2015/06/responsive-line-icons-opt.png
  8. 8 https://www.smashingmagazine.com/wp-content/uploads/2015/06/material-opt.png
  9. 9 https://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://www.iconsresponsive.com/
  12. 12 https://twitter.com/flatroundicons
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

Advertisement

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

    Mohammad Rajabifard

    June 13, 2015 7:50 pm

    A big thanks for that awesome designer who published his well-designed icon set for free.

    6
    • 2

      Pauline Kelly

      June 14, 2015 1:37 am

      No pickleball!! One of the fastest growing sports right now!

      -4
      • 3

        Dear Pauline, This project will receive regular updates and it is just the start. So i’ll make sure to include it in the next update ;) In our previous project http://www.roundicons.com we started will 500 icons and now we reached 8500 unique icons, it’ll be the same here.

        4
  2. 4

    Hm, ZIP file corrupt .. :( Cant open it …

    2
  3. 5

    Can’t open zip file.

    0
  4. 6

    Vitaly Friedman

    June 14, 2015 4:20 pm

    Ouch, my mistake. Could you please download the .zip again — it should be working flawlessly now!

    2
  5. 7

    If you guys are looking for unicolored and scalable icons you can have a look at font-awesome.
    Really good for icons on websites and so!

    0
  6. 8

    james brooks

    June 16, 2015 1:37 pm

    I am getting a 404 at http://www.iconsresponsive.com/

    0
  7. 10

    Florence Bell

    June 17, 2015 12:40 pm

    Yep!!! Nice to know about the freebie icons and also its importance. Thanks a lot for sharing.

    0
  8. 11

    Cathy Goodwin

    June 17, 2015 7:22 pm

    Thanks for the free icons! I can think of lots of uses for them, too, for bullets on websites and blogs…
    small = skateboard
    medium = baseball
    large = basketball
    jumbo = football

    and more! Let the creativity begin!

    0
  9. 12

    These are great. We’ll be using them for sure on our promo material! Also, we included these in a round up of our favourite free icon sets on our blog, hope this is alright! http://blog.toolkitwebsites.co.uk/2015/06/5-free-icons-toolkit-websites-southampton.html

    Cheers

    3

↑ Back to top