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

​
Basic Usage

​
Sizes

Three size variants control the icon dimensions.

​
In Context

Icons work inline alongside text and other components.

​
API Reference

Icon Parameters

​
name
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.
​
size
str
default:"default"
Icon size: "sm", "default", "lg".
​
css_class
str | None
default:"None"
Additional Tailwind CSS classes.

​
Protocol Reference

Icon
{
  "type": "Icon",
  "name": "string (required)",
  "size?": "sm | default | lg",
  "cssClass?": "string"
}
For the complete protocol schema, see Icon.