<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 24m18.877-6h-1.774v10.5h1.774v-4.396q0-.742.419-1.176.42-.434 1.02-.434.614 0 1.005.42.405.406.405 1.12V28.5H31v-4.872q0-.868-.35-1.498a2.3 2.3 0 0 0-.935-.98q-.6-.35-1.369-.35-.615 0-1.131.28a2.6 2.6 0 0 0-.838.686zm-6.731 5.712-3.409 3.192V28.5h6.719v-1.68h-4.19l2.332-2.184q.922-.854 1.327-1.596.42-.756.42-1.61 0-.798-.406-1.442-.39-.645-1.173-1.022-.769-.378-1.858-.378-1.341 0-2.235.63T16 20.772l1.746.504q.195-.504.628-.784a1.75 1.75 0 0 1 1.006-.294q.699 0 1.104.392.405.378.405.994 0 .532-.266.994-.265.448-.978 1.134"/></svg></template>
<script setup lang="ts">
/**
 * Timer2h48 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>
