JSPM

@iksaku/heroicons-astro

0.0.6
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 10
  • Score
    100M100P100Q47788F
  • License MIT

Tailwind Labs' Heroicons as Astro components

Package Exports

  • @iksaku/heroicons-astro/20/solid
  • @iksaku/heroicons-astro/24/outline
  • @iksaku/heroicons-astro/24/solid

Readme

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" />