@iksaku/heroicons-astro

Heroicons for Astro

This is a build of the Heroicons icon set for Astro.

Installation

# npm
npm install @iksaku/heroicons-astro
# yarn
yarn add @iksaku/heroicons-astro
# pnpm
pnpm add @iksaku/heroicons-astro

Usage

Similarly to the official Vue and React packages, you can import individual icons as components using the /<size>/<style> path style:

---
import { BeakerIcon } from '@iksaku/heroicons-astro/24/solid'
---

<BeakerIcon class="h-6 w-6 text-blue-500" />