Files
lucide/docs/guide/installation.md
Happydev 9fa525e8c6 feat(@lucide/astro): add lucide package for Astro (#2665)
* feat(lucide-astro): initial commit

* test: add test suite

* fix module resolution issue

* chore: update lock file

* chore: update lock file

* chore: fix precommit hook failing

* sync icons generated by precommit hook

* remove useless tab in template

* style: add space for readability

* docs: add bun installation instructions

* fix `clean` script

* fix testing setup

* remove unnecessary `key` props in Astro icons

* fix jest matchers types and undefined behavior

* chore: update lock file

* setup prettier for formatting Astro files

* remove mistakenly added prop from the `Icon` component

* docs: add documentation for new Astro package

* fix incorrect types in `Icon` component

* refactor: use `stroke-width` over `strokeWidth`

* fix unexpected module resolution behavior

* remove hack in test types

* remove review marker

* docs: progress on documentation of lucide-astro

* chore: remove unnecessary .gitignore

* docs: add sidebar entry

* edit package description

* fix uneven icon heights in homepage packages list

* docs: add package to readme table

* add workflows for lucide-astro package

* docs: add package-logos

* use the appropriate Astro logo in light and dark mode

* Remove inadvertently added class

* Update snapshots to reflect removed class `lucide-icon`

* remove dependency on internal `@lucide/shared` package

* fix: revert changes

* revert grid-2x2-x.json

* revert grid-2x2-check.json

* revert picture-in-picture svg

* add package in labeler workflow

* add previously uncommited utils.ts file

* fix dom type errors

* up one major from legacy package

* add package to issue and feature request templates

* docs: add acknowledgement of Aviortheking as original creator of the package

* format

* optimization: more lightweight component footprint

* refactor: simplify removal of `data-astro-source` debugging attributes

* format

* style: fix linting error once again 😠

* wip: rename package to `@lucide/astro`

* remove acknowledgment of `lucide-astro`

* fix error caused by change in build tooling

* chore: upgrade dependencies

* chore: rename lucide-astro folder

* further renaming

* use correct package name in key

* more renaming

* chore: update lock file

* apply review suggestions (#1)

set correct path for package in actions

* apply suggestions from code review (#2)

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

* apply @dotspencer's review

resolve correct link to package docs page and github source

* Format files

---------

Co-authored-by: realguse <realguse@icloud.com>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2025-03-31 16:20:33 +02:00

3.6 KiB

title
title
Installation

Installation

Web

Implementation of the lucide icon library for web applications.

::: code-group

pnpm install 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 install 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 install lucide-vue-next
yarn add lucide-vue-next
npm install lucide-vue-next
bun add lucide-vue-next

:::

For more details, see the documentation. For Vue 2 use the lucide-vue package.

Svelte

Implementation of the lucide icon library for Svelte applications.

::: code-group

pnpm install lucide-svelte
yarn add lucide-svelte
npm install lucide-svelte
bun add lucide-svelte

:::

For more details, see the documentation.

Solid

Implementation of the lucide icon library for Solid applications.

::: code-group

pnpm install 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 install 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 install lucide-preact
yarn add lucide-preact
npm install lucide-preact
bun add lucide-preact

:::

Astro

Implementation of the lucide icon library for Astro applications.

::: code-group

pnpm install @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 install 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.

Setting Page Size

Flutter

Implementation of Lucide icon library for Flutter applications.

flutter pub add lucide_icons

For more details, see the pub.dev.