Free Sports icons for your next project
10 of our own sports icons, with practical notes on where each one fits.
Every design in this roundup was drawn in our own studio and cleaned by hand, so the paths are tidy and the shapes stay crisp at any size. roundup of the most useful sports icons, where each fits in a UI, all four styles.
Our rule for icons like these: pick one style and stick to it across a project, keep optical sizes consistent, and let colour do the talking only where it means something.
The icons
Sports medal
Sports medal works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: sports, medal, award, achievement.
Download free →
Puck
Puck works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: puck, hockey, sports, ice.
Download free →
Protein Bar Wrapper Sports
Protein Bar Wrapper Sports works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: protein bar, energy bar, snack bar, protein snack.
Download free →
Hockey puck 2
Hockey puck 2 works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: hockey puck, hockey, puck, game.
Download free →
Sports Bag Front Pocket
Sports Bag Front Pocket works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: sports bag, gym bag, duffel bag, kit bag.
Download free →
Hockey Puck Ice
Hockey Puck Ice works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: hockey puck, ice hockey, puck, hockey equipment.
Download free →
Racquet Tennis Strings
Racquet Tennis Strings works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: tennis racquet, racquet, racket, tennis.
Download free →
Sports bag
Sports bag works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: sports bag, sports, bag, shopping.
Download free →
Baseball Bat Ball
Baseball Bat Ball works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: baseball, baseball bat, baseball ball, sports.
Download free →
Hockey Puck Scuff Mark
Hockey Puck Scuff Mark works well wherever you need a clear sports cue — keep it at 20–24 px in interfaces and scale the SVG up without loss for print. Keywords: hockey puck, puck, hockey, ice hockey.
Download free →Quick tips
- Use one visual style per project — mixing outline and filled sets breaks rhythm.
- Export SVG for screens and PNG at 2x for anything raster.
- Pair every icon with a label the first time it appears.
- Keep at least 10% padding inside each icon's box so a set lines up on a grid.
- Test on a dark background early; some shapes vanish.
Browse the full library at infyicon.com.
FAQ
What formats do I get?
SVG for scalable use plus PNG in several sizes. SVG can be recoloured in any editor or with CSS.
Can I use these commercially?
Yes. Infyicon icons are free with a credit link; Infyvector files include a commercial licence with the purchase.
Do the styles match across designs?
Yes — the whole library follows the same grid and stroke rules, so sets mix cleanly.
Pick one idea from this list and try it in your next design this week.