<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M16.5 4A1.5 1.5 0 0 1 18 2.5h12A1.5 1.5 0 0 1 31.5 4v2.307c4.73 2.452 8 7.185 8 12.693v1.872q1.126-.164 2.253-.352a1.5 1.5 0 1 1 .493 2.96 110.3 110.3 0 0 1-36.493 0 1.5 1.5 0 1 1 .493-2.96q1.127.189 2.253.352V19c0-5.508 3.27-10.242 8.001-12.693zm20 15v2.267q-12.5 1.467-25 0V19c0-3.728 1.938-7.086 5-9.201V12a1.5 1.5 0 0 0 3 0V5.5h9V12a1.5 1.5 0 0 0 3 0V9.8c3.062 2.115 5 5.472 5 9.2m-21.497-.085a1 1 0 0 1 1.081-.911c2.25.19 4.888.319 7.916.319s5.666-.128 7.915-.32a1 1 0 1 1 .17 1.993c-2.306.196-5.001.327-8.085.327s-5.78-.13-8.085-.327a1 1 0 0 1-.912-1.08M16 31.5a4.5 4.5 0 1 0 0 9c1.286 0 2.011-.265 2.463-.55.462-.291.785-.693 1.137-1.251q.09-.142.199-.325c.29-.483.686-1.144 1.163-1.636.729-.753 1.7-1.238 3.038-1.238s2.31.485 3.038 1.238c.477.492.874 1.153 1.164 1.635q.11.185.198.326c.352.558.675.96 1.137 1.25.452.286 1.178.551 2.463.551a4.5 4.5 0 0 0 3.81-6.896l-4.103 4.103a1 1 0 0 1-1.414-1.414l4.103-4.103a4.5 4.5 0 0 0-.78-.391l-2.909 2.908a1 1 0 0 1-1.414-1.414l1.793-1.793zm-8 7h.927a7.5 7.5 0 0 0 7.073 5c1.715 0 3.028-.36 4.063-1.012 1.025-.647 1.637-1.495 2.074-2.187.149-.236.268-.434.372-.604.24-.4.39-.648.608-.872.18-.185.38-.325.883-.325.504 0 .704.14.883.325.217.224.368.473.609.872.103.17.223.368.371.604.438.692 1.05 1.54 2.074 2.187C28.972 43.14 30.286 43.5 32 43.5a7.5 7.5 0 0 0 7.073-5H40a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 0-1.5-1.5h-1.365a7.5 7.5 0 0 0-6.635-4H16a7.5 7.5 0 0 0-6.635 4H8A1.5 1.5 0 0 0 6.5 34v3A1.5 1.5 0 0 0 8 38.5"/></svg></template>
<script setup lang="ts">
/**
 * HardHatAlt48 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>
