Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Available as Svelte library.
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 →
This library is MIT licensed.