Skip to content

安装

¥Installation

Web

为 Web 应用实现 lucide 图标库。

¥Implementation of the lucide icon library for web applications.

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

更多详细信息,请参阅 documentation

¥For more details, see the documentation.

React

为 React 应用实现 lucide 图标库。

¥Implementation of the lucide icon library for React applications.

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

更多详细信息,请参阅 documentation。对于 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 install lucide-vue-next
sh
yarn add lucide-vue-next
sh
npm install lucide-vue-next
sh
bun add lucide-vue-next

更多详细信息,请参阅 documentation。对于 Vue 2,请使用 lucide-vue 包。

¥For more details, see the documentation. For Vue 2 use the lucide-vue package.

Svelte

为 Svelte 应用实现 lucide 图标库。

¥Implementation of the lucide icon library for Svelte applications.

sh
pnpm install lucide-svelte
sh
yarn add lucide-svelte
sh
npm install lucide-svelte
sh
bun add lucide-svelte

更多详细信息,请参阅 documentation

¥For more details, see the documentation.

实线

¥Solid

为 Solid 应用实现 lucide 图标库。

¥Implementation of the lucide icon library for Solid applications.

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

更多详细信息,请参阅 documentation

¥For more details, see the documentation.

Angular

为 Angular 应用实现 lucide 图标库。

¥Implementation of the lucide icon library for Angular applications.

sh
pnpm install lucide-angular
sh
yarn add lucide-angular
sh
npm install lucide-angular
sh
bun add lucide-angular

更多详细信息,请参阅 documentation

¥For more details, see the documentation.

Preact

为 Preact 应用实现 lucide 图标库。

¥Implementation of the lucide icon library for preact applications.

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

更多详细信息,请参阅 documentation

¥For more details, see the documentation.

Astro

为 Astro 应用实现 lucide 图标库。

¥Implementation of the lucide icon library for Astro applications.

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

更多详细信息,请参阅 documentation

¥For more details, see the documentation.

静态使用

¥Static usage

为多种用途实现 lucide 图标库,例如:SVG 文件图标、SVG 雪碧图、图标字体和静态 SVG 字符串在 Common JS 模块(适用于 NodeJS)中导出。

¥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 install lucide-static
sh
yarn add lucide-static
sh
npm install lucide-static
sh
bun add lucide-static

更多详细信息,请参阅 documentation

¥For more details, see the documentation.

Figma

Lucide figma 插件。

¥The lucide figma plugin.

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

¥Visit Figma community page to install the plugin.

Setting Page Size

Flutter

为 Flutter 应用实现 Lucide 图标库。

¥Implementation of Lucide icon library for Flutter applications.

bash
flutter pub add lucide_icons

更多详细信息,请参阅 pub.dev

¥For more details, see the pub.dev.