<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M14.202 3.125a13 13 0 0 1 6.138.62 1 1 0 1 1-.668 1.886A11 11 0 0 0 5 16.058a1 1 0 0 1-2 .01A13 13 0 0 1 14.202 3.125M26.04 5.96a1 1 0 0 1 0 1.414l-6.838 6.838a3.667 3.667 0 1 1-1.414-1.414l6.838-6.838a1 1 0 0 1 1.414 0M5.108 21.134a1 1 0 0 1 1.366.366q.172.3.364.587a1 1 0 1 1-1.666 1.107q-.226-.34-.43-.694a1 1 0 0 1 .366-1.366m5.392 4.392a1 1 0 1 0-1 1.732 13 13 0 0 0 .72.386 1 1 0 0 0 .889-1.791q-.31-.155-.609-.327m7.252 2.387a1 1 0 0 1-.936 1.061Q16.408 29 16 29a1 1 0 1 1 0-2q.345 0 .69-.022a1 1 0 0 1 1.061.935m5.442-1.085a1 1 0 0 0-1.107-1.666q-.288.193-.587.364a1 1 0 1 0 1 1.732q.354-.204.694-.43m4-6.388a1 1 0 0 1 .45 1.34q-.181.366-.386.72a1 1 0 1 1-1.732-1q.172-.3.327-.609a1 1 0 0 1 1.34-.451m1.037-8.844a1 1 0 1 0-1.881.678A11 11 0 0 1 27 16a1 1 0 1 0 2 0c0-1.501-.26-2.991-.769-4.404M14.333 16a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0"/></svg></template>
<script setup lang="ts">
/**
 * Gauge32 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>
