Display
Icon
Pictogram glyph icon. 21 named variants matching the Figma `LlmIcon` component set. Decorative by default; pass `label` to announce a meaning to assistive tech.
LlmIconDemo
Live PreviewReact
Interactive demo coming soon. See the code example above.
jsx
<LlmIcon name="success" />
<LlmIcon name="warning" size="lg" label="Warning" />
<LlmIcon name="chevron-down" size="sm" />API (Angular)
| Prop | Type | Default | Description |
|---|---|---|---|
name | 'success' | 'warning' | 'danger' | 'info' | 'error' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'sort-asc' | 'sort-desc' | 'arrow-right' | 'arrow-left' | 'copy' | 'paste' | 'add' | 'edit' | 'delete' | 'close' | 'more' | 'default-toast' | — | The icon name. Required. |
size | 'sm' | 'md' | 'lg' | 'md' | Icon size. Maps to the framework font-size scale. |
label | string | undefined | Accessible label. When provided, the icon is announced as an image with this label. When omitted, the icon is hidden from assistive tech (treated as decorative). |