安装

Web

Lucide 图标库在 Web 应用程序中的实现。

pnpm

pnpm add lucide@next

yarn

yarn add lucide@next

npm

npm install lucide@next

bun

bun add lucide@next

更多详情，请参阅 文档。

React

Lucide 图标库在 React 应用程序中的实现。

pnpm

pnpm add lucide-react@next

yarn

yarn add lucide-react@next

npm

npm install lucide-react@next

bun

bun add lucide-react@next

更多详情，请参阅 文档。 对于 React Native，请使用 lucide-react-native 包。

Vue

Lucide 图标库在 Vue 应用程序中的实现。

pnpm

pnpm add @lucide/vue

yarn

yarn add @lucide/vue

npm

npm install @lucide/vue

bun

bun add @lucide/vue

更多详情，请参阅 文档。

Svelte

Lucide 图标库在 Svelte 应用程序中的实现。

pnpm

pnpm add @lucide/svelte@next

yarn

yarn add @lucide/svelte@next

npm

npm install @lucide/svelte@next

bun

bun add @lucide/svelte@next

@lucide/svelte 仅适用于 Svelte 5，对于 Svelte 4 请使用 lucide-svelte 包。

更多详情，请参阅 文档。

Solid

Lucide 图标库在 Solid 应用程序中的实现。

pnpm

pnpm add lucide-solid@next

yarn

yarn add lucide-solid@next

npm

npm install lucide-solid@next

bun

bun add lucide-solid@next

更多详情，请参阅 文档。

Angular

Lucide 图标库在 Angular 应用程序中的实现。

pnpm

pnpm add @lucide/angular

yarn

yarn add @lucide/angular

npm

npm install @lucide/angular

bun

bun add @lucide/angular

更多详情，请参阅 文档。

Preact

Lucide 图标库在 Preact 应用程序中的实现。

pnpm

pnpm add lucide-preact@next

yarn

yarn add lucide-preact@next

npm

npm install lucide-preact@next

bun

bun add lucide-preact@next

更多详情，请参阅 文档。

Astro

Lucide 图标库在 Astro 应用程序中的实现。

pnpm

pnpm add @lucide/astro@next

yarn

yarn add @lucide/astro@next

npm

npm install @lucide/astro@next

bun

bun add @lucide/astro@next

更多详情，请参阅 文档。

静态用法

Lucide 图标库的实现，适用于多种用法，例如：SVG 文件图标、SVG 精灵图、图标字体以及在 Common JS 模块中导出的静态 SVG 字符串（适用于 NodeJS）。

pnpm

pnpm add lucide-static@next

yarn

yarn add lucide-static@next

npm

npm install lucide-static@next

bun

bun add lucide-static@next

更多详情，请参阅 文档。

Figma

Lucide Figma 插件。

访问 Figma 社区页面 安装插件。