[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; ```