<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="M7.5 3.417a.75.75 0 0 0-.75.75v.94a6.58 6.58 0 0 0-3.333 5.726v1.09a2.14 2.14 0 0 0-1.667 2.085c0 .91.593 1.764 1.553 1.969 1.199.257 3.431.606 6.697.606s5.498-.35 6.697-.606c.96-.205 1.553-1.06 1.553-1.97a2.14 2.14 0 0 0-1.667-2.083v-1.09a6.58 6.58 0 0 0-3.333-5.727v-.94a.75.75 0 0 0-.75-.75zm.75 2.128v3.622a.75.75 0 0 1-1.5 0V6.924a5.07 5.07 0 0 0-1.833 3.91v2.612l-.807-.061-.165-.013a.643.643 0 0 0-.695.636c0 .275.168.46.367.502 1.098.235 3.225.573 6.383.573s5.285-.338 6.383-.573c.2-.042.367-.227.367-.502a.643.643 0 0 0-.695-.636l-.165.013-.807.061v-2.613c0-1.57-.712-2.976-1.833-3.909v2.243a.75.75 0 0 1-1.5 0v-4.25h-3.5zM6.709 12.8a.5.5 0 0 0-.085.996 40 40 0 0 0 3.376.136c1.287 0 2.413-.054 3.376-.136a.5.5 0 1 0-.085-.997c-.935.08-2.032.133-3.291.133s-2.356-.053-3.291-.133"/></svg></template>
<script setup lang="ts">
/**
 * HardHat20 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>
