1400+ SVG Icons For Vue App

mehmetsagir Last Updated: 9 months ago

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

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

08/20/2022

Author: mehmetsagir

Live Demo: 1400-svg-icons

Download Link: https://github.com/mehmetsagir/v-svg-icons/archive/refs/heads/master.zip

Official Website: https://github.com/mehmetsagir/v-svg-icons

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

Prev Article Next Article