@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