docs(svelte): clarify Svelte 4 vs Svelte 5 Lucide packages (#4107)

* Clarify package usage for Svelte 4 and 5

@lucide/svelte is specified for Svelte 5, with a note for Svelte 4 users to use lucide-svelte instead.

* Add message in lucide-svelte README as well

* Update the docs installation page to match the svelte docs page
This commit is contained in:
Bhav Beri
2026-03-12 18:06:55 +05:30
committed by GitHub
parent e2d1445f5b
commit 4d44278d3e
3 changed files with 7 additions and 4 deletions

View File

@@ -91,22 +91,23 @@ Implementation of the lucide icon library for Svelte applications.
::: code-group
```sh [pnpm]
pnpm add lucide-svelte
pnpm add @lucide/svelte
```
```sh [yarn]
yarn add lucide-svelte
yarn add @lucide/svelte
```
```sh [npm]
npm install lucide-svelte
npm install @lucide/svelte
```
```sh [bun]
bun add 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](packages/lucide-svelte.md).

View File

@@ -46,6 +46,7 @@ yarn add lucide-svelte
```sh
bun add lucide-svelte
```
> For Svelte 5, check out [`@lucide/svelte`](https://www.npmjs.com/package/@lucide/svelte) package.
## Documentation

View File

@@ -46,6 +46,7 @@ yarn add @lucide/svelte
```sh
bun add @lucide/svelte
```
> `@lucide/svelte` is only for Svelte 5, for Svelte 4 use the [`lucide-svelte`](https://www.npmjs.com/package/lucide-svelte) package.
## Documentation