Lucide

https://lucide.dev/
Admin
Lucide is a beautiful, open-source icon library featuring over 1700 lightweight, scalable SVG icons...
Tokens:80,699
Snippets:973
Trust Score:9.6
Update:2 weeks ago
Show doc for...
Tokens:
Raw
### Install lucide-preact with deno

Source: https://lucide.dev/guide/installation

Install the Lucide Preact package for Preact applications using deno.

```sh
deno add lucide-preact
```

--------------------------------

### Install lucide-solid with deno

Source: https://lucide.dev/guide/installation

Install the Lucide Solid package for Solid applications using deno.

```sh
deno add lucide-solid
```

--------------------------------

### Install lucide-preact with bun

Source: https://lucide.dev/guide/installation

Install the Lucide Preact package for Preact applications using bun.

```sh
bun add lucide-preact
```

--------------------------------

### Install @lucide/astro with bun

Source: https://lucide.dev/guide/installation

Install the Lucide Astro package for Astro applications using bun.

```sh
bun add @lucide/astro
```

--------------------------------

### Install @lucide/astro with deno

Source: https://lucide.dev/guide/installation

Install the Lucide Astro package for Astro applications using deno.

```sh
deno add @lucide/astro
```

--------------------------------

### Install lucide-solid with bun

Source: https://lucide.dev/guide/installation

Install the Lucide Solid package for Solid applications using bun.

```sh
bun add lucide-solid
```

--------------------------------

### Install @lucide/svelte with pnpm

Source: https://lucide.dev/guide/svelte/getting-started

Install the Lucide Svelte package using pnpm.

```sh
pnpm install @lucide/svelte
```

--------------------------------

### Install lucide-react with bun

Source: https://lucide.dev/guide/installation

Install the Lucide React package for React applications using bun.

```sh
bun add lucide-react
```

--------------------------------

### Install lucide-solid with npm

Source: https://lucide.dev/guide/installation

Install the Lucide Solid package for Solid applications using npm.

```sh
npm install lucide-solid
```

--------------------------------

### Install lucide-react with deno

Source: https://lucide.dev/guide/installation

Install the Lucide React package for React applications using deno.

```sh
deno add lucide-react
```

--------------------------------

### Install @lucide/astro with npm

Source: https://lucide.dev/guide/installation

Install the Lucide Astro package for Astro applications using npm.

```sh
npm install @lucide/astro
```

--------------------------------

### Install Lucide for Web with deno

Source: https://lucide.dev/guide/installation

Install the core Lucide package for web applications using deno.

```sh
deno add lucide
```

--------------------------------

### Install lucide-preact with yarn

Source: https://lucide.dev/guide/installation

Install the Lucide Preact package for Preact applications using yarn.

```sh
yarn add lucide-preact
```

--------------------------------

### Install @lucide/vue with bun

Source: https://lucide.dev/guide/installation

Install the Lucide Vue package for Vue applications using bun.

```sh
bun add @lucide/vue
```

--------------------------------

### Install lucide-preact with pnpm

Source: https://lucide.dev/guide/installation

Install the Lucide Preact package for Preact applications using pnpm.

```sh
pnpm add lucide-preact
```

--------------------------------

### Install Lucide for Web with bun

Source: https://lucide.dev/guide/installation

Install the core Lucide package for web applications using bun.

```sh
bun add lucide
```

--------------------------------

### Install lucide-solid with yarn

Source: https://lucide.dev/guide/installation

Install the Lucide Solid package for Solid applications using yarn.

```sh
yarn add lucide-solid
```

--------------------------------

### Install lucide-solid with pnpm

Source: https://lucide.dev/guide/installation

Install the Lucide Solid package for Solid applications using pnpm.

```sh
pnpm add lucide-solid
```

--------------------------------

### Install @lucide/astro with pnpm

Source: https://lucide.dev/guide/installation

Install the Lucide Astro package for Astro applications using pnpm.

```sh
pnpm add @lucide/astro
```

--------------------------------

### Install dependencies with pnpm install

Source: https://lucide.dev/contribute

Install all dependencies for the Lucide monorepo, including workspace packages, after cloning the project. Requires Node.js 16.4+ and PNPM.

```sh
pnpm install # Install dependencies, including the workspace packages
```

--------------------------------

### Install lucide-preact with npm

Source: https://lucide.dev/guide/installation

Install the Lucide Preact package for Preact applications using npm.

```sh
npm install lucide-preact
```

--------------------------------

### Install @lucide/astro with yarn

Source: https://lucide.dev/guide/installation

Install the Lucide Astro package for Astro applications using yarn.

```sh
yarn add @lucide/astro
```

--------------------------------

### Install lucide-react with npm

Source: https://lucide.dev/guide/installation

Install the Lucide React package for React applications using npm.

```sh
npm install lucide-react
```

--------------------------------

### Install lucide-react with yarn

Source: https://lucide.dev/guide/installation

Install the Lucide React package for React applications using yarn.

```sh
yarn add lucide-react
```

--------------------------------

### Install @lucide/vue with deno

Source: https://lucide.dev/guide/installation

Install the Lucide Vue package for Vue applications using deno.

```sh
deno add @lucide/vue
```

--------------------------------

### Install lucide-static with bun

Source: https://lucide.dev/guide/installation

Install the Lucide static package for static usage (SVG files, SVG Sprite, Icon Fonts, static SVG strings) using bun.

```sh
bun add lucide-static
```

--------------------------------

### Install Lucide for Web with npm

Source: https://lucide.dev/guide/installation

Install the core Lucide package for web applications using npm.

```sh
npm install lucide
```

--------------------------------

### Install lucide-react with pnpm

Source: https://lucide.dev/guide/installation

Install the Lucide React package for React applications using pnpm.

```sh
pnpm add lucide-react
```

--------------------------------

### Install @lucide/angular with deno

Source: https://lucide.dev/guide/installation

Install the Lucide Angular package for Angular applications using deno.

```sh
deno add @lucide/angular
```

--------------------------------

### Install lucide-static with pnpm, yarn, npm, or bun

Source: https://lucide.dev/guide/static/getting-started

Install the lucide-static package using your preferred package manager. Choose the command that matches your environment.

```sh
pnpm add lucide-static
```

```sh
yarn add lucide-static
```

```sh
npm install lucide-static
```

```sh
bun add lucide-static
```

--------------------------------

### Install lucide-static with deno

Source: https://lucide.dev/guide/installation

Install the Lucide static package for static usage (SVG files, SVG Sprite, Icon Fonts, static SVG strings) using deno.

```sh
deno add lucide-static
```

--------------------------------

### Install Lucide for Web with yarn

Source: https://lucide.dev/guide/installation

Install the core Lucide package for web applications using yarn.

```sh
yarn add lucide
```

--------------------------------

### Install @lucide/vue with npm

Source: https://lucide.dev/guide/installation

Install the Lucide Vue package for Vue applications using npm.

```sh
npm install @lucide/vue
```

--------------------------------

### Install @lucide/svelte with deno

Source: https://lucide.dev/guide/installation

Install the Lucide Svelte package for Svelte 5 applications using deno. For Svelte 4, use the lucide-svelte package.

```sh
deno add @lucide/svelte
```

--------------------------------

### Install @lucide/svelte with bun

Source: https://lucide.dev/guide/installation

Install the Lucide Svelte package for Svelte 5 applications using bun. For Svelte 4, use the lucide-svelte package.

```sh
bun add @lucide/svelte
```

--------------------------------

### Install Lucide for Web with pnpm

Source: https://lucide.dev/guide/installation

Install the core Lucide package for web applications using pnpm.

```sh
pnpm add lucide
```

--------------------------------

### Install Lucide with pnpm, yarn, npm, or bun

Source: https://lucide.dev/guide/lucide/getting-started

Install Lucide using your preferred package manager. Choose one command based on your environment.

```sh
pnpm add lucide
```

```sh
yarn add lucide
```

```sh
npm install lucide
```

```sh
bun add lucide
```

--------------------------------

### Install @lucide/vue with pnpm

Source: https://lucide.dev/guide/installation

Install the Lucide Vue package for Vue applications using pnpm.

```sh
pnpm add @lucide/vue
```

--------------------------------

### Install @lucide/vue with yarn

Source: https://lucide.dev/guide/installation

Install the Lucide Vue package for Vue applications using yarn.

```sh
yarn add @lucide/vue
```

--------------------------------

### Install @lucide/angular with bun

Source: https://lucide.dev/guide/angular/getting-started

Install the Lucide Angular package using bun. Requires Angular 17+.

```sh
bun add @lucide/angular
```

--------------------------------

### Install lucide-static with npm

Source: https://lucide.dev/guide/installation

Install the Lucide static package for static usage (SVG files, SVG Sprite, Icon Fonts, static SVG strings) using npm.

```sh
npm install lucide-static
```

--------------------------------

### Install @lucide/astro with pnpm, yarn, npm, or bun

Source: https://lucide.dev/guide/astro/getting-started

Install the @lucide/astro package using your preferred package manager. The code group shows the commands for pnpm, yarn, npm, and bun.

```sh
pnpm add @lucide/astro
```

```sh
yarn add @lucide/astro
```

```sh
npm install @lucide/astro
```

```sh
bun add @lucide/astro
```

--------------------------------

### Install lucide-static with yarn

Source: https://lucide.dev/guide/installation

Install the Lucide static package for static usage (SVG files, SVG Sprite, Icon Fonts, static SVG strings) using yarn.

```sh
yarn add lucide-static
```

--------------------------------

### Install @lucide/svelte with npm

Source: https://lucide.dev/guide/installation

Install the Lucide Svelte package for Svelte 5 applications using npm. For Svelte 4, use the lucide-svelte package.

```sh
npm install @lucide/svelte
```

--------------------------------

### Install @lucide/svelte with pnpm

Source: https://lucide.dev/guide/installation

Install the Lucide Svelte package for Svelte 5 applications using pnpm. For Svelte 4, use the lucide-svelte package.

```sh
pnpm add @lucide/svelte
```

--------------------------------

### Install @lucide/icons with pnpm, yarn, npm, or bun

Source: https://lucide.dev/guide/icons

Install the @lucide/icons package using your preferred package manager. The package exports icon data and utilities for dynamic importing, without rendering logic.

```sh
pnpm add @lucide/icons
```

```sh
yarn add @lucide/icons
```

```sh
npm install @lucide/icons
```

```sh
bun add @lucide/icons
```

--------------------------------

### Install lucide-static with pnpm

Source: https://lucide.dev/guide/installation

Install the Lucide static package for static usage (SVG files, SVG Sprite, Icon Fonts, static SVG strings) using pnpm.

```sh
pnpm add lucide-static
```

--------------------------------

### Import ArrowRight icon individually

Source: https://lucide.dev/guide/react-native/advanced/optimizations

Example of importing the ArrowRight icon from its kebab-case module path.

```jsx
import ArrowRight from 'lucide-react-native/icons/arrow-right';
```

--------------------------------

### Install lucide-react-native with pnpm, yarn, npm, or bun

Source: https://lucide.dev/guide/react-native/getting-started

Install the lucide-react-native package using your preferred package manager. Requires react-native-svg version between 12 and 15 to be installed first.

```sh
pnpm add lucide-react-native
```

```sh
yarn add lucide-react-native
```

```sh
npm install lucide-react-native
```

```sh
bun add lucide-react-native
```

--------------------------------

### Navigate to docs directory

Source: https://lucide.dev/contribute

Command to change into the docs directory before starting the local development server.

```sh
cd docs
```

--------------------------------

### Start local docs development server

Source: https://lucide.dev/contribute

Runs the VitePress development server for the docs website. The server will be available at http://localhost:3000/.

```sh
  pnpm run docs:dev
```

--------------------------------

### Build a package with pnpm [package-name] build

Source: https://lucide.dev/contribute

Build a specific package. The build script cleans the dist directory, generates icon files and types files, and transpiles code for each build format. Replace [package-name] with the actual package name, e.g., lucide-react.

```sh
pnpm [package-name] build

#example:

pnpm lucide-react build
```

--------------------------------

### Install @lucide/angular with npm

Source: https://lucide.dev/guide/angular/getting-started

Install the Lucide Angular package using npm. Requires Angular 17+.

```sh
npm install @lucide/angular
```

--------------------------------

### Install @lucide/angular with yarn

Source: https://lucide.dev/guide/angular/getting-started

Install the Lucide Angular package using yarn. Requires Angular 17+.

```sh
yarn add @lucide/angular
```

--------------------------------

### Install @lucide/angular with pnpm

Source: https://lucide.dev/guide/angular/getting-started

Install the Lucide Angular package using pnpm. Requires Angular 17+.

```sh
pnpm add @lucide/angular
```

--------------------------------

### Link lucide-react package locally with npm link

Source: https://lucide.dev/contribute

Link the built lucide-react package to a local project for testing. First build and link the package in packages/lucide-react, then link it in your local project. Requires the package to be built first.

```sh
# in packages/lucide-react

npm run build &&
npm link

# in your local project

npm link lucide-react
```

--------------------------------

### Install @lucide/svelte with yarn

Source: https://lucide.dev/guide/installation

Install the Lucide Svelte package for Svelte 5 applications using yarn. For Svelte 4, use the lucide-svelte package.

```sh
yarn add @lucide/svelte
```
Tokens:
Raw