Icon

Icons render any lucide icon by name. Pass the icon name in kebab-case and it resolves at render time.

Basic Usage

Three size variants control the icon dimensions.

Icons work inline alongside text and other components.

str

required

Lucide icon name in kebab-case (e.g., "arrow-right", "circle-alert"). Can be passed as a positional argument. Browse icons at lucide.dev/icons.

str

default:"default"

Icon size: "sm", "default", "lg".

str | None

default:"None"

Additional Tailwind CSS classes.

Icon

{
  "type": "Icon",
  "id?": "string",
  "onMount?": "any",
  "name": "string (required)",
  "size?": "sm | default | lg",
  "cssClass?": "string"
}

For the complete protocol schema, see Icon.

⌘I