Icon
Gen UI 2.0 standardA Lucide icon by kebab-case name (for example "arrow-right"), or an A2UI icon name (for example "arrowBack"). Set label when no text next to the icon says what it means.
One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use Icon. Standard catalog docs
Props
Read from standardUI.manifestComponents in the installed @copilotkit/react-core. In A2UI 1.0 any value may also be a { "@path" } binding into the surface data model or a { "@call" } function call.
| Prop | Type | Required | Description |
|---|---|---|---|
| name | string | { svgPath } | Yes | A Lucide icon name in kebab-case ("arrow-right"), an A2UI icon name ("arrowBack"), or { "svgPath" } on a 24px grid |
| label | string | No | What the icon means, for screen readers. Leave it unset when text next to the icon says the same |
| size | "sm" | "md" | "lg" | "xl" | number | No | Default "md" |
| color | string | No | - |
| inline | boolean | No | Default false |
| strokeWeight | "normal" | "medium" | "semibold" | "bold" | No | The stroke width |
| weight | number | No | flex-grow in a Row or Column |