<template>
  <image class="svg-icon" :class="className" :style="{width: size, height: size}" :src="require('../../static/svg/' + iconClass + '.svg')" mode=""></image>
</template>

<script>

export default {
  name: 'SvgIcon',
  props: {
    iconClass: {
      type: String,
      required: true
    },
    className: {
      type: String,
      default: ''
    },
	size: {
		type: String,
		default: '1rem'
	}
  }
}
</script>

<style scoped>
.svg-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>
