<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.262-2.5h-.74v4.375h.74v-1.832q0-.31.175-.49a.57.57 0 0 1 .426-.18q.256 0 .42.174.17.17.17.467v1.86h.74v-2.03q0-.36-.146-.623a.97.97 0 0 0-.39-.409 1.1 1.1 0 0 0-.572-.146 1 1 0 0 0-.473.117q-.21.111-.35.286zM5.1 11.21l1.423-1.33q.298-.285.409-.473a.8.8 0 0 0 .11-.414.54.54 0 0 0-.169-.414q-.17-.164-.46-.163-.24 0-.42.122a.66.66 0 0 0-.263.327l-.73-.21q.117-.386.49-.648.374-.262.934-.262.455 0 .776.157.327.157.49.426.17.27.169.6 0 .357-.175.672-.169.31-.554.665l-.974.91h1.75v.7H5.099zm4.909-.21H8.24v-.607l1.097-2.572h.799l-1.08 2.525h.952V9.39h.723v.956h.455V11h-.455v.875h-.723z"/></svg></template>
<script setup lang="ts">
/**
 * Timer24h20 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>
