Foundations
Iconography
How to apply icons — outline first, currentColor always
Three rules behind how icons sit in the system. Following them keeps icons feeling like part of the typography rather than imported decoration.
- Use outline by default. Solid only when paired with a tinted chip.
- Icon chips sit on
--brand-blue-softwith the icon in--accent-link. - Icons inherit
currentColor- never hard-code the fill.