<template>
  <svg width="12" height="8" class="arrow" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M1.41 7.41L6 2.83l4.59 4.58L12 6 6 0 0 6z"/></defs><use xlink:href="#a" fill-rule="evenodd"/></svg>
</template>

<script>
export default {
  name: 'arrow-icon',
}
</script>

<style lang="scss" scoped>
.arrow {
  fill: $color-primary;
}
</style>

