Skip to content
Foundations

Iconography

One family: line art on a 24px grid, 2px stroke, round caps and joins, drawn in currentColor. Colour stays on the text beside the icon, never in it.

The family

Every glyph is a path on the same grid at the same stroke, rendered through GdIcon. currentColor is the whole design: the icon inherits its ink from whatever it sits in, so it can never disagree with the text beside it.

SearchCloseChevronAddSaveUploadMenuOverflow
Sizes 13 / 16 / 24, stroke 2 by default — 1.8 for large glyphs, heavier for small ticks inside a fill.

The shipped sets

Two icon vocabularies ship as typed data, because their meaning is content: the four approval authorities, and the four status voices.

Approvals — @gridd/ui/approvals

Building approvalCouncil approvalPublic noticeState approvalNo approval needed

Status — @gridd/ui/status

SuccessInformationCautionError

Icons & colour

  • Approval icons are NEVER coloured — the stack must read in greyscale, and the words beside it carry the verdict.
  • A status icon takes its colour from the filled tile it sits in, not from the path.
  • An icon beside a label is hidden from assistive tech; it only takes a name when it is the sole carrier of meaning.
  • The duotone use-type glyphs (house, granny flat, pool…) live in the design project's own glyph file and are not yet ported — tracked in the vault's Known Gaps.

Navigate

Esc