svelte-lucide/README.md

Lucide SVG icon components for Svelte

# Svelte Lucide

<div class="flex gap-2 my-8">
<a href="https://github.com/sponsors/shinokada" target="_blank"><img src="https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86" alt="sponsor"></a>
<a href="https://www.npmjs.com/package/svelte-lucide" rel="nofollow" target="_blank"><img src="https://img.shields.io/npm/v/svelte-lucide" alt="npm"></a>
<a href="https://www.npmjs.com/package/svelte-lucide" rel="nofollow" target="_blank"><img src="https://img.shields.io/npm/v/svelte-lucide/v1-latest" alt="npm"></a>
<a href="https://twitter.com/shinokada" rel="nofollow" target="_blank"><img src="https://img.shields.io/badge/created%20by-@shinokada-4BBAAB.svg" alt="Created by Shin Okada"></a>
<a href="https://opensource.org/licenses/MIT" rel="nofollow" target="_blank"><img src="https://img.shields.io/github/license/shinokada/svelte-lucide" alt="License"></a>
<a href="https://www.npmjs.com/package/svelte-lucide" rel="nofollow" target="_blank"><img src="https://img.shields.io/npm/dw/svelte-lucide.svg" alt="npm"></a>
</div>

1530+ [Lucide-icons](https://github.com/lucide-icons/lucide) for Svelte.

## Docs

See the [Svelte Lucide documentation](https://svelte-lucide.codewithshin.com/) to learn more.

## Icons

[Icon names](https://svelte-lucide.codewithshin.com/icons)

## Repo

[GitHub Repo](https://github.com/shinokada/svelte-lucide)

## Installation

### Svelte 5 or later

```sh
pnpm i -D svelte-lucide
```

### Svelte 4/5

```sh
pnpm i -D svelte-lucide@v1-latest
```

## Original source

[lucide-icons/lucide](https://github.com/lucide-icons/lucide)

## License

[Svelte-Lucide License](https://github.com/shinokada/svelte-lucide/blob/main/LICENSE)

[lucide-icons/lucide LICENSE](https://github.com/lucide-icons/lucide/blob/main/LICENSE)

## Other icons

[Svelte-Icon-Sets](https://svelte-svg-icons.codewithshin.com/)