mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-19 02:19:22 +01:00
82db590192
* General improvements in documentation * fix typo * Update lucide-angular.md * Fix build * remove duplicated key --------- Co-authored-by: Karsa <contact@karsa.org>
200 lines
3.0 KiB
Markdown
200 lines
3.0 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
|
|
```
|
|
|
|
:::
|
|
|
|
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
|
|
```
|
|
|
|
:::
|
|
|
|
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
|
|
```
|
|
|
|
:::
|
|
|
|
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
|
|
```
|
|
|
|
:::
|
|
|
|
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
|
|
```
|
|
|
|
:::
|
|
|
|
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
|
|
```
|
|
|
|
:::
|
|
|
|
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
|
|
```
|
|
|
|
:::
|
|
|
|
## 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
|
|
```
|
|
|
|
:::
|
|
|
|
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).
|