@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

Solid

License

MIT