2.0.6 • Published 22 days ago
@ghostebony/svelte-heroicons v2.0.6
@ghostebony/svelte-heroicons
About
Heroicons for Svelte
Installation
With npm:
npm i -D @ghostebony/svelte-heroicons
With yarn:
yarn add -D @ghostebony/svelte-heroicons
With pnpm:
pnpm add -D @ghostebony/svelte-heroicons
Usage
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 />
Props
Outline
Property | Type | Default |
---|---|---|
stroke | string | "currentColor" |
strokeWidth | number | 1.5 |
height | number \| string | undefined |
width | number \| string | undefined |
Solid
Property | Type | Default |
---|---|---|
fill | string | "currentColor" |
height | number \| string | undefined |
width | number \| string | undefined |