---
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
```

:::

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.

![Setting Page Size](https://www.figma.com/community/plugin/939567362549682242/thumbnail 'Figma Lucide Cover')

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