Appearance
安装
🌐 Installation
Web
在网页应用中实现 Lucide 图标库。
🌐 Implementation of the Lucide icon library for web applications.
sh
pnpm add lucide@nextsh
yarn add lucide@nextsh
npm install lucide@nextsh
bun add lucide@next更多详情，请参见文档。
🌐 For more details, see the documentation.
反应
🌐 React
在 React 应用中实现 Lucide 图标库。
🌐 Implementation of the Lucide icon library for React applications.
sh
pnpm add lucide-react@nextsh
yarn add lucide-react@nextsh
npm install lucide-react@nextsh
bun add lucide-react@next欲了解更多详情，请参阅 文档。 对于 React Native，请使用 lucide-react-native 包。
🌐 For more details, see the documentation. For React Native use the lucide-react-native package.
Vue
在 Vue 应用中实现 Lucide 图标库。
🌐 Implementation of the Lucide icon library for Vue applications.
sh
pnpm add @lucide/vuesh
yarn add @lucide/vuesh
npm install @lucide/vuesh
bun add @lucide/vue更多详情，请参见文档。
🌐 For more details, see the documentation.
Svelte
在 Svelte 应用中实现 Lucide 图标库。
🌐 Implementation of the Lucide icon library for Svelte applications.
sh
pnpm add @lucide/svelte@nextsh
yarn add @lucide/svelte@nextsh
npm install @lucide/svelte@nextsh
bun add @lucide/svelte@next
@lucide/svelteis only for Svelte 5, for Svelte 4 use thelucide-sveltepackage.
更多详情，请参见文档。
🌐 For more details, see the documentation.
实线
🌐 Solid
在 Solid 应用中实现 Lucide 图标库。
🌐 Implementation of the Lucide icon library for Solid applications.
sh
pnpm add lucide-solid@nextsh
yarn add lucide-solid@nextsh
npm install lucide-solid@nextsh
bun add lucide-solid@next更多详情，请参见文档。
🌐 For more details, see the documentation.
角度
🌐 Angular
在 Angular 应用中实现 Lucide 图标库。
🌐 Implementation of the Lucide icon library for Angular applications.
sh
pnpm add @lucide/angularsh
yarn add @lucide/angularsh
npm install @lucide/angularsh
bun add @lucide/angular更多详情，请参见文档。
🌐 For more details, see the documentation.
Preact
在 preact 应用中实现 Lucide 图标库。
🌐 Implementation of the Lucide icon library for preact applications.
sh
pnpm add lucide-preact@nextsh
yarn add lucide-preact@nextsh
npm install lucide-preact@nextsh
bun add lucide-preact@next更多详情，请参见文档。
🌐 For more details, see the documentation.
Astro
在 Astro 应用中实现 Lucide 图标库。
🌐 Implementation of the Lucide icon library for Astro applications.
sh
pnpm add @lucide/astro@nextsh
yarn add @lucide/astro@nextsh
npm install @lucide/astro@nextsh
bun add @lucide/astro@next更多详情，请参见文档。
🌐 For more details, see the documentation.
静态使用
🌐 Static usage
Lucide 图标库的实现，用于多种用途，如使用：SVG 文件图标、SVG 精灵、图标字体以及在 Common JS 模块（用于 NodeJS）中导出静态 SVG 字符串。
🌐 Implementation of the Lucide icon library for multiple usages that like to use: SVG files icons, SVG Sprite, Icon Fonts and static SVG strings export in Common JS modules (for NodeJS).
sh
pnpm add lucide-static@nextsh
yarn add lucide-static@nextsh
npm install lucide-static@nextsh
bun add lucide-static@next更多详情，请参见文档。
🌐 For more details, see the documentation.
Figma
Lucide Figma 插件。
🌐 The Lucide Figma plugin.
访问 Figma 社区页面 安装插件。
🌐 Visit Figma community page to install the plugin.