Example .vue component writing svg with prop

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({{rotation}})" fill="#969696"/>
  </svg>
</template>

<script>
    export default {
        props:{
            rotation:{
                type: String,
                default:'0'
            }
        }
    }
</script>

Use.vue

<template>
     <iconarrow></iconarrow>
     <iconarrow rotation="45"></iconarrow>
     <iconarrow rotation="90"></iconarrow>
     <iconarrow rotation="180"></iconarrow>
</template>

<script>
    import IconArrow from 'IconArrow.vue';
    
    export default {
        components:{
            iconarrow:IconArrow
        }
    }
</script>