<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="M22.668 19.833h-9.744C16.93 13.614 23.913 9.5 31.854 9.5c12.427 0 22.5 10.074 22.5 22.5s-10.073 22.5-22.5 22.5c-11.58 0-21.118-8.75-22.362-19.998a1.5 1.5 0 1 0-2.982.33C7.92 47.582 18.728 57.5 31.855 57.5c14.083 0 25.5-11.417 25.5-25.5S45.938 6.5 31.855 6.5c-8.725 0-16.425 4.382-21.02 11.06V8a1.5 1.5 0 0 0-3 0v13.333a1.5 1.5 0 0 0 1.5 1.5h13.333a1.5 1.5 0 1 0 0-3m10.833 1.5a1.5 1.5 0 0 0-3 0V32c0 .398.158.78.439 1.06l5.333 5.334a1.5 1.5 0 0 0 2.121-2.121l-4.893-4.894z"/></svg></template>
<script setup lang="ts">
/**
 * History64 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>
