A Set of Functional Components for Free, High-quality SVG Icons Vue 2

Hero Icons for Vue.js is a set of high quality 226+ SVG icons licensed by MIT as functional Vue components. Available in two styles: outline and solid.

Icons sourced from @refactoringui/heroicons

How to make use of it:

Install and download:

# Only outline icons
npm install @vue-hero-icons/outline

# Only solid icons
npm install @vue-hero-icons/solid

1. Import the icons symbols of your choice into your Vue.js application.

// outline
import { IconName, ... } from '@vue-hero-icons/outline'

// solid
import { IconName, ... } from '@vue-hero-icons/solid'

2. Add icons as components of the application.

<AnnotationIcon size="1.5x" class="custom-class" />

Free High-quality SVG Icons, vue-hero-icons Plugin/Github

See Demo And Download

Official Website(matschik): Click Here

This superior jQuery/javascript plugin is developed by matschik. For extra Advanced Usages, please go to the official website.

Related Posts


Generating Beautiful Vector Graphs With jQuery | smartGraph

SmartGraph is a free and easy-to-use JavaScript library to create beautiful vector diagrams with many customizations. This plugin allows developers to create dynamic, responsive, draggable vector graphics…


Image Slider With 20 Cool Transitions Component | vue-flux

Vue flux is an image slider developed with Vuejs 2 that comes with 20+ nice transitions out of the box. Included transitions 2D transitions Fade: Fades from…


Simple background Image Parallax Scroll Plugin In jQuery

Background parallax effect is a simple jQuery background image without any library. Uses jQuery’s scroll() function to track the scroll event and applies the exact parallax scroll…


Modular Color Picker Plugin for Bootstrap | BS Colorpicker

Bootstrap Colorpicker is a standard color picker plugin for Bootstrap 4. Colorpicker Plugin for Bootstrap 5/4/3 frameworks that allow you to add a color picker to an…


GDPR Friendly iFrame Manager In Vanilla JS | iframemanager

IframeMananger is a lightweight JavaScript plug-in that helps you to comply with GDPR by completely removing iframes at first and setting a notice related to that service….


Diagonal Thumbnails Carousel Slider | Anime.js

Diagonal Slider is a cool mini carousel made with Anime.js JavaScript library. It takes a bunch of pictures and turns them into a circular user interface where…