@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 |

License

MIT