Icon key
A key with an icon and no words, square or round: transport, power, the small tools. Its aria-label names it; a tip shows the name.
Kit parts
Icons
The kit’s glyphs as one set.
Seats open in 11 days. Want one email that morning?
Anatomy
The set is data, not sprites.
Variants
- Sizes
- Beside words
- In a key
- Alone
- In ink · never tinted
- A lamp says on
States
- Rest
- Hover
- Pressed
- Focus
Props and options
| Name | Kind | Description |
|---|---|---|
| ICONS · ICON_NAMES | object · array | |
| data-size | attribute | On a grid: scales every glyph in it. |
Usage notes
Press a glyph to copy its markup. The size switch scales the whole grid; the line stays a tenth of the box.
Accessibility
- An icon beside words is decoration.
- An icon never carries state by tint: a lit lamp beside it, or a word, says “on”, “unread” or “failed”.
- The grid’s cells are real buttons with a name (“Copy search”); the glyph in each is hidden.
