40 Responsive Sports Icons [Freebie]

About The Author

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing, he’s most probably running front-end & UX … More about Vitaly ↬

Email Newsletter

Weekly tips on front-end & UX.
Trusted by 200,000+ folks.

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. All icons are included in six formats: AI, PSD, SVG, PNG, CSH and Sketch. 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. 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.

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 Set

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

Responsive Sports Icons
Colored style. (View large version)
Responsive Sports Icon Set
Filled glyphs. (View large version)
Responsive Sports Icon Set
Responsive line stroke. (View large version)
Sports Icons
Google material palette. (View large version)

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 Wafaa for the design — we appreciate your time and effort, and please do keep up the brilliant work.

Further Reading

Smashing Editorial (ml, og, mrn)