Vuejs IconArrow Component

1_use

<div>
  <iconarrow rotate="90" color="#FF0000"/>
  <iconarrow rotate="45" color="#00FF00"/>
  <iconarrow rotate="180" color="#0000FF"/>
</div>

IconArrow.vue

<template>
<svg xmlns="http://www.w3.org/2000/svg" width="2.5em" height="1em" viewBox="0 0 8 13">
    <path d="M6.4 12.7L.3 6.5 6.4.2l1.3 1.3-4.9 5 4.9 4.9z" :transform="'rotate('+rotate+')'" :fill="color"/>
</svg>
</template>

<script>
    export default {
        props:{
            rotate:{
                type: String,
                default:'0'
            },
            color:{
                type: String,
                default: '#969696'
            }
        }
    }
</script>