<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="M10 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v.342a6.01 6.01 0 0 1 3.954 4.91 1 1 0 0 1 .753 1.706 3.8 3.8 0 0 1-.707.546V10a6 6 0 0 1-2.702 5.013c1.276.11 2.406.9 3.187 1.746.83.9 1.515 2.133 1.515 3.241v1a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1c0-1.108.685-2.341 1.515-3.24.781-.847 1.911-1.638 3.187-1.747A6 6 0 0 1 6 10v-.496a3.8 3.8 0 0 1-.707-.547 1 1 0 0 1 .753-1.706A6.01 6.01 0 0 1 10 2.341zm-1.989 8.3a4 4 0 0 0 7.978 0l-.197.048c-1.153.272-2.482.402-3.792.402s-2.64-.13-3.792-.402zM16 8.217a8 8 0 0 1-.666.185c-.973.228-2.144.348-3.334.348s-2.36-.12-3.333-.348A8 8 0 0 1 8 8.217V8a4 4 0 0 1 2-3.465V5.5a.5.5 0 0 0 1 0v-3h2v3a.5.5 0 0 0 1 0v-.965A4 4 0 0 1 16 8zm-9.015 9.899C6.315 18.84 6 19.608 6 20h12c0-.391-.315-1.159-.985-1.884C16.356 17.402 15.603 17 15 17H9c-.603 0-1.356.402-2.015 1.116"/></svg></template>
<script setup lang="ts">
/**
 * Craftsman24 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>
