Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. 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. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

40 Responsive Sports Icons [Freebie]

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 Icons2

Colored style. (View large version3)
Responsive Sports Icon Set4

Filled glyphs. (View large version5)
Responsive Sports Icon Set6

Responsive line stroke. (View large version7)
Sports Icons8

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.

Further Reading on SmashingMag: Link

(ml, og)

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17

↑ 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

    Mohammad Rajabifard

    June 13, 2015 7:50 pm

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

    • 2

      Pauline Kelly

      June 14, 2015 1:37 am

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

      • 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 we started will 500 icons and now we reached 8500 unique icons, it’ll be the same here.

  2. 4

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

  3. 5

    Can’t open zip file.

  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!

  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!

  6. 8

    The link works perfectly fine on my end. Please check again.

  7. 9

    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.

  8. 10

    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!


↑ Back to top