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.