Vue Heroicons

A simple component for loading Heroicons by Adam Wathan and Steve Schoger.

Check out https://heroicons.com for a full library.

Installation

npm install vue-heroicon-next -D

Usage

<template>
  <div>
    <Icon name="annotation" solid class="w-6 h-6" />
    <Icon name="annotation" outline class="w-6 h-6" />
  </div>
</template>

<script setup>
import Icon from 'vue-heroicon-next'

export default {
  components: { Icon }
}
</script>