vue-simple-line

😸 SVG - Simple Line Icons

This is a Vue component for Simple Line Icons and you may choose a SVG or a Font icon just with a prop. By default component will render SVG icon.

Find the icon name: (http://simplelineicons.com/)

✅ 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"
    no-svg
/>
 

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
no-svg	Render font icon instead of svg	Boolean	false

License

MIT