<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.25 1.667a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v.404a4.92 4.92 0 0 1 3.138 4.062.749.749 0 0 1 .643 1.272 3 3 0 0 1-.614.468v.46a4.92 4.92 0 0 1-2.443 4.25h.026c1.131 0 2.15.688 2.843 1.44.685.742 1.24 1.75 1.24 2.644v.833a.75.75 0 0 1-.75.75H4.168a.75.75 0 0 1-.75-.75v-.833c0-.894.555-1.902 1.24-2.645.694-.75 1.713-1.439 2.843-1.439h.027a4.92 4.92 0 0 1-2.443-4.25v-.46a3 3 0 0 1-.614-.468.75.75 0 0 1 .642-1.272A4.92 4.92 0 0 1 8.25 2.071zM6.587 8.474a3.417 3.417 0 0 0 6.827 0q-.136.036-.273.068c-.953.225-2.054.333-3.14.333s-2.188-.108-3.141-.333a9 9 0 0 1-.274-.068m6.83-1.566a7 7 0 0 1-.62.174c-.818.193-1.8.293-2.797.293-.996 0-1.979-.1-2.797-.293a7 7 0 0 1-.62-.174v-.242c0-1.246.669-2.338 1.667-2.935v.852a.5.5 0 1 0 1 0V2.167h1.5v2.416a.5.5 0 0 0 1 0v-.852a3.42 3.42 0 0 1 1.667 2.936zM5.76 15.04c-.565.612-.843 1.27-.843 1.627v.083h10.167v-.083c0-.357-.278-1.016-.843-1.627-.557-.603-1.205-.957-1.74-.957h-5c-.537 0-1.185.354-1.741.957"/></svg></template>
<script setup lang="ts">
/**
 * Craftsman20 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>
