<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.333 1.75a.75.75 0 0 0-.75.75v1.34a4.9 4.9 0 0 0-1.71.987l-1.16-.67a.75.75 0 0 0-1.025.275L2.021 7.318a.75.75 0 0 0 .275 1.025l1.16.67a4.9 4.9 0 0 0 0 1.974l-1.16.67a.75.75 0 0 0-.275 1.024l1.667 2.887a.75.75 0 0 0 1.025.275l1.16-.67a4.9 4.9 0 0 0 1.71.986V17.5c0 .414.336.75.75.75h3.333a.75.75 0 0 0 .75-.75v-1.34a4.9 4.9 0 0 0 1.71-.988l1.16.67a.75.75 0 0 0 1.025-.274l1.667-2.886a.75.75 0 0 0-.275-1.025l-1.16-.67a4.9 4.9 0 0 0-.001-1.974l1.161-.67a.75.75 0 0 0 .275-1.025L16.31 4.431a.75.75 0 0 0-1.025-.274l-1.16.67a4.9 4.9 0 0 0-1.71-.986V2.5a.75.75 0 0 0-.75-.75zm.75 2.667V3.25h1.833v1.781l.603.121c.689.138 1.37.479 1.918 1.106l.406.464.533-.308 1.01-.583.917 1.588-1.01.583-.532.307.197.583c.225.666.27 1.425 0 2.214l-.199.583.534.309 1.01.583-.916 1.588-1.01-.584-.533-.307-.406.462c-.464.528-1.1.946-1.917 1.107l-.605.12v1.783H9.083v-1.782l-.603-.12a3.4 3.4 0 0 1-1.918-1.107l-.406-.464-.534.308-1.01.584-.917-1.588 1.01-.583.533-.308-.197-.582a3.4 3.4 0 0 1 0-2.214l.199-.584-.534-.308-1.01-.583.916-1.588 1.01.583.533.308.406-.462a3.4 3.4 0 0 1 1.917-1.108l.605-.119zM8.25 10a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0M10 6.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5"/></svg></template>
<script setup lang="ts">
/**
 * Settings20 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>
