Heroicons for Svelte
With npm:
npm i -D @ghostebony/svelte-heroicons
With yarn:
yarn add -D @ghostebony/svelte-heroicons
With pnpm:
pnpm add -D @ghostebony/svelte-heroicons
Outline demo
<script>
// import { AcademicCapIcon } from "@ghostebony/svelte-heroicons/24/outline";
import AcademicCapIcon from "@ghostebony/svelte-heroicons/24/outline/AcademicCap";
</script>
<AcademicCapIcon />Solid demo
<script>
// import { AcademicCapIcon } from "@ghostebony/svelte-heroicons/24/solid";
import AcademicCapIcon from "@ghostebony/svelte-heroicons/24/solid/AcademicCap";
</script>
<AcademicCapIcon />Solid Mini demo
<script>
// import { AcademicCapIcon } from "@ghostebony/svelte-heroicons/20/solid";
import AcademicCapIcon from "@ghostebony/svelte-heroicons/20/solid/AcademicCap";
</script>
<AcademicCapIcon />| Property | Type | Default |
|---|---|---|
| stroke | string |
"currentColor" |
| strokeWidth | number |
1.5 |
| height | number | string |
undefined |
| width | number | string |
undefined |
| Property | Type | Default |
|---|---|---|
| fill | string |
"currentColor" |
| height | number | string |
undefined |
| width | number | string |
undefined |