vue-ss

SVG sprites Component for <symbol> id, it is based on VueJS

Install

npm i --save vue-ss

Usage

// app.vue
<template>
  <Icon typ="add" size="32x32"></Icon>  
</template>
 
<script>
import Icon from 'vue-ss'
module.exports = {
  components: {
    Icon
  }
}
</script>

Props

props: {
  size: {
    type: [String, Number],
    default: '20x20'
  },
 
  typ: {
    type: String,
    required: true,
    default: 'add',
  }
},

Colorize

The component exports as standrad <svg> tag, you can thro fill attribute to colorize it free

<Icon fill="#f00"></Icon>