03 / Iconography
Symbols behave like commands
The complete Lucide inventory, the Smart Search exception and the size, stroke, state and accessibility rules behind every glyph.
43 Lucide · 27 product · 1 custom
Live icon library
Search the actual imported set, filter product and documentation usage, then tune the shared optical contract.
Selected symbol contract
The glyph inherits currentColor; the interactive target owns semantics, hit area and state.
Smart Search exception
The product keeps one project-authored composed glyph because Search plus Sparkles as two sibling icons creates noise and weaker optical balance.
One composed mark
It follows the same currentColor, 16/20px and focus contracts as Lucide, but its path remains owned by the matcher component.
stroke 2.4 · fill currentColorIcon rules
| Context | Glyph | Stroke | Target | Accessible name |
|---|---|---|---|---|
| Compact metadata | 14px | 2–2.4 | Non-interactive | aria-hidden |
| Default command | 16px | 2.4–2.8 | 36–44px | Label owns name |
| Primary / shell | 18–20px | 2.8 | 44px | Visible or aria-label |
| Icon-only | 16–20px | 2.4–2.8 | 44 × 44px | Required |
| Decorative | Any approved size | Role-based | None | aria-hidden |