<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M24 11.833a1.5 1.5 0 0 0-1.5 1.5v3.54c-6.345 3.395-10.667 10.088-10.667 17.793v4.251c-2.959.311-5.333 2.806-5.333 5.908 0 2.53 1.642 4.861 4.257 5.421 3.776.809 10.858 1.92 21.243 1.92s17.467-1.111 21.243-1.92c2.615-.56 4.257-2.89 4.257-5.42 0-3.103-2.374-5.598-5.333-5.909v-4.25c0-7.706-4.322-14.399-10.667-17.793v-3.54a1.5 1.5 0 0 0-1.5-1.5zm1.5 5.93v11.57a1.5 1.5 0 1 1-3 0v-8.967c-4.623 3.077-7.667 8.334-7.667 14.3v7.39l-1.613-.122-.527-.04C10.97 41.76 9.5 43.119 9.5 44.825c0 1.262.791 2.254 1.885 2.488 3.575.765 10.446 1.854 20.615 1.854s17.04-1.089 20.615-1.854c1.094-.234 1.885-1.226 1.885-2.488 0-1.706-1.47-3.064-3.193-2.931l-.19.014-.337.026-1.613.123v-7.39c0-5.967-3.044-11.224-7.667-14.301v8.967a1.5 1.5 0 1 1-3 0v-14.5h-13zM21.418 41.56a1 1 0 1 0-.17 1.992c3.066.26 6.65.435 10.752.435s7.686-.174 10.751-.435a1 1 0 1 0-.169-1.992c-3.009.255-6.536.427-10.582.427s-7.573-.172-10.582-.427"/></svg></template>
<script setup lang="ts">
/**
 * HardHat64 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>
