Back to Components

Icon lab

Every symbol in the sprite, live. Drag the stroke weight to preview the set before editing chrome.js.

Conventions: 24 × 24 viewBox, currentColor, round joins, 2px default stroke. Purpose-first IDs (icon-mail, not icon-envelope). New symbols come from Tabler — inner path data only, so the stroke styling keeps working. The sprite is the single source of truth: edit a symbol once and every instance updates — the header, the dock, the buttons, and this grid.