# Iconography — Unless design system

Foundations

# Iconography
  [Icons](/en/design/foundations/iconography/)[Sizes](/en/design/foundations/iconography/sizes/)[Usage](/en/design/foundations/iconography/usage/)
## 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](/en/design/foundations/iconography/sizes/)     [Logo (mark) · Spec](/en/design/identity/logo/)