Installation

Web

Implementation of the Lucide icon library for web applications.

pnpm

pnpm add lucide

yarn

yarn add lucide

npm

npm install lucide

bun

bun add lucide

deno

deno add lucide

For more details, see the documentation.

React

Implementation of the Lucide icon library for React applications.

pnpm

pnpm add lucide-react

yarn

yarn add lucide-react

npm

npm install lucide-react

bun

bun add lucide-react

deno

deno 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.

pnpm

pnpm add @lucide/vue

yarn

yarn add @lucide/vue

npm

npm install @lucide/vue

bun

bun add @lucide/vue

deno

deno add @lucide/vue

For more details, see the documentation.

Svelte

Implementation of the Lucide icon library for Svelte applications.

pnpm

pnpm add @lucide/svelte

yarn

yarn add @lucide/svelte

npm

npm install @lucide/svelte

bun

bun add @lucide/svelte

deno

deno 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.

pnpm

pnpm add lucide-solid

yarn

yarn add lucide-solid

npm

npm install lucide-solid

bun

bun add lucide-solid

deno

deno add lucide-solid

For more details, see the documentation.

Angular

Implementation of the Lucide icon library for Angular applications.

pnpm

pnpm add @lucide/angular

yarn

yarn add @lucide/angular

npm

npm install @lucide/angular

bun

bun add @lucide/angular

deno

deno add @lucide/angular

For more details, see the documentation.

Preact

Implementation of the Lucide icon library for preact applications.

pnpm

pnpm add lucide-preact

yarn

yarn add lucide-preact

npm

npm install lucide-preact

bun

bun add lucide-preact

deno

deno add lucide-preact

For more details, see the documentation.

Astro

Implementation of the Lucide icon library for Astro applications.

pnpm

pnpm add @lucide/astro

yarn

yarn add @lucide/astro

npm

npm install @lucide/astro

bun

bun add @lucide/astro

deno

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

pnpm

pnpm add lucide-static

yarn

yarn add lucide-static

npm

npm install lucide-static

bun

bun add lucide-static

deno

deno add lucide-static

For more details, see the documentation.

Figma

The Lucide Figma plugin.

Visit Figma community page to install the plugin.