Icon
A statically analyzable semantic icon marker replaced by the Sheen Vite integration.@gemologic/sheen-icons · iconsPlayground
<Icon name="search" decorative={false} label="Search" decorative size="md" tone="muted"/>Variant matrix
Literal icon
size: sm
size: md
size: lg
tone: muted
tone: inherit
Anatomy
- Package
@gemologic/sheen-icons- Source
packages/icons/src/runtime.tsx- Tokens
--sheen-icon-size-sm--sheen-icon-size-md--sheen-icon-size-lg--sheen-color-fg-muted
Accessibility
Role: img when meaningful; hidden when decorativeKeyboard: No component-owned keysDo
- Configure sheenIcons with every icon set used by bundled themes.
Do not
- Do not pass computed names; use DynamicIcon when the name is genuinely runtime data.
Generated props
| Name | Type | Default | Description |
|---|---|---|---|
decorative | boolean | true | Decorative by default; set false together with a nonempty label for meaningful imagery. |
label | string | — | Required accessible name when decorative is false. |
size | "sm" | "md" | "lg" | md | Token-sized icon dimensions. |
tone | "muted" | "inherit" | muted | Muted at rest or inherited from an interactive parent. |
name * | "add" | "remove" | "close" | "check" | "settings" | "search" | "chevronDown" | "chevronUp" | "chevronLeft" | "chevronRight" | "arrowLeft" | "arrowRight" | "arrowUp" | "arrowDown" | "menu" | "moreHorizontal" | "moreVertical" | "filter" | "sortAscending" | "sortDescending" | "refresh" | "download" | "upload" | "edit" | "trash" | "copy" | "externalLink" | "info" | "warning" | "error" | "success" | "calendar" | "clock" | "user" | "users" | "home" | "inbox" | "notifications" | "lock" | "unlock" | "visible" | "hidden" | — | Literal semantic registry name; dynamic values belong on DynamicIcon. |