<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 1.73a.5.5 0 0 1 0 .707l-.48.48.907.907A8.22 8.22 0 0 1 10 1.75c2.098 0 4.013.783 5.47 2.074l.49-.49-.064-.064a.5.5 0 0 1 .707-.707l.417.417.417.417a.5.5 0 0 1-.708.707l-.063-.063-.49.49a8.25 8.25 0 1 1-12.353 0l-.907-.907-.48.48a.5.5 0 0 1-.707-.707l.834-.834.833-.833a.5.5 0 0 1 .707 0M10 3.25a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5m1.25 6.334a1.25 1.25 0 1 1-.793-1.164l2.106-2.107a.5.5 0 1 1 .707.707l-2.106 2.107q.084.213.086.456"/></svg></template>
<script setup lang="ts">
/**
 * Timer20 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>
