Skip to content

安装

Web

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

sh
pnpm add lucide
sh
yarn add lucide
sh
npm install lucide
sh
bun add lucide
sh
deno add lucide

更多详情,请参阅 文档

React

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

sh
pnpm add lucide-react
sh
yarn add lucide-react
sh
npm install lucide-react
sh
bun add lucide-react
sh
deno add lucide-react

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

Vue

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

sh
pnpm add @lucide/vue
sh
yarn add @lucide/vue
sh
npm install @lucide/vue
sh
bun add @lucide/vue
sh
deno add @lucide/vue

更多详情,请参阅 文档

Svelte

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

sh
pnpm add @lucide/svelte
sh
yarn add @lucide/svelte
sh
npm install @lucide/svelte
sh
bun add @lucide/svelte
sh
deno add @lucide/svelte

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

更多详情,请参阅 文档

Solid

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

sh
pnpm add lucide-solid
sh
yarn add lucide-solid
sh
npm install lucide-solid
sh
bun add lucide-solid
sh
deno add lucide-solid

更多详情,请参阅 文档

Angular

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

sh
pnpm add @lucide/angular
sh
yarn add @lucide/angular
sh
npm install @lucide/angular
sh
bun add @lucide/angular
sh
deno add @lucide/angular

更多详情,请参阅 文档

Preact

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

sh
pnpm add lucide-preact
sh
yarn add lucide-preact
sh
npm install lucide-preact
sh
bun add lucide-preact
sh
deno add lucide-preact

更多详情,请参阅 文档

Astro

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

sh
pnpm add @lucide/astro
sh
yarn add @lucide/astro
sh
npm install @lucide/astro
sh
bun add @lucide/astro
sh
deno add @lucide/astro

更多详情,请参阅 文档

静态用法

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

sh
pnpm add lucide-static
sh
yarn add lucide-static
sh
npm install lucide-static
sh
bun add lucide-static
sh
deno add lucide-static

更多详情,请参阅 文档

Figma

Lucide Figma 插件。

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

设置页面大小