lucide/docs/guide/installation.md

title, description

title	description
Installation	A guide on how to install Lucide, an open-source icon library, for various platforms and frameworks.

Installation

Web

Implementation of the Lucide icon library for web applications.

::: code-group

pnpm add lucide@next

yarn add lucide@next

npm install lucide@next

bun add lucide@next

deno add lucide@next

:::

For more details, see the documentation.

React

Implementation of the Lucide icon library for React applications.

::: code-group

pnpm add lucide-react@next

yarn add lucide-react@next

npm install lucide-react@next

bun add lucide-react@next

deno add lucide-react@next

:::

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

deno 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@next

yarn add @lucide/svelte@next

npm install @lucide/svelte@next

bun add @lucide/svelte@next

deno add @lucide/svelte@next

:::

@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@next

yarn add lucide-solid@next

npm install lucide-solid@next

bun add lucide-solid@next

deno add lucide-solid@next

:::

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

deno 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@next

yarn add lucide-preact@next

npm install lucide-preact@next

bun add lucide-preact@next

deno add lucide-preact@next

:::

For more details, see the documentation.

Astro

Implementation of the Lucide icon library for Astro applications.

::: code-group

pnpm add @lucide/astro@next

yarn add @lucide/astro@next

npm install @lucide/astro@next

bun add @lucide/astro@next

deno add @lucide/astro@next

:::

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@next

yarn add lucide-static@next

npm install lucide-static@next

bun add lucide-static@next

deno add lucide-static@next

:::

For more details, see the documentation.

Figma

The Lucide Figma plugin.

Visit Figma community page to install the plugin.