<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.372-3h-.912v5.16h.912V12q0-.365.216-.578a.72.72 0 0 1 .524-.213.7.7 0 0 1 .517.206q.21.2.209.55v2.196h.912v-2.395q0-.427-.18-.736a1.16 1.16 0 0 0-.48-.482 1.4 1.4 0 0 0-.705-.172q-.315 0-.582.138a1.3 1.3 0 0 0-.43.337zm-4.726 4.94q.475.31 1.2.31.524 0 .934-.186t.632-.516q.23-.338.23-.777 0-.448-.244-.744a1.2 1.2 0 0 0-.575-.399v-.006q.338-.11.524-.379.195-.269.194-.674 0-.393-.215-.681a1.34 1.34 0 0 0-.596-.44 2.3 2.3 0 0 0-.877-.159q-.682 0-1.127.31a1.47 1.47 0 0 0-.582.763l.898.248q.215-.53.804-.53.302 0 .51.165.216.165.216.448 0 .667-.82.667H9.2v.723h.567q.388 0 .647.179a.56.56 0 0 1 .258.502q0 .33-.237.516a.93.93 0 0 1-.575.179q-.366 0-.632-.158a.95.95 0 0 1-.373-.44L8 13.114q.172.51.646.825"/></svg></template>
<script setup lang="ts">
/**
 * Timer3h24 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>
