<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="M8 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1.003c2.366 1.284 4 3.692 4 6.497v.646q.418-.063.836-.132a1 1 0 1 1 .329 1.972 55.4 55.4 0 0 1-18.33 0 1 1 0 1 1 .33-1.972q.417.069.835.132V9.5c0-2.805 1.634-5.214 4-6.497zm10 7.5v.91q-6 .68-12 0V9.5c0-1.61.76-3.082 2-4.1V6a1 1 0 0 0 2 0V3h4v3a1 1 0 1 0 2 0v-.6c1.24 1.018 2 2.49 2 4.1M7.502 9.458a.5.5 0 0 1 .54-.456c1.125.095 2.445.16 3.958.16s2.833-.065 3.958-.16a.5.5 0 0 1 .084.996c-1.152.098-2.5.164-4.042.164s-2.89-.066-4.042-.164a.5.5 0 0 1-.456-.54M8 16a2 2 0 1 0 0 4c.607 0 .921-.125 1.098-.236.185-.117.322-.28.49-.548l.088-.143c.143-.24.364-.608.626-.878.41-.424.96-.695 1.698-.695.739 0 1.289.271 1.699.695.262.27.482.639.626.878q.05.084.087.143c.169.268.306.431.49.547.177.112.491.237 1.098.237a2 2 0 0 0 1.723-3.016l-1.87 1.87a.5.5 0 0 1-.706-.708l1.87-1.87a2 2 0 0 0-.405-.18l-1.258 1.258a.5.5 0 0 1-.707-.708l.646-.646zm-4 3.5h.291a4 4 0 0 0 3.71 2.5c.892 0 1.598-.188 2.164-.545.56-.352.89-.814 1.115-1.171.087-.137.152-.245.204-.332.11-.18.166-.274.254-.366l.003-.003c.043-.044.08-.083.26-.083s.216.04.258.083l.003.003c.088.092.145.186.254.366.053.087.118.195.204.332.226.357.556.819 1.115 1.171.566.357 1.272.545 2.165.545a4 4 0 0 0 3.71-2.5H20a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1h-.535A4 4 0 0 0 16 14H8c-1.48 0-2.773.804-3.465 2H4a1 1 0 0 0-1 1v1.5a1 1 0 0 0 1 1"/></svg></template>
<script setup lang="ts">
/**
 * HardHatAlt24 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>
