lucide/docs/guide/installation.md

title

title
Installation

Installation

Web

Implementation of the lucide icon library for web applications.

::: code-group

pnpm add lucide

yarn add lucide

npm install lucide

bun add lucide

:::

For more details, see the documentation.

React

Implementation of the lucide icon library for React applications.

::: code-group

pnpm add lucide-react

yarn add lucide-react

npm install lucide-react

bun add lucide-react

:::

For more details, see the documentation. For React Native use the lucide-react-native package.

Vue

Implementation of the lucide icon library for Vue applications.

::: code-group

pnpm add @lucide/vue

yarn add @lucide/vue

npm install @lucide/vue

bun add @lucide/vue

:::

For more details, see the documentation.

Svelte

Implementation of the lucide icon library for Svelte applications.

::: code-group

pnpm add @lucide/svelte

yarn add @lucide/svelte

npm install @lucide/svelte

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.

Solid

Implementation of the lucide icon library for Solid applications.

::: code-group

pnpm add lucide-solid

yarn add lucide-solid

npm install lucide-solid

bun add lucide-solid

:::

For more details, see the documentation.

Angular

Implementation of the lucide icon library for Angular applications.

::: code-group

pnpm add lucide-angular

yarn add lucide-angular

npm install lucide-angular

bun add lucide-angular

:::

For more details, see the documentation.

Preact

Implementation of the lucide icon library for preact applications.

::: code-group

pnpm add lucide-preact

yarn add lucide-preact

npm install lucide-preact

bun add lucide-preact

:::

For more details, see the documentation.

Astro

Implementation of the lucide icon library for Astro applications.

::: code-group

pnpm add @lucide/astro

yarn add @lucide/astro

npm install @lucide/astro

bun add @lucide/astro

:::

For more details, see the documentation.

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

pnpm add lucide-static

yarn add lucide-static

npm install lucide-static

bun add lucide-static

:::

For more details, see the documentation.

Figma

The lucide figma plugin.

Visit Figma community page to install the plugin.

Flutter

Implementation of Lucide icon library for Flutter applications.

flutter pub add lucide_icons

For more details, see the pub.dev.