heroiconsvelte
v1.0.2
Published
<p align="center"> <a href="https://heroicons.com/#gh-light-mode-only" target="_blank"> <img src="https://raw.githubusercontent.com/tailwindlabs/heroicons/master/.github/logo-light.svg" alt="Heroicons" width="300"> </a> <a href="https://heroicon
Downloads
30
Readme
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.