heroicons-svelte

Unofficial Svelte components for Heroicons. It follows the same API as the official React components.

Usage no npm install needed!

<script type="module">
  import heroiconsSvelte from 'https://cdn.skypack.dev/heroicons-svelte';
</script>

README

heroicons-svelte

Unofficial Svelte components for Heroicons. It follows the same API as the official React components.

Usage

npm install heroicons-svelte

import { HomeIcon } from 'heroicons-svelte/solid'
import { HomeIcon } from 'heroicons-svelte/outline'

// alternatively
import HomeIcon from 'heroicons-svelte/solid/HomeIcon.svelte'
import HomeIcon from 'heroicons-svelte/outline/HomeIcon.svelte'

SvelteKit

If you are using this with SvelteKit, make sure you install as a regular dependency and not a devDependency.