<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M4.075 11h-.013a8.001 8.001 0 0 1 15.876 0h-2.021a6.002 6.002 0 0 0-11.834 0zM2 12a1 1 0 0 0 1 1 9 9 0 0 0 13.436 7.832l.082.3a.5.5 0 0 0 .128.222l.5.5a.5.5 0 0 0 .708-.708l-.407-.406-1.234-4.527 4.527 1.234.406.407a.5.5 0 0 0 .708-.708l-.5-.5a.5.5 0 0 0-.222-.128l-.76-.208A9 9 0 0 0 21 13a1 1 0 0 0 1-1c0-5.523-4.477-10-10-10S2 6.477 2 12m15 1h2c0 .99-.205 1.929-.573 2.78l-2.795-.762a.5.5 0 0 0-.614.614l.87 3.19A7 7 0 0 1 5 13h2a1 1 0 0 0 1-1 4 4 0 1 1 8 0 1 1 0 0 0 1 1m-5-.5a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1m-1.5.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m-2.626 1.8a.5.5 0 0 0-.916.4A5.5 5.5 0 0 0 12 18.5a.5.5 0 0 0 0-1 4.5 4.5 0 0 1-4.126-2.7"/></svg></template>
<script setup lang="ts">
/**
 * Sharpening24 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>
