<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.193-3h-.885v5.16h.885V12q0-.365.21-.578a.69.69 0 0 1 .508-.213.66.66 0 0 1 .502.206q.202.2.202.55v2.196h.885v-2.395q0-.427-.174-.736a1.15 1.15 0 0 0-.467-.482 1.35 1.35 0 0 0-.683-.172 1.2 1.2 0 0 0-.564.138q-.252.131-.419.337zm-3.441 5.25q-.531 0-.927-.172a1.43 1.43 0 0 1-.613-.495 1.3 1.3 0 0 1-.21-.73q0-.405.223-.688.231-.282.579-.44-.746-.393-.746-1.087 0-.38.202-.682.21-.31.593-.488.383-.18.899-.179.515 0 .899.179.383.18.585.488.21.303.209.682 0 .4-.21.653-.207.255-.536.434.349.158.579.44t.23.688q0 .413-.216.73a1.43 1.43 0 0 1-.614.495 2.3 2.3 0 0 1-.926.172m-.823-1.445q0 .345.23.55.23.2.593.2a.85.85 0 0 0 .592-.206.69.69 0 0 0 .237-.544.68.68 0 0 0-.23-.53q-.223-.213-.6-.213-.375 0-.599.213a.7.7 0 0 0-.223.53m.056-2.126q0 .29.202.495c.202.205.323.207.565.207q.362 0 .564-.207c.202-.207.202-.302.202-.495a.64.64 0 0 0-.216-.51.8.8 0 0 0-.55-.192.8.8 0 0 0-.551.193.64.64 0 0 0-.216.509m-2.874 2.45H6v-.716l1.31-3.035h.955l-1.29 2.98h1.136v-1.129h.865v1.129h.543v.77h-.543v1.033H8.11z"/></svg></template>
<script setup lang="ts">
/**
 * Timer48h24 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>
