Iconography

The icon vocabulary is typographic glyphs — Unicode characters rendered at text weight, monochromatic, always centered in a generous square. Never tinted, never gradient. No Lucide, no FontAwesome.

This keeps the system small (zero icon font, zero per-icon SVG payload), and it sets a quiet engineering-console tone — the graph stays the focus, not the chrome.

Full inventory#

Sizes#

Treatments#

Usage#

import { IconGlyph } from '@ship-it-ui/icons';
 
<IconGlyph name="ask" size={14} />          // 14px ✦
<IconGlyph name="service" size={22} />      // 22px ◇

For a component-internal default (a Button's caret, a Banner's leading mark, etc.) the glyph string is fine inline — IconGlyph is the centralized API when you need the canonical sizing + a11y attributes.