<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M4.854 2.854a.5.5 0 1 0-.708-.708l-1 1-1 1a.5.5 0 1 0 .708.708l.646-.647 1.084 1.084A9.96 9.96 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.96 9.96 0 0 0-2.584-6.709L20 4.707l.146.147a.5.5 0 0 0 .708-.708l-.5-.5-.5-.5a.5.5 0 0 0-.708.708l.147.146-.584.584A9.96 9.96 0 0 0 12 2a9.96 9.96 0 0 0-6.709 2.584L4.207 3.5zM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m11.015-3h-.89v5.25h.89v-2.198q0-.37.21-.588a.68.68 0 0 1 .51-.217q.309 0 .505.21.203.203.203.56v2.233h.889v-2.436q0-.434-.175-.749a1.16 1.16 0 0 0-.47-.49 1.34 1.34 0 0 0-.685-.175q-.308 0-.567.14a1.3 1.3 0 0 0-.42.343zm-8.896 4.452 1.708-1.596q.357-.344.49-.567a1 1 0 0 0 .133-.497.65.65 0 0 0-.203-.497q-.203-.196-.553-.196a.88.88 0 0 0-.504.147.8.8 0 0 0-.315.392L6 10.386q.14-.462.588-.777t1.12-.315q.546 0 .931.189.392.189.588.511.203.322.203.721 0 .427-.21.805-.203.37-.665.798L7.386 13.41h2.1v.84H6.119zm5.89-.252H9.89v-.728l1.315-3.087h.96l-1.296 3.031h1.141v-1.148h.868v1.148h.546v.784h-.546v1.05h-.868z"/></svg></template>
<script setup lang="ts">
/**
 * Timer24h24 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>
