<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M4.103 2.437a.5.5 0 0 0-.707-.708l-.833.834-.834.833a.5.5 0 0 0 .708.707l.48-.48.906.907a8.25 8.25 0 1 0 12.353 0l.49-.49.063.063a.5.5 0 1 0 .708-.707l-.417-.417-.417-.416a.5.5 0 0 0-.707.707l.063.063-.49.49A8.22 8.22 0 0 0 10 1.75 8.22 8.22 0 0 0 4.53 3.823l-.907-.907zM3.25 10a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0m9.41-2.5h-.737v4.3h.738V10q0-.304.174-.482a.57.57 0 0 1 .424-.178q.255 0 .418.172.168.166.169.459v1.83h.737V9.804q0-.356-.145-.614a.96.96 0 0 0-.39-.401 1.1 1.1 0 0 0-.568-.144 1 1 0 0 0-.47.115 1.1 1.1 0 0 0-.35.281zm-2.867 4.375a1.9 1.9 0 0 1-.773-.144q-.33-.15-.51-.412a1.1 1.1 0 0 1-.175-.608q0-.339.186-.574a1.3 1.3 0 0 1 .482-.367q-.622-.327-.622-.906a1 1 0 0 1 .169-.567q.174-.258.494-.407.318-.15.749-.15.43 0 .749.15.319.149.488.407a.98.98 0 0 1 .174.567.83.83 0 0 1-.174.545 1.5 1.5 0 0 1-.448.361q.291.132.482.367a.88.88 0 0 1 .192.574q0 .344-.18.608-.18.263-.511.412a1.9 1.9 0 0 1-.772.144m-.686-1.204q0 .286.192.458.191.167.494.167a.7.7 0 0 0 .493-.172.57.57 0 0 0 .198-.454.57.57 0 0 0-.192-.441q-.186-.178-.5-.178-.312 0-.499.178a.57.57 0 0 0-.186.442m.047-1.772q0 .24.168.413.17.172.47.172.303 0 .471-.172a.57.57 0 0 0 .168-.413.53.53 0 0 0-.18-.425.66.66 0 0 0-.458-.16.66.66 0 0 0-.46.16.53.53 0 0 0-.18.425M6.759 10.94H5v-.596l1.092-2.529h.796l-1.074 2.483h.946v-.94h.72v.94h.453v.642H7.48v.86h-.72z"/></svg></template>
<script setup lang="ts">
/**
 * Timer48h20 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>
