1400+ SVG Icons For Vue App

Install & Download:

# NPM
$ npm i v-svg-icons --save

A set of 1400+ SVG icons that can be used as Vue components in your app.

1. Import and register the icon component library.

import icons from "v-svg-icons";
Vue.component("icon", icons);

2. Go to the official website and click the icon to get the icon name.

3. Add the icon component to the template and insert the icon name.

<icon name="flask">

4. Determine the icon size. Default: 50px.

<icon name="flask" size="64px">

5. Apply custom styles to the icon.

.flask {
  fill: red;
  background: white;
  width: 128px;
  height: 128px;
}

08/20/2022