<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 0m9.188-3h-.887v5.25h.887v-2.198q0-.37.21-.588a.68.68 0 0 1 .51-.217q.307 0 .503.21.202.203.202.56v2.233h.887v-2.436q0-.434-.175-.749a1.16 1.16 0 0 0-.467-.49 1.33 1.33 0 0 0-.685-.175q-.307 0-.566.14a1.3 1.3 0 0 0-.419.343zm-3.365 2.856-1.704 1.596v.798h3.359v-.84H9.383l1.166-1.092q.46-.427.663-.798.21-.378.21-.805 0-.399-.203-.721a1.35 1.35 0 0 0-.586-.511q-.384-.189-.929-.189-.671 0-1.117.315-.447.315-.587.777l.873.252a.8.8 0 0 1 .314-.392.87.87 0 0 1 .503-.147q.35 0 .552.196a.65.65 0 0 1 .202.497 1 1 0 0 1-.132.497q-.133.224-.49.567"/></svg></template>
<script setup lang="ts">
/**
 * Timer2h24 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>
