<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M6.353 2.98a.5.5 0 0 1 0 .707l-.98.98L7.168 6.46C9.486 4.313 12.59 3.001 16 3.001s6.513 1.312 8.832 3.46l1.127-1.128-.313-.313a.5.5 0 0 1 .707-.707l.667.667.667.667a.5.5 0 0 1-.707.707l-.314-.313-1.127 1.127A12.95 12.95 0 0 1 28.999 16c0 7.18-5.82 13-13 13S3 23.18 3 16c0-3.41 1.314-6.513 3.461-8.832L4.666 5.374l-.98.98a.5.5 0 0 1-.707-.707l1.334-1.333v-.001L5.646 2.98a.5.5 0 0 1 .707 0M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5m2 10.334a2 2 0 1 1-.984-1.724l3.297-3.297a.5.5 0 1 1 .707.707l-3.297 3.298c.176.297.277.645.277 1.016"/></svg></template>
<script setup lang="ts">
/**
 * Timer32 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>
