<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="M8.859 1.83a8.25 8.25 0 0 1 3.895.393.75.75 0 1 1-.5 1.414 6.75 6.75 0 0 0-9.004 6.398.75.75 0 0 1-1.5.008A8.25 8.25 0 0 1 8.86 1.83m7.505 1.806a.75.75 0 0 1 0 1.061l-4.209 4.208a2.417 2.417 0 1 1-1.06-1.06l4.208-4.209a.75.75 0 0 1 1.06 0M3.13 13.101a.75.75 0 0 1 1.024.274q.107.184.224.36a.75.75 0 1 1-1.25.83 8 8 0 0 1-.273-.44.75.75 0 0 1 .275-1.024m3.495 2.745a.75.75 0 0 0-.75 1.299q.225.13.457.245a.75.75 0 1 0 .667-1.344 7 7 0 0 1-.374-.2m4.594 1.592a.75.75 0 0 1-.701.796 8 8 0 0 1-.518.016.75.75 0 0 1 0-1.5q.212 0 .424-.013a.75.75 0 0 1 .795.701m3.347-.566a.75.75 0 0 0-.83-1.25 7 7 0 0 1-.361.224.75.75 0 0 0 .75 1.299q.225-.13.44-.273m2.485-4.209a.75.75 0 0 1 .339 1.005 8 8 0 0 1-.245.457.75.75 0 0 1-1.3-.75q.107-.183.201-.374a.75.75 0 0 1 1.005-.338m.711-5.458a.75.75 0 0 0-1.411.509c.264.733.399 1.507.399 2.286a.75.75 0 0 0 1.5 0 8.3 8.3 0 0 0-.488-2.795M9.083 10a.917.917 0 1 1 1.834 0 .917.917 0 0 1-1.834 0"/></svg></template>
<script setup lang="ts">
/**
 * Gauge20 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>
