<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="M3.291 9.25H5.14a4.918 4.918 0 0 1 9.72 0h1.849a6.751 6.751 0 0 0-13.418 0m-.791 1.5h.084v.083a7.417 7.417 0 0 0 11.015 6.487l.085.312a.5.5 0 0 0 .13.222l.416.416a.5.5 0 1 0 .707-.707l-.323-.323-.985-3.61 3.611.984.323.323a.5.5 0 0 0 .707-.707l-.416-.417a.5.5 0 0 0-.222-.129l-.706-.192a7.4 7.4 0 0 0 .49-2.742h.084a.75.75 0 0 0 .75-.75 8.25 8.25 0 0 0-16.5 0c0 .414.336.75.75.75m1.583.083v-.083h1.75a.75.75 0 0 0 .75-.75 3.417 3.417 0 0 1 6.834 0c0 .414.336.75.75.75h1.75v.083c0 .802-.16 1.566-.448 2.262l-2.42-.66a.5.5 0 0 0-.615.613l.756 2.77a5.917 5.917 0 0 1-9.106-4.984M10 10.5a.333.333 0 1 0 0 .667.333.333 0 0 0 0-.667m-1.333.333a1.333 1.333 0 1 1 2.666 0 1.333 1.333 0 0 1-2.666 0M6.638 12.3a.5.5 0 0 0-.916.4A4.67 4.67 0 0 0 10 15.5a.5.5 0 0 0 0-1 3.67 3.67 0 0 1-3.362-2.2"/></svg></template>
<script setup lang="ts">
/**
 * Sharpening20 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>
