Skip to main content

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

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" />

Props

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.

Examples

Basic Icons

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

Colored Icons

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