Foundations

Iconography

Zetta uses Material Symbols Outlined at weight 300, self-hosted. Icons are sized 16 / 20 / 24px and inherit their context's text color. Fill switches to 1 only for active toggle states.

Sizes

16 · sm

20 · md

24 · lg

Browse

A representative slice of the set. Click an icon to copy its ligature name.

Rules

12Material Symbols Outlined, weight 300. Fill 1 only for active toggles; icon-only controls need an aria-label.
Self-hosted, never from a CDN. The .material-symbols-outlined class sets the ligature feature explicitly so glyphs render (not literal text).