[TOC] > [home](https://lucide.dev/guide/packages/lucide-react) ## 概述 **Lucide React** 是一个用于 React 应用程序的图标库，它提供了一组高质量的、可定制的图标，旨在作为图形界面中的图标组件。Lucide 是一个开源的图标集，基于流行的 **Feather Icons** 图标集，提供了简洁、现代、易于使用的图标，可以轻松集成到 Web 应用中。 ### 特点 1. **开源**：Lucide 是开源的，可以自由使用和修改。它在 GitHub 上维护，用户可以根据需要贡献代码或者自定义图标集。 2. **React 组件**：Lucide React 提供了一组 React 组件，方便在 React 应用中直接使用这些图标，而无需直接操作 SVG 或图片文件。 3. **高质量的图标**：Lucide 提供了清晰、简洁的图标，符合现代设计理念，适合用于 UI 和交互设计。 4. **自定义支持**：图标可以根据需求自定义大小、颜色、样式等，支持通过 props 进行配置。 5. **与 Feather Icons 兼容**：Lucide 是 Feather Icons 的一个分支，因此它保留了 Feather 图标的简洁风格和高质量特点。 ## 安装 ``` pnpm install lucide-react ``` ## 示例 ``` import { Camera } from 'lucide-react'; // Usage const App = () => { return <Camera color="red" size={48} />; }; export default App; ```