Skip to content

😸 Vue component for Simple Line Icons and you may choose a SVG or a Font icon just with a prop.

License

Notifications You must be signed in to change notification settings

nkoik/vue-simple-line-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

😸 SVG - Simple Line Icons VueJS v2.x compatible

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.

Simple Line Icons sample

Version License

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

About

😸 Vue component for Simple Line Icons and you may choose a SVG or a Font icon just with a prop.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published