<template>
  <svg class="svg-icon" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M2.14568e-07 5.99999L8 0L8 12L2.14568e-07 5.99999Z" :fill="props.color" :fill-opacity="props.opacity"/>
  </svg>
</template>

<script setup>
import {defineProps} from 'vue'
const props = defineProps({
  color: {
    type: String,
    default: ''
  },
  opacity: {
    type: String,
    default: "1"
  }
})
</script>

<style scoped>
.svg-icon {
  width: 12px;
  height: 10px;
}
</style>
