Lucide React

About Lucide React

Lucide is a community-maintained fork of Feather Icons, offering a comprehensive and consistent set of SVG icons. Lucide React provides easy-to-use React components for these icons, making it simple to integrate them into your projects.

Installation

npm install lucide-react

Usage

Import and use icons as components: `import { HomeIcon } from "lucide-react";`

Example Code

import { HomeIcon, SettingsIcon } from "lucide-react";

function MyComponent() {
  return (
    <div>
      <HomeIcon size={24} />
      <SettingsIcon className="text-blue-500" />
    </div>
  );
}

Tags