Icons

One stroke, one radius, one grid.

The set

Icons are signposts, not decoration. Each one names a single thing, at a glance, at speed.

Construction

One stroke, one radius, one grid — the same discipline as the stripe mark.

Grid: 24 × 24 px, with 2 px of padding inside the live area
Stroke: 2 px at 24 px, scaled with the icon, never thinner than 1.5 px
Ends and joins: Round
Style: Outline only. No fills, no duotone, no gradients
Sizes: 16, 24, 32 and 48 px

The stopwatch icon at 16, 24, 32 and 48 px — — The stopwatch at every approved size

Use

Pair every icon with a word, unless everyone already knows it: search, close, share, download.

outline icons at one weight, each with its label. — Dooutline icons at one weight, each with its label.

mixing filled and outline icons in one row. — Don’tmixing filled and outline icons in one row.

uneven strokes, and accent colour on every icon. — Don’tuneven strokes, and accent colour on every icon.

Download: STRIDE icons

Every icon above in one SVG sprite. The set comes from Tabler Icons, used under the MIT licence.