<template>
  <svg :width="width" :height="height" viewBox="0 0 24 17" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M15.3078 0.305967C15.1045 0.51139 14.9895 0.789817 14.988 1.08064C14.9864 1.37146 15.0984 1.65113 15.2995 1.85877L20.3662 6.99717H1.08326C0.795959 6.99717 0.520428 7.11272 0.317278 7.31841C0.114128 7.5241 0 7.80308 0 8.09397C0 8.38486 0.114128 8.66383 0.317278 8.86952C0.520428 9.07521 0.795959 9.19077 1.08326 9.19077H20.3579L15.2912 14.334C15.0918 14.5425 14.981 14.8218 14.9826 15.1121C14.9841 15.4023 15.0979 15.6804 15.2995 15.8868C15.4002 15.9876 15.5195 16.0674 15.6507 16.1216C15.7819 16.1758 15.9223 16.2032 16.0639 16.2024C16.2055 16.2017 16.3456 16.1726 16.4762 16.117C16.6068 16.0614 16.7252 15.9803 16.8248 15.8784L23.6918 8.87516C23.7856 8.77366 23.8617 8.65681 23.917 8.52957C23.9733 8.39611 24.0015 8.25227 23.9999 8.10717C24.0002 7.82026 23.8896 7.54464 23.6918 7.33917L16.8248 0.335966C16.7276 0.232391 16.6111 0.14938 16.4819 0.0917449C16.3528 0.0341097 16.2136 0.00299634 16.0725 0.000205951C15.9314 -0.00258443 15.7912 0.0230042 15.6599 0.0754898C15.5286 0.127975 15.409 0.206314 15.3078 0.305967Z" :fill="fill"/>
  </svg>
</template>

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'

@Component({
  name: 'ArrowIcon'
})
export default class extends Vue {

  @Prop({ default: 20 }) width!: number
  @Prop({ default: 13 }) height!: number
  @Prop({ default: 'black' }) fill!: string


}
</script>