Skip to content

Foundations

Iconography

Icon sizes — four steps, no in-betweens

The four pixel sizes the system reaches for, by placement. Stick to these; arbitrary sizes start to read as inconsistent across surfaces.

  • 16: inline glyphs in text.
  • 20: button leading icons, form-field affixes.
  • 24: default (nav, list items).
  • 32 / 40: feature tiles, icon chips.
Iconography · Icons