<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="M7.567 22.5h5.03c.735-5.642 5.56-10 11.403-10s10.668 4.358 11.403 10h5.03c-.758-8.41-7.826-15-16.433-15s-15.675 6.59-16.433 15M6 25.5h.507q-.007.25-.007.5c0 9.665 7.835 17.5 17.5 17.5 3.18 0 6.165-.85 8.736-2.333l.3 1.096a1 1 0 0 0 .257.444l1 1a1 1 0 0 0 1.414-1.414l-.812-.812-2.47-9.056 9.056 2.47.812.812a1 1 0 0 0 1.414-1.414l-1-1a1 1 0 0 0-.444-.258l-2.006-.547a17.5 17.5 0 0 0 1.236-6.988H42a1.5 1.5 0 0 0 1.5-1.5c0-10.77-8.73-19.5-19.5-19.5S4.5 13.23 4.5 24A1.5 1.5 0 0 0 6 25.5m3.5.5q0-.25.008-.5H14a1.5 1.5 0 0 0 1.5-1.5 8.5 8.5 0 0 1 17 0 1.5 1.5 0 0 0 1.5 1.5h4.492q.008.25.008.5c0 2.023-.413 3.947-1.16 5.693l-6.077-1.658a1 1 0 0 0-1.228 1.228l1.879 6.889A14.43 14.43 0 0 1 24 40.5c-8.008 0-14.5-6.492-14.5-14.5M24 25a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-3 1a3 3 0 1 1 6 0 3 3 0 0 1-6 0m-5.252 3.6a1 1 0 1 0-1.832.8A11 11 0 0 0 24 37a1 1 0 1 0 0-2 9 9 0 0 1-8.252-5.4"/></svg></template>
<script setup lang="ts">
/**
 * Sharpening48 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>
