heroiconsvelte Svelte Themes

Heroiconsvelte

A set of free MIT-licensed high-quality SVG icons for UI development as a Svelte library.

Heroicons Heroicons

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

Browse at Heroicons.com →

Latest Release License

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.

Top categories

Loading Svelte Themes