<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 3.687a.5.5 0 0 0-.707-.708L4.313 4.313 2.979 5.646a.5.5 0 0 0 .708.707l.98-.98L6.46 7.168A12.95 12.95 0 0 0 3 16c0 7.18 5.82 13 13 13s13-5.82 13-13c0-3.41-1.313-6.514-3.461-8.832l1.127-1.128.314.313a.5.5 0 1 0 .707-.707l-.667-.667-.667-.666a.5.5 0 0 0-.707.707l.313.313-1.127 1.127A12.95 12.95 0 0 0 16 3c-3.41 0-6.514 1.313-8.832 3.46L5.373 4.666zM5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16m15.02-4h-1.186v7h1.185v-2.931q0-.495.28-.784a.91.91 0 0 1 .682-.29q.411 0 .672.28.27.271.27.747V19h1.186v-3.248q0-.579-.233-.999a1.55 1.55 0 0 0-.626-.653 1.8 1.8 0 0 0-.914-.234q-.411 0-.756.187-.336.177-.56.457zM8.158 17.936l2.278-2.128q.476-.458.653-.756.177-.308.177-.663a.86.86 0 0 0-.27-.663q-.27-.261-.738-.261-.383 0-.672.196a1.06 1.06 0 0 0-.42.523L8 13.848q.186-.616.784-1.036.597-.42 1.493-.42.729 0 1.241.252.523.252.784.681.27.43.271.961 0 .57-.28 1.074-.27.494-.887 1.064L9.848 17.88h2.8V19h-4.49zm7.854-.336h-2.828v-.971l1.755-4.116h1.279l-1.727 4.041h1.521v-1.53h1.158v1.53h.728V17.6h-.728V19h-1.158z"/></svg></template>
<script setup lang="ts">
/**
 * Timer24h32 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>
