<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M9.707 5.707a1 1 0 0 0-1.414-1.414l-2 2-2 2a1 1 0 0 0 1.414 1.414L7 8.414l2.522 2.523A19.43 19.43 0 0 0 4.5 24c0 10.77 8.73 19.5 19.5 19.5S43.5 34.77 43.5 24c0-5.025-1.9-9.606-5.022-13.063L40 9.414l.293.293a1 1 0 0 0 1.414-1.414l-1-1-1-1a1 1 0 1 0-1.414 1.414l.293.293-1.523 1.522C33.606 6.401 29.025 4.5 24 4.5s-9.606 1.9-13.063 5.022L8.414 7zM7.5 24c0-9.113 7.387-16.5 16.5-16.5S40.5 14.887 40.5 24 33.113 40.5 24 40.5 7.5 33.113 7.5 24m19.245-6H24.92v10.321h1.825V24q0-.73.43-1.156a1.44 1.44 0 0 1 1.05-.427q.631 0 1.034.413.417.399.417 1.101v4.39H31.5v-4.789q0-.854-.36-1.472a2.33 2.33 0 0 0-.962-.964 2.85 2.85 0 0 0-1.408-.344q-.632 0-1.163.275-.517.262-.862.675zm-9.452 9.88q.948.62 2.4.62 1.047 0 1.867-.372.819-.37 1.264-1.032.46-.675.46-1.555 0-.894-.489-1.486-.488-.591-1.149-.798v-.014q.675-.22 1.049-.757.388-.537.388-1.348 0-.784-.431-1.363-.431-.578-1.193-.88-.761-.317-1.753-.317-1.364 0-2.255.62-.876.618-1.164 1.527l1.796.495q.43-1.06 1.61-1.06.602 0 1.02.33.43.332.43.895 0 1.335-1.638 1.335H18.4v1.445h1.135q.776 0 1.293.358.517.345.517 1.004 0 .66-.474 1.033-.474.357-1.15.357-.732 0-1.263-.316a1.9 1.9 0 0 1-.747-.88l-1.71.508q.344 1.02 1.293 1.652"/></svg></template>
<script setup lang="ts">
/**
 * Timer3h48 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>
