vue-heroicons
Free 104 premium heroicons-ui SVG icons for your Vue.js project
Demo
https://vue-heroicons.netlify.com/
Installation
// NPM
npm i vue-heroicons
// Yarn
yarn add vue-heroicons
Usage
main.js
import Vue from 'vue'
import HeroIcon from 'vue-heroicons'
import { archive, arrowDown } from 'vue-heroicons/src/icons'
HeroIcon.add(archive, arrowDown)
Vue.use(HeroIcon)
app.vue
<template>
<div id="app">
<heroicon name="archive"></heroicon>
<heroicon name="arrow-down" fill="green"></heroicon>
</div>
</template>
Props
Name | Description | Type | Accepted values |
---|
name | Icon name | String | - |
height | Height of icon | String | - |
width | Width of icon | String | - |
fill | Color of icon | String | HEX or color name |