mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-18 13:37:44 +01:00
232 lines
3.3 KiB
Markdown
232 lines
3.3 KiB
Markdown
---
|
|
title: Installation
|
|
---
|
|
|
|
# Installation
|
|
|
|
## Web
|
|
|
|
Implementation of the lucide icon library for web applications.
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm install lucide
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add lucide
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install lucide
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add lucide
|
|
```
|
|
|
|
:::
|
|
|
|
For more details, see the [documentation](packages/lucide.md).
|
|
|
|
## React
|
|
|
|
Implementation of the lucide icon library for React applications.
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm install lucide-react
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add lucide-react
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install lucide-react
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add lucide-react
|
|
```
|
|
|
|
:::
|
|
|
|
For more details, see the [documentation](packages/lucide-react.md).
|
|
For React Native use the `lucide-react-native` package.
|
|
|
|
## Vue
|
|
|
|
Implementation of the lucide icon library for Vue applications.
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm install lucide-vue-next
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add lucide-vue-next
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install lucide-vue-next
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add lucide-vue-next
|
|
```
|
|
|
|
:::
|
|
|
|
For more details, see the [documentation](packages/lucide-vue-next.md).
|
|
For Vue 2 use the `lucide-vue` package.
|
|
|
|
## Svelte
|
|
|
|
Implementation of the lucide icon library for Svelte applications.
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm install lucide-svelte
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add lucide-svelte
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install lucide-svelte
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add lucide-svelte
|
|
```
|
|
|
|
:::
|
|
|
|
For more details, see the [documentation](packages/lucide-svelte.md).
|
|
|
|
## Solid
|
|
|
|
Implementation of the lucide icon library for Solid applications.
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm install lucide-solid
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add lucide-solid
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install lucide-solid
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add lucide-solid
|
|
```
|
|
|
|
:::
|
|
|
|
For more details, see the [documentation](packages/lucide-solid.md).
|
|
|
|
## Angular
|
|
|
|
Implementation of the lucide icon library for Angular applications.
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm install lucide-angular
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add lucide-angular
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install lucide-angular
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add lucide-angular
|
|
```
|
|
|
|
:::
|
|
|
|
For more details, see the [documentation](packages/lucide-angular.md).
|
|
|
|
## Preact
|
|
|
|
Implementation of the lucide icon library for preact applications.
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm install lucide-preact
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add lucide-preact
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install lucide-preact
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add lucide-preact
|
|
```
|
|
|
|
:::
|
|
|
|
## Static usage
|
|
|
|
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).
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm install lucide-static
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add lucide-static
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install lucide-static
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add lucide-static
|
|
```
|
|
|
|
:::
|
|
|
|
For more details, see the [documentation](packages/lucide-static.md).
|
|
|
|
## Figma
|
|
|
|
The lucide figma plugin.
|
|
|
|
Visit [Figma community page](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons) to install the plugin.
|
|
|
|
|
|
|
|
## Flutter
|
|
|
|
Implementation of Lucide icon library for Flutter applications.
|
|
|
|
```bash
|
|
flutter pub add lucide_icons
|
|
```
|
|
|
|
For more details, see the [pub.dev](https://pub.dev/packages/lucide_icons).
|