mirror of
https://github.com/lucide-icons/lucide.git
synced 2026-11-12 13:38:32 +00:00
Bhav Beri
4d44278d3e
* Clarify package usage for Svelte 4 and 5 @lucide/svelte is specified for Svelte 5, with a note for Svelte 4 users to use lucide-svelte instead. * Add message in lucide-svelte README as well * Update the docs installation page to match the svelte docs page
262 lines
3.7 KiB
Markdown
262 lines
3.7 KiB
Markdown
---
|
|
title: Installation
|
|
---
|
|
|
|
# Installation
|
|
|
|
## Web
|
|
|
|
Implementation of the lucide icon library for web applications.
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm add 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 add 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 add 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 add @lucide/svelte
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add @lucide/svelte
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install @lucide/svelte
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add @lucide/svelte
|
|
```
|
|
|
|
:::
|
|
> `@lucide/svelte` is only for Svelte 5, for Svelte 4 use the `lucide-svelte` package.
|
|
|
|
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 add 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 add 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 add lucide-preact
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add lucide-preact
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install lucide-preact
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add lucide-preact
|
|
```
|
|
|
|
|
|
:::
|
|
|
|
For more details, see the [documentation](packages/lucide-preact.md).
|
|
|
|
## Astro
|
|
|
|
Implementation of the lucide icon library for Astro applications.
|
|
|
|
::: code-group
|
|
|
|
```sh [pnpm]
|
|
pnpm add @lucide/astro
|
|
```
|
|
|
|
```sh [yarn]
|
|
yarn add @lucide/astro
|
|
```
|
|
|
|
```sh [npm]
|
|
npm install @lucide/astro
|
|
```
|
|
|
|
```sh [bun]
|
|
bun add @lucide/astro
|
|
```
|
|
|
|
:::
|
|
|
|
For more details, see the [documentation](packages/lucide-astro.md).
|
|
|
|
## 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 add 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).
|