<template>
  <i
    :class="'icon ' + name"
    :style="{ 'font-size': size + 'px', color: color, top: top + 'px' }"
  ></i>
</template>

<script>
export default {
  name: "IconBase",
  props: {
    name: {
      type: String,
      required: true,
      default: "icon-plus3"
    },
    size: {
      type: Number,
      default: 12
    },
    top: {
      type: Number,
      default: -3
    },
    color: {
      type: String,
      default: "#333"
    }
  }
};
</script>
