<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.53-6h-1.778v10.5h1.778v-4.396q0-.742.42-1.176t1.022-.434q.615 0 1.008.42.406.406.406 1.12V28.5h1.778v-4.872q0-.868-.35-1.498a2.32 2.32 0 0 0-.938-.98 2.7 2.7 0 0 0-1.372-.35q-.617 0-1.134.28a2.6 2.6 0 0 0-.84.686zm-17.792 8.904 3.416-3.192q.714-.686.98-1.134a1.96 1.96 0 0 0 .266-.994q0-.616-.406-.994-.406-.392-1.106-.392-.574 0-1.008.294-.435.28-.63.784L12 20.772q.28-.924 1.176-1.554t2.24-.63q1.092 0 1.862.378.785.378 1.176 1.022.405.645.406 1.442 0 .855-.42 1.61-.405.742-1.33 1.596l-2.338 2.184h4.2v1.68h-6.734zm11.78-.504h-4.241v-1.456l2.632-6.174h1.918l-2.59 6.062h2.282v-2.296h1.736v2.296h1.092V26.4h-1.092v2.1h-1.736z"/></svg></template>
<script setup lang="ts">
/**
 * Timer24h48 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>
