Simple Line Icons as a Vue Component

A Vue container-wrapper component for simple line icons.

View demo Download Source

✔ Installation

Get the package:

npm install vue-simple-line

✔ Use

Register SimpleLineIcons in your app:

In main.js
import Vue from 'vue'
import SimpleLineIcons from 'vue-simple-line'

Vue.component('simple-line-icons', SimpleLineIcons)

OR

In your component.vue
import SimpleLineIcons from 'vue-simple-line'

new Vue({
    components: {
        SimpleLineIcons
    }
})

In your template you can call it like this:

<simple-line-icons
	icon="plus"
	:rotate="90"
	size="small"
	color="mediumseagreen" />

API

Required Prop

Property Description Type Value
icon Icon name String Any

Optional Props

Property Description Type Value
rotate Rotation degrees Number 0-360
size Icon size String small, large
color Color String Hex,rgb(a),hsl(a),css color name
bold Icon weight Boolean false

GitHub