<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M4.103 2.437a.5.5 0 0 0-.707-.707l-.833.833-.834.834a.5.5 0 0 0 .708.707l.48-.48.906.907a8.25 8.25 0 1 0 12.353 0l.49-.49.063.063a.5.5 0 1 0 .708-.707l-.417-.417-.417-.417a.5.5 0 1 0-.707.707l.063.063-.49.49A8.22 8.22 0 0 0 10 1.75 8.22 8.22 0 0 0 4.53 3.824l-.907-.907zM3.25 10a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0m7.74-2.5h-.74v4.375h.74v-1.832q0-.309.175-.49a.57.57 0 0 1 .424-.18q.256 0 .42.175.168.168.168.466v1.861h.74v-2.03q-.001-.361-.146-.624a.97.97 0 0 0-.39-.408 1.1 1.1 0 0 0-.57-.146 1 1 0 0 0-.472.116q-.21.111-.349.286zM8.185 9.88l-1.42 1.33v.665h2.8v-.7H7.819l.972-.91q.384-.356.552-.665.175-.315.175-.67a1.11 1.11 0 0 0-.658-1.027 1.74 1.74 0 0 0-.774-.158q-.558 0-.93.263-.374.262-.49.647l.728.21a.66.66 0 0 1 .262-.327.73.73 0 0 1 .419-.122q.29 0 .46.163a.54.54 0 0 1 .168.414.8.8 0 0 1-.11.415q-.111.187-.408.472"/></svg></template>
<script setup lang="ts">
/**
 * Timer2h20 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>
