heroiconsvelte

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Available as Svelte library.

Browse at Heroicons.com →

Usage

First, install heroiconsvelte from npm:

npm install heroiconsvelte

Now each icon can be imported individually as a React component:

<script>
	import { BeakerIcon } from 'heroiconsvelte/24/solid';
</script>

<BeakerIcon class="h-6 w-6 text-blue-500" />

The 24x24 outline icons can be imported from heroiconsvelte/24/outline, the 24x24 solid icons can be imported from heroiconsvelte/24/solid, and the 20x20 solid icons can be imported from heroiconsvelte/20/solid.

Icons use an upper camel case naming convention and are always suffixed with the word Icon.

Browse the full list of icon names on UNPKG →

License

This library is MIT licensed.