<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-.708l-.833.834-.834.833a.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-.416a.5.5 0 0 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.823l-.907-.907zM3.25 10a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0m7.893-2.5h-.76v4.3h.76V10q0-.304.18-.482c.18-.178.265-.178.437-.178q.264 0 .43.172.175.166.174.459v1.83h.76V9.804q0-.356-.149-.614a.97.97 0 0 0-.401-.401 1.2 1.2 0 0 0-.587-.144q-.263 0-.485.115a1.1 1.1 0 0 0-.359.281zm-3.938 4.117q.395.258 1 .258.436 0 .778-.155a1.23 1.23 0 0 0 .527-.43q.19-.28.191-.648a.94.94 0 0 0-.203-.62 1 1 0 0 0-.48-.332v-.006a.83.83 0 0 0 .438-.315.94.94 0 0 0 .161-.562.92.92 0 0 0-.18-.568 1.1 1.1 0 0 0-.496-.367 1.9 1.9 0 0 0-.73-.132q-.57 0-.94.259a1.23 1.23 0 0 0-.485.636l.748.206q.18-.441.67-.441.252 0 .426.138.18.136.18.372 0 .556-.683.556h-.461v.603h.473q.323 0 .539.149a.47.47 0 0 1 .215.418.52.52 0 0 1-.197.43.77.77 0 0 1-.48.15q-.304 0-.526-.133a.8.8 0 0 1-.311-.367l-.713.213q.144.424.54.688"/></svg></template>
<script setup lang="ts">
/**
 * Timer3h20 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>
