<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="M10.617 2.096a10 10 0 0 1 4.721.478 1 1 0 1 1-.668 1.885A8 8 0 0 0 4 12.042a1 1 0 0 1-2 .01 10 10 0 0 1 8.617-9.956m9.09 2.197a1 1 0 0 1 0 1.414l-5 5a3 3 0 1 1-1.414-1.414l5-5a1 1 0 0 1 1.414 0M3.706 15.634A1 1 0 0 1 5.072 16q.126.218.265.427a1 1 0 1 1-1.666 1.107A10 10 0 0 1 3.34 17a1 1 0 0 1 .366-1.366M8 18.928a1 1 0 0 0-1 1.732q.272.157.554.297a1 1 0 1 0 .889-1.791A8 8 0 0 1 8 18.928m5.563 1.991a1 1 0 0 1-.935 1.061Q12.314 22 12 22a1 1 0 1 1 0-2q.252 0 .502-.016a1 1 0 0 1 1.061.935m3.97-.59a1 1 0 1 0-1.106-1.666q-.21.14-.427.265a1 1 0 1 0 1 1.732q.272-.157.534-.33m2.973-5.223a1 1 0 0 1 .451 1.34q-.14.282-.297.554a1 1 0 0 1-1.732-1q.126-.218.238-.443a1 1 0 0 1 1.34-.451m.903-6.493a1 1 0 0 0-1.882.677c.313.87.473 1.786.473 2.71a1 1 0 1 0 2 0 10 10 0 0 0-.591-3.387M11 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0"/></svg></template>
<script setup lang="ts">
/**
 * Gauge24 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>
