<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M9.5 32C9.5 19.574 19.574 9.5 32 9.5S54.5 19.574 54.5 32 44.426 54.5 32 54.5 9.5 44.426 9.5 32M32 6.5C17.917 6.5 6.5 17.917 6.5 32S17.917 57.5 32 57.5 57.5 46.083 57.5 32 46.083 6.5 32 6.5m6.394 13.773a1.5 1.5 0 1 0-2.121 2.121l5.439 5.44H21.333a1.5 1.5 0 0 0-1.5 1.5v12a1.5 1.5 0 1 0 3 0v-10.5h18.879l-5.44 5.439a1.5 1.5 0 1 0 2.122 2.121l8-8a1.5 1.5 0 0 0 0-2.121z"/></svg></template>
<script setup lang="ts">
/**
 * Direction64 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
