Scale — Status Icon

Install

Four statuses — info, warning, error, and success.

size accepts 16, 24 (default), or 32.

inverse swaps the disc and glyph colours so the icon reads on a status-coloured surface (as in Toast).

validation feedback, alert icons, and help-text icons. For a minimal coloured dot, use a Status Indicator.

Don’t rely on the icon alone to convey state — colour and shape aren’t enough on their own.
Don’t use a status icon as a decorative bullet.
Don’t mix statuses that contradict the surrounding message.

Decorative by default: the icon is a presentational SVG with no accessible name — the adjacent text must carry the status meaning.
Standalone use: if the icon is the only indicator, give its container an accessible name (e.g. role="img" aria-label="Error").
Not colour-only: each status also differs in glyph (i, !, ✕, ✓), but still back it with text for clarity.
Contrast: on a custom background, use inverse or check the disc colour meets WCAG AA.