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/)
Get the package:
npm install vue-simple-lineRegister 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 />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 |
MIT