vue-simple-line

This is an SVG Vue component for Simple Line icons.
9,524 16
vue vuejs component icons vue2 fonts svg icons simple line simple line icons vue simple line icons
Install
npm install vue-simple-line
Latest Version:1.1.1
License:MIT
Last Updated:Jan 19, 2019
Links: GitHub  ·  npm
Maintainer: nkoik

😸 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

Related Packages

@iconify-prerendered/vue-simple-line-icons

Simple line icons components for Vue. Designed for ease of use and high performa...

1,020 112
icons simple line icons vue components iconify simple-line-icons
@composy/icons-vue2

icons Vue 2 icon component package

0
icons vue2 cjs components esm on-demand svg umd
@yeliulee/vue-mdi-svg

Material Design Svg Icons for Vue.js

817 16
icons svg icons vuejs icon material design icons material-design mdi svg vue 2 vue 3 vue svg icons +1
@animateicons/vue

Animated SVG icons for Vue 3 and Nuxt. The same motion as @animateicons/react, w...

407 1,465
icons svg icons animated icons animated svg free animated icons huge animated lucide animated motion icons nuxt icons vue 3 +1
@dullar/mercury

Advanced and highly reusable Mobile UI Components built on Vue2 & You can define...

8,553 6
vue2

Version History

Version Released License
1.1.1 MIT
1.1.0 MIT
1.0.8 MIT
1.0.7 MIT
1.0.6 MIT