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
HeroIconVue
app.vue
Add custom icon
my-custom-icons.js
const customIcon = name: 'custom-icon' path: '<path d="M13 5.41V21a1 1 0 0 1-2 0V5.41l-5.3 5.3a1 1 0 1 1-1.4-1.42l7-7a1 1 0 0 1 1.4 0l7 7a1 1 0 1 1-1.4 1.42L13 5.4z"/>'
main.js
HeroIconVue
app.vue
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 |