Icons

Lucide icon policy, tokenized sizes and accessibility expectations for 12PM product UI.

Foundation

Product UI icons use lucide-react with shared size, stroke and accessibility rules.

lucide-react

Time slot

Prepared order

Admin review

Status change

Librarylucide-react

Use Lucide for product UI icons so order, partner and admin surfaces share one stroke style.

SizingTokenized

Use compact and default icon sizes from component tokens instead of one-off dimensions.

AccessibilityDecorative hidden

Hide decorative icons from assistive tech; provide labels for icon-only controls before use.

TokensSize and stroke--12pm-comp-icon-size-compact / --12pm-comp-icon-stroke-width