<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 7.374a1 1 0 1 0-1.414-1.414L8.627 8.626v.001L5.96 11.293a1 1 0 1 0 1.414 1.414l1.96-1.96 3.942 3.943A25.4 25.4 0 0 0 6.5 32c0 14.084 11.417 25.5 25.5 25.5S57.5 46.084 57.5 32a25.4 25.4 0 0 0-6.775-17.31l2.609-2.609.626.626a1 1 0 1 0 1.414-1.414L54.041 9.96l-1.334-1.333a1 1 0 1 0-1.414 1.414l.626.626-2.608 2.609A25.4 25.4 0 0 0 32 6.5a25.4 25.4 0 0 0-17.311 6.776l-3.942-3.942zM9.5 32C9.5 19.574 19.574 9.5 32 9.5S54.5 19.574 54.5 32 44.427 54.5 32 54.5 9.5 44.427 9.5 32m30.54-8h-2.37v14h2.37V32.14q0-.99.56-1.568a1.83 1.83 0 0 1 1.363-.579q.82 0 1.344.56.54.541.54 1.494V38h2.372v-6.496q0-1.157-.467-1.997a3.1 3.1 0 0 0-1.25-1.307q-.804-.465-1.83-.466-.822 0-1.512.373a3.5 3.5 0 0 0-1.12.915zM16.318 35.872l4.554-4.256q.952-.914 1.307-1.512.354-.615.355-1.325 0-.822-.542-1.325-.54-.523-1.474-.523-.766 0-1.344.392a2.12 2.12 0 0 0-.84 1.045L16 27.696q.374-1.232 1.568-2.072 1.195-.84 2.987-.84 1.455 0 2.483.504 1.046.504 1.568 1.363.54.858.541 1.923 0 1.138-.56 2.146-.54.99-1.773 2.128l-3.118 2.912h5.6V38h-8.978zm15.707-.672H26.37V33.26l3.51-8.232h2.557l-3.453 8.083h3.042v-3.062h2.315v3.062h1.456v2.09H34.34V38h-2.315z"/></svg></template>
<script setup lang="ts">
/**
 * Timer24h64 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>
