<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M21.303 4.687a19.5 19.5 0 0 1 9.206.931 1.5 1.5 0 1 1-1.001 2.828A16.5 16.5 0 0 0 7.5 24.086a1.5 1.5 0 1 1-3 .016A19.5 19.5 0 0 1 21.303 4.687M39.061 8.94a1.5 1.5 0 0 1 0 2.122L28.803 21.318a5.5 5.5 0 1 1-2.121-2.121L36.939 8.939a1.5 1.5 0 0 1 2.122 0M7.66 31.701a1.5 1.5 0 0 1 2.05.549q.258.45.546.881a1.5 1.5 0 1 1-2.499 1.66q-.339-.51-.645-1.041a1.5 1.5 0 0 1 .549-2.049m8.089 6.588a1.5 1.5 0 1 0-1.5 2.599q.531.306 1.08.578a1.5 1.5 0 0 0 1.333-2.687q-.464-.23-.913-.49m10.877 3.581a1.5 1.5 0 0 1-1.403 1.592q-.611.038-1.224.038a1.5 1.5 0 0 1 0-3q.519 0 1.036-.033a1.5 1.5 0 0 1 1.591 1.403m8.164-1.628a1.5 1.5 0 0 0-1.66-2.499q-.432.287-.881.546a1.5 1.5 0 0 0 1.5 2.598q.53-.306 1.041-.645m5.999-9.582a1.5 1.5 0 0 1 .676 2.01q-.271.549-.579 1.08a1.5 1.5 0 1 1-2.598-1.5q.26-.45.49-.914a1.5 1.5 0 0 1 2.01-.676m1.557-13.265a1.5 1.5 0 0 0-2.822 1.016c.645 1.793.975 3.684.975 5.589a1.5 1.5 0 0 0 3 0 19.5 19.5 0 0 0-1.153-6.605M21.5 24a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0"/></svg></template>
<script setup lang="ts">
/**
 * Gauge48 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>
