<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 24m22.887-6h-1.77v10.321h1.77V24q0-.73.418-1.156a1.37 1.37 0 0 1 1.017-.427q.614 0 1.004.413.404.399.404 1.101v4.39H35v-4.789q0-.854-.348-1.472a2.3 2.3 0 0 0-.934-.964q-.6-.344-1.366-.344a2.36 2.36 0 0 0-1.129.275q-.501.262-.836.675zm-6.884 10.5q-1.059 0-1.854-.344-.795-.358-1.226-.99a2.6 2.6 0 0 1-.418-1.46q0-.811.446-1.376.46-.564 1.157-.88-1.492-.785-1.492-2.175 0-.757.405-1.362.417-.62 1.184-.977.766-.358 1.798-.358c1.032 0 1.287.12 1.798.358q.766.357 1.17.977.42.605.419 1.362 0 .798-.418 1.308-.419.508-1.074.867.697.316 1.157.88t.46 1.376q0 .825-.432 1.46-.432.632-1.226.99-.795.345-1.854.344m-1.645-2.89q0 .689.46 1.101.46.4 1.185.4t1.185-.414q.474-.412.474-1.087a1.36 1.36 0 0 0-.46-1.06q-.446-.426-1.199-.426t-1.199.427q-.445.412-.445 1.06m.112-4.252q0 .578.404.99t1.13.413 1.128-.412q.404-.414.404-.991 0-.646-.432-1.019-.432-.384-1.1-.385-.67 0-1.102.385-.432.372-.432 1.019m-5.747 4.899H12v-1.431l2.62-6.07h1.91l-2.579 5.96h2.272v-2.257h1.728v2.257h1.087v1.54h-1.087v2.065h-1.728z"/></svg></template>
<script setup lang="ts">
/**
 * Timer48h48 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>
