Skip to content

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-soft with the icon in --accent-link.
  • Icons inherit currentColor - never hard-code the fill.
Iconography · Sizes