DynamicIcon
An explicit full-registry icon lookup for names that are genuinely known only at runtime.@gemologic/sheen-icons · iconsPlayground
<DynamicIcon name="search" decorative={false} label="Search" decorative size="md" tone="muted"/>Variant matrix
Runtime lookup
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
- Use only when a literal or per-icon import cannot represent external runtime data.
Do not
- Do not pay the full-registry bundle cost for a name known in source.
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 * | string | — | Runtime semantic name, validated against the complete registry. |