Awesome
😸 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.
<p align="center"> <a href="https://www.npmjs.com/package/vue-simple-line"><img src="https://img.shields.io/badge/npm-1.1.0-blue.svg" alt="Version"></a> <a href="https://www.npmjs.com/package/vue-simple-line"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a> </p>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 | <i>String</i> | Any |
Optional Props
Property | Description | Type | Value |
---|---|---|---|
rotate | Rotation degrees | <i>Number</i> | 0-360 |
size | Icon size | <i>String</i> | small, large |
color | Color | <i>String</i> | Hex,rgb(a),hsl(a),css color name |
no-svg | Render font icon instead of svg | <i>Boolean</i> | false |
License
MIT