Icon

The Icon component renders scalable vector icons. It supports any icon name from the Lucide Icon library.

Usage

<Icon name="home" size={24} color="#666" />

name

string

required

The name of the Lucide icon to render (kebab-case).

size

number

default:"24"

Size of the icon in pixels.

color

string

Color of the icon. Inherits from parent text color if not specified.

<Row gap="md">
  <Icon name="user" />
  <Icon name="settings" />
  <Icon name="bell" />
</Row>

<Icon name="heart" color="red" fill="red" />