> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lyzn.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Icon

> Displays vector icons from the Lucide library

# Icon

The `Icon` component renders scalable vector icons. It supports any icon name from the [Lucide Icon library](https://lucide.dev/icons).

## Usage

```jsx theme={null}
<Icon name="home" size={24} color="#666" />
```

## Props

<ResponseField name="name" type="string" required>
  The name of the Lucide icon to render (kebab-case).
</ResponseField>

<ResponseField name="size" type="number" default="24">
  Size of the icon in pixels.
</ResponseField>

<ResponseField name="color" type="string">
  Color of the icon. Inherits from parent text color if not specified.
</ResponseField>

## Examples

### Basic Icons

```jsx theme={null}
<Row gap="md">
  <Icon name="user" />
  <Icon name="settings" />
  <Icon name="bell" />
</Row>
```

### Colored Icons

```jsx theme={null}
<Icon name="heart" color="red" fill="red" />
```