Foundation · Icons
Phosphor · 6 weights
One icon family, set in duotone by default — drawn from Phosphor, imported from a single barrel.
Every icon in the system comes from Phosphor, a flexible family designed at 16px to read small and scale up. The system speaks in duotone: the shape stays calm and neutral while a single accent — derived from --brand via currentColor — tints the fill. Anything decorative, branded, or status-colored keeps that one accent, exactly like the rest of the system.
One import
Everything resolves to @/lib/icons
The barrel owns the default weight the way --brandowns the accent — change it in one place and the whole system re-skins. It is built on Phosphor’s SSR-safe icons, so the same import renders identically in server and client components. Import names match Phosphor’s catalog exactly; pass weight at any call site to override the duotone default.
The set
Every icon the system ships
Pulled straight from the barrel, in the duotone default. Click any glyph to copy its component name.