适用于 React 的 Lucide

Lucide 提供了一个 React 组件库，用于在应用程序中使用图标。每个图标都可作为独立组件使用，渲染优化后的内联 SVG。

功能列表：

• 易于使用 – 导入图标并直接在 JSX 中使用。
• 可自定义 – 通过 props 调整大小、颜色、描边宽度和其他属性。
• 支持 Tree-shaking – 只有您导入的图标才会包含在最终打包文件中。
• TypeScript 支持 – 完全类型化的组件，提供更好的开发者体验。

概述

开始使用了解如何开始使用 React 版 Lucide。从 v0 迁移了解如何将 Lucide 从 v0 迁移到 v1。从 React Feather 迁移了解如何从 `react-feather` 迁移到 `lucide-react`。

基础

颜色调整图标颜色尺寸调整图标尺寸描边宽度调整图标的描边宽度

高级

TypeScript所有导出类型及其用法无障碍让你的图标更易访问全局样式为所有图标应用全局样式使用 Lucide Lab将 lucide-lab 与 lucide-react 一起使用填充图标在 lucide-react 中使用填充图标别名名称使用别名图标名称组合图标将多个图标组合成一个动态图标组件按需动态导入图标

资源

深入了解无障碍无障碍最佳实践VS CodeVS Code 与 Lucide