安装

🌐 Installation

Web

在网页应用中实现 Lucide 图标库。

🌐 Implementation of the Lucide icon library for web applications.

pnpm

pnpm add lucide

yarn

yarn add lucide

npm

npm install lucide

bun

bun add lucide

deno

deno add lucide

更多详情，请参见文档。

🌐 For more details, see the documentation.

反应

🌐 React

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

🌐 Implementation of the Lucide icon library for React applications.

pnpm

pnpm add lucide-react

yarn

yarn add lucide-react

npm

npm install lucide-react

bun

bun add lucide-react

deno

deno add lucide-react

欲了解更多详情，请参阅 文档。 对于 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.

pnpm

pnpm add @lucide/vue

yarn

yarn add @lucide/vue

npm

npm install @lucide/vue

bun

bun add @lucide/vue

deno

deno add @lucide/vue

更多详情，请参见文档。

🌐 For more details, see the documentation.

Svelte

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

🌐 Implementation of the Lucide icon library for Svelte applications.

pnpm

pnpm add @lucide/svelte

yarn

yarn add @lucide/svelte

npm

npm install @lucide/svelte

bun

bun add @lucide/svelte

deno

deno add @lucide/svelte

@lucide/svelte is only for Svelte 5, for Svelte 4 use the lucide-svelte package.

更多详情，请参见文档。

🌐 For more details, see the documentation.

实线

🌐 Solid

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

🌐 Implementation of the Lucide icon library for Solid applications.

pnpm

pnpm add lucide-solid

yarn

yarn add lucide-solid

npm

npm install lucide-solid

bun

bun add lucide-solid

deno

deno add lucide-solid

更多详情，请参见文档。

🌐 For more details, see the documentation.

角度

🌐 Angular

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

🌐 Implementation of the Lucide icon library for Angular applications.

pnpm

pnpm add @lucide/angular

yarn

yarn add @lucide/angular

npm

npm install @lucide/angular

bun

bun add @lucide/angular

deno

deno add @lucide/angular

更多详情，请参见文档。

🌐 For more details, see the documentation.

Preact

在 preact 应用中实现 Lucide 图标库。

🌐 Implementation of the Lucide icon library for preact applications.

pnpm

pnpm add lucide-preact

yarn

yarn add lucide-preact

npm

npm install lucide-preact

bun

bun add lucide-preact

deno

deno add lucide-preact

更多详情，请参见文档。

🌐 For more details, see the documentation.

Astro

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

🌐 Implementation of the Lucide icon library for Astro applications.

pnpm

pnpm add @lucide/astro

yarn

yarn add @lucide/astro

npm

npm install @lucide/astro

bun

bun add @lucide/astro

deno

deno add @lucide/astro

更多详情，请参见文档。

🌐 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).

pnpm

pnpm add lucide-static

yarn

yarn add lucide-static

npm

npm install lucide-static

bun

bun add lucide-static

deno

deno add lucide-static

更多详情，请参见文档。

🌐 For more details, see the documentation.

Figma

Lucide Figma 插件。

🌐 The Lucide Figma plugin.

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

🌐 Visit Figma community page to install the plugin.