<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="M12.707 5.96a1 1 0 0 1 0 1.414l-1.96 1.96 3.943 3.941A25.4 25.4 0 0 1 32 6.5a25.4 25.4 0 0 1 17.31 6.775l2.61-2.609-.627-.626a1 1 0 0 1 1.414-1.414l1.334 1.333 1.333 1.334a1 1 0 0 1-1.414 1.414l-.626-.626-2.61 2.608A25.4 25.4 0 0 1 57.5 32c0 14.084-11.416 25.5-25.5 25.5S6.5 46.084 6.5 32a25.4 25.4 0 0 1 6.776-17.31l-3.942-3.942-1.96 1.96a1 1 0 1 1-1.414-1.414l2.666-2.666.001-.001 2.666-2.667a1 1 0 0 1 1.414 0M32 9.5C19.574 9.5 9.5 19.573 9.5 32S19.574 54.5 32 54.5 54.5 44.426 54.5 32 44.427 9.5 32 9.5m4 21.167a4 4 0 1 1-1.968-3.447l6.595-6.594a1 1 0 1 1 1.414 1.414l-6.595 6.594c.352.596.554 1.29.554 2.032"/></svg></template>
<script setup lang="ts">
/**
 * Timer64 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>
