<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M12 5.667a1 1 0 0 0-1 1v1.621a10.33 10.33 0 0 0-5.333 9.045v1.908A3.226 3.226 0 0 0 3 22.413c0 1.37.892 2.648 2.326 2.955 1.905.408 5.464.965 10.674.965s8.769-.557 10.674-.965C28.108 25.06 29 23.784 29 22.413a3.226 3.226 0 0 0-2.667-3.172v-1.908A10.33 10.33 0 0 0 21 8.288V6.667a1 1 0 0 0-1-1zm1 3.209v5.791a1 1 0 1 1-2 0v-4.001a8.32 8.32 0 0 0-3.333 6.667v3.965l-1.076-.082-.264-.02A1.23 1.23 0 0 0 5 22.413c0 .525.325.909.745.999 1.77.379 5.189.921 10.255.921s8.485-.542 10.255-.921c.42-.09.745-.474.745-1 0-.705-.61-1.271-1.327-1.216l-.264.02-1.076.082v-3.965A8.32 8.32 0 0 0 21 10.666v4a1 1 0 1 1-2 0v-7h-6zM10.709 20.78a.5.5 0 1 0-.085.996c1.533.13 3.325.217 5.376.217s3.843-.087 5.376-.217a.5.5 0 1 0-.085-.996 63 63 0 0 1-5.291.213c-2.023 0-3.787-.085-5.291-.213"/></svg></template>
<script setup lang="ts">
/**
 * HardHat32 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>
