Lucide Icon Component

A simple, type-safe React component for displaying Lucide icons with autocomplete functionality.

Installation

npm i lucide-icon-component

Usage

import Icon from 'lucide-icon-component';

<Icon icon="user-check" size={24} />;

Autocomplete

The icon prop is type-safe, so you can use autocomplete to see all available icons.

Props

• icon (string): Specifies the name of the Lucide icon (type-safe).
• size (number): Optional. Specifies the size of the icon in pixels. The default value is 18.
• className (string): Optional. Specifies the class name of the icon.
• strokeWidth (number): Optional. Specifies the stroke width of the icon. The default value is 2.

Types

• LucideIconNames: A union type of all Lucide icon names which can be used to specify the icon prop.

icon: LucideIconNames;