1400+ SVG Icons For Vue App

Install & Download:

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

Description:

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

See Also:

How to use it:

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;
}

Preview:

1400+ SVG Icons For Vue App

Changelog:

08/20/2022

  • v1.0.0
Tags:

Add Comment