https://github.com/nkoik/vue-simple-line-icons

😸 Vue component for Simple Line Icons and you may choose a SVG or a Font icon just with a prop.
https://github.com/nkoik/vue-simple-line-icons

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/nkoik/vue-simple-line-icons
• Owner: nkoik
• License: mit
• Created: 2018-07-05T13:29:43.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-01-19T17:30:35.000Z (almost 7 years ago)
• Last Synced: 2025-08-22T02:21:04.006Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 79.1 KB
• Stars: 17
• Watchers: 0
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue - vue-simple-line-icons - Vue component for Simple Line Icons and you may choose a SVG or a Font icon just with a prop. ` 📝 2 years ago` (UI Components [🔝](#readme))
• awesome-vue-zh - Vue-简单线图标 - Vuejs的简单线图标组件 (UI组件 / 图标)
• awesome-vue - vue-simple-line-icons - Simple Line Icons component for Vuejs (Components & Libraries / UI Components)
• awesome-vue - vue-simple-line-icons ★11 - Simple Line Icons component for Vuejs (UI Components / Icons)
• awesome-vue - vue-simple-line-icons - Simple Line Icons component for Vuejs (UI Components / Icons)

README

          
# 😸 SVG - Simple Line Icons ![VueJS v2.x compatible](https://img.shields.io/badge/vue%202.x-compatible-green.svg)

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](https://image.freepik.com/free-vector/simple-line-icons_302-2147488249.jpg "Sample")





  



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

## ✅  Installation

Get the package:

```bash

npm install vue-simple-line

```

## ✅  Use

Register SimpleLineIcons in your app:

```js

// 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:

```html

```

### 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