<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="M20 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1.215c4.11 1.525 7.112 5.331 7.465 9.883a1.5 1.5 0 0 1 1.596 2.463 7.3 7.3 0 0 1-1.561 1.162V20c0 4.678-2.793 8.704-6.803 10.5H30c2.595 0 4.965 1.584 6.602 3.358C38.222 35.613 39.5 37.962 39.5 40v2a1.5 1.5 0 0 1-1.5 1.5H10A1.5 1.5 0 0 1 8.5 42v-2c0-2.038 1.277-4.387 2.898-6.142C13.035 32.084 15.405 30.5 18 30.5h1.303A11.5 11.5 0 0 1 12.5 20v-1.277a7.3 7.3 0 0 1-1.56-1.162 1.5 1.5 0 0 1 1.595-2.463C12.888 10.546 15.89 6.74 20 5.215zm-4.5 15.94V20a8.5 8.5 0 0 0 17 0v-.06q-.51.148-1.031.27c-2.26.532-4.879.79-7.469.79s-5.209-.258-7.469-.79a21 21 0 0 1-1.031-.27m17-3.148q-.766.273-1.719.498c-1.99.468-4.371.71-6.781.71s-4.791-.242-6.781-.71a16 16 0 0 1-1.719-.498V16A8.5 8.5 0 0 1 20 8.498V11a1 1 0 1 0 2 0V5h4v6a1 1 0 1 0 2 0V8.498A8.5 8.5 0 0 1 32.5 16zm-18.898 19.1C12.222 37.387 11.5 39.038 11.5 40v.5h25V40c0-.962-.723-2.613-2.102-4.108C33.035 34.416 31.405 33.5 30 33.5H18c-1.405 0-3.035.916-4.398 2.392"/></svg></template>
<script setup lang="ts">
/**
 * Craftsman48 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>
