InfoIcon
The statically importable info semantic icon with Radix and Phosphor artwork.@gemologic/sheen-icons · iconsPlayground
<InfoIcon decorative={false} label="info" decorative size="md" tone="muted"/>Variant matrix
info action
size: sm
size: md
size: lg
tone: muted
tone: inherit
Anatomy
- Package
@gemologic/sheen-icons- Source
packages/icons/src/icons/info.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 semantic names so themes can switch artwork without changing application code.
Do not
- Do not place an unlabeled meaningful icon where text is required.
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" | undefined | md | Token-sized icon dimensions. |
tone | "muted" | "inherit" | undefined | muted | Muted at rest or inherited from an interactive parent. |