39 free sports and stock chart icons for React, shadcn/ui and Figma

There are two anchors: one curls its ends in, the other hangs two barbed hooks.

v1.3.04 min read

Sport gets a ball for every game: football, American football, basketball, baseball and tennis, with a cricket bat, hockey sticks and a golf hole. Markets get two stock charts, one going up and one going down.

Speed came in the same release: five things in a hurry have lines streaming behind them, a shooting star among them. Seventeen older drawings were redrawn alongside the 39 new ones.

A ball, a stock chart and a gamepad, then the anchor, the lifebuoy, the pin and two things in a hurry.

A ball for every game

  • Football and American football: soccer-ball and american-football.
  • Basketball, baseball and tennis: basketball, baseball and tennis-ball.
  • Cricket, hockey and golf: cricket-bat, hockey-sticks and golf-hole.
  • Markets: chart-stock-up and chart-stock-down.
  • Games: gamepad.

The four round balls are one circle, as wide as the icon allows, so a row of sports lines up, and the seams inside are what tell them apart. In duotone each keeps its ring black and its seams grey, so the outline carries the ball.

All eight for sport, in every style.

Three lines behind make anything fast

star-shooting is the set's star with three lines streaming behind it. The middle line is the longest and runs straight back, and the star is turned a little so that one of its points faces down that line.

The longest line points at the star's back, so the trail reads as something the star left behind.

The paper plane, the bike and the stopwatch take the same three lines. The truck can't: it already fills the icon's width, and lines behind it would shrink it until its wheels were dots. So truck-fast gives up its back wall, and the roof runs on past it as the top line. In fill the lines are cut out of the solid shape.

The rocket flew like this already, as rocket-2. A number said nothing about it, so it is rocket-fast now. The old name still finds it in search, and Rocket2 still imports in React.

The truck, the bike, the star and the paper plane beside the drawings they grew from, with rocket-fast and timer-fast.

Support gets a lifebuoy

The set had nothing for support or help until lifebuoy, and searching support, help or life ring finds it now. With it came a few more that apps kept reaching for:

  • Pinned and unpinned: pin and pin-off. The pin leans on the diagonal, so the slash cuts it cleanly in two.
  • Code and security: shield-terminal, file-terminal and app-window-terminal.
  • Media switched off: captions-off, subtitles-off and play-off, each the original with a slash across it.
  • Importing into a window: square-arrow-in-down-right, turned to come in from each corner.
Ten of them, with the two anchors.

Two off icons that didn't match what they switch off

Held to that same rule, two older off icons failed. power-off still had the narrower opening the power button had before it was redrawn, so its ring ran on past where the button's stops. With sharp corners, volume-off drew a speaker taller than the sharp speaker it switches off. Both are now their original with the slash across.

power-off as it shipped, under power-off now
The ring ran on
volume-off with sharp corners
The speaker stood taller
Each panel paints the icon as it shipped under the icon now, so only the difference has colour.
as it shippedas it is nowlines the two share

In duotone, the parcel and its ten symbols changed too: the lid is now the dark part, with the tape crossing it in grey.

Getting it

Browse the icons Every drawing, all four styles, both corner shapes.

Install React, React Native, Vue, Svelte and Solid, the shadcn/ui registry, the CLI, the MCP server, and the Figma plugin.

Read the changelog What every release added, with the drawings in it.