hardhat logo

hardhat from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: hardhat
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

hardhatCatppuccin Icons hardhatSVG Logos hardhatMaterial Icon Theme

Use the hardhat logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVG6AfHZckL" x1="10.561" x2="10.561" y1="30.514" y2="6.186" gradientTransform="translate(-2.326 11.158)scale(2.56617)" gradientUnits="userSpaceOnUse"><stop stop-color="#edcf00"/><stop offset=".33" stop-color="#f0d500"/><stop offset=".77" stop-color="#f9e500"/><stop offset="1" stop-color="#fff100"/></linearGradient><linearGradient id="SVG1SV4JcVz" x1="46.089" x2="46.089" y1="30.692" y2="13.092" gradientTransform="translate(-2.326 11.158)scale(2.56617)" gradientUnits="userSpaceOnUse"><stop stop-color="#edcf00"/><stop offset=".59" stop-color="#f7e100"/><stop offset="1" stop-color="#fff100"/></linearGradient><radialGradient id="SVGjeQEkdxq" cx="0" cy="0" r="1" gradientTransform="matrix(47.57621 0 0 47.25236 7.172 132.114)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff100"/><stop offset=".23" stop-color="#f9e500"/><stop offset=".67" stop-color="#f0d500"/><stop offset="1" stop-color="#edcf00"/></radialGradient></defs><path fill="#fff100" d="M127.99 98.893V92.68c0-1.155-1.943-2.256-5.43-3.249l.084-7.732a57.7 57.7 0 0 0-10.588-33.296A58.57 58.57 0 0 0 84.121 27.13l-.25-1.55a4.4 4.4 0 0 0-1.046-2.238a4.5 4.5 0 0 0-2.092-1.337a59.4 59.4 0 0 0-33.167 0c-.814.239-1.54.7-2.1 1.335a4.4 4.4 0 0 0-1.051 2.237l-.24 1.445a58.6 58.6 0 0 0-28.13 21.256A57.73 57.73 0 0 0 5.374 81.697v7.765c-3.439.99-5.356 2.079-5.356 3.226V98.9a1.5 1.5 0 0 0 .224 1.047a15 15 0 0 1 5.766-2.604a113 113 0 0 1 16.174-2.684a10.9 10.9 0 0 1 8.487 2.712a22.97 22.97 0 0 0 15.42 5.933h35.834a22.95 22.95 0 0 0 15.417-5.938a10.9 10.9 0 0 1 8.489-2.743A114 114 0 0 1 122 97.297a13.5 13.5 0 0 1 5.466 2.373c.09.09.2.17.277.254a1.54 1.54 0 0 0 .246-1.031z"/><path fill="url(#SVG6AfHZckL)" d="M30.752 85.818a136 136 0 0 1-.077-4.293c.018-21.597 5.112-40.966 13.503-54.493a58.6 58.6 0 0 0-28.13 21.253A57.73 57.73 0 0 0 5.373 81.697v7.765a143.5 143.5 0 0 1 25.38-3.644Z"/><path fill="url(#SVG1SV4JcVz)" d="M122.639 81.697a57.55 57.55 0 0 0-13.383-36.943a119.5 119.5 0 0 1 5.548 36.76c0 2.105-.056 4.183-.153 6.25a73 73 0 0 1 7.888 1.662l.097-7.73z"/><path fill="url(#SVGjeQEkdxq)" d="M122 97.32a113.5 113.5 0 0 0-16.175-2.685a10.9 10.9 0 0 0-8.488 2.726a22.95 22.95 0 0 1-15.42 5.935h-35.82a22.96 22.96 0 0 1-15.411-5.933a10.9 10.9 0 0 0-8.49-2.748a114 114 0 0 0-16.174 2.682A15.2 15.2 0 0 0 .26 99.9c2.72 4.127 30.234 8.456 63.758 8.456c33.527 0 61.029-4.345 63.754-8.453c-.095-.082-.2-.162-.28-.252A14 14 0 0 0 122 97.32"/><path fill="#0a0a0a" d="M64 37.882L50.28 61.034L64 69.477V37.88Z"/><path fill="#4b4d4d" d="M64.005 37.89v31.579l13.716-8.427zm0 36.165v11.011c.256-.364 13.716-19.451 13.716-19.46l-13.716 8.451z"/><path fill="#0a0a0a" d="m64.005 74.06l-13.72-8.438l13.72 19.452v-11.02Z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconHardhat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVG6AfHZckL" x1="10.561" x2="10.561" y1="30.514" y2="6.186" gradientTransform="translate(-2.326 11.158)scale(2.56617)" gradientUnits="userSpaceOnUse"><stop stopColor="#edcf00"/><stop offset=".33" stopColor="#f0d500"/><stop offset=".77" stopColor="#f9e500"/><stop offset="1" stopColor="#fff100"/></linearGradient><linearGradient id="SVG1SV4JcVz" x1="46.089" x2="46.089" y1="30.692" y2="13.092" gradientTransform="translate(-2.326 11.158)scale(2.56617)" gradientUnits="userSpaceOnUse"><stop stopColor="#edcf00"/><stop offset=".59" stopColor="#f7e100"/><stop offset="1" stopColor="#fff100"/></linearGradient><radialGradient id="SVGjeQEkdxq" cx="0" cy="0" r="1" gradientTransform="matrix(47.57621 0 0 47.25236 7.172 132.114)" gradientUnits="userSpaceOnUse"><stop stopColor="#fff100"/><stop offset=".23" stopColor="#f9e500"/><stop offset=".67" stopColor="#f0d500"/><stop offset="1" stopColor="#edcf00"/></radialGradient></defs><path fill="#fff100" d="M127.99 98.893V92.68c0-1.155-1.943-2.256-5.43-3.249l.084-7.732a57.7 57.7 0 0 0-10.588-33.296A58.57 58.57 0 0 0 84.121 27.13l-.25-1.55a4.4 4.4 0 0 0-1.046-2.238a4.5 4.5 0 0 0-2.092-1.337a59.4 59.4 0 0 0-33.167 0c-.814.239-1.54.7-2.1 1.335a4.4 4.4 0 0 0-1.051 2.237l-.24 1.445a58.6 58.6 0 0 0-28.13 21.256A57.73 57.73 0 0 0 5.374 81.697v7.765c-3.439.99-5.356 2.079-5.356 3.226V98.9a1.5 1.5 0 0 0 .224 1.047a15 15 0 0 1 5.766-2.604a113 113 0 0 1 16.174-2.684a10.9 10.9 0 0 1 8.487 2.712a22.97 22.97 0 0 0 15.42 5.933h35.834a22.95 22.95 0 0 0 15.417-5.938a10.9 10.9 0 0 1 8.489-2.743A114 114 0 0 1 122 97.297a13.5 13.5 0 0 1 5.466 2.373c.09.09.2.17.277.254a1.54 1.54 0 0 0 .246-1.031z"/><path fill="url(#SVG6AfHZckL)" d="M30.752 85.818a136 136 0 0 1-.077-4.293c.018-21.597 5.112-40.966 13.503-54.493a58.6 58.6 0 0 0-28.13 21.253A57.73 57.73 0 0 0 5.373 81.697v7.765a143.5 143.5 0 0 1 25.38-3.644Z"/><path fill="url(#SVG1SV4JcVz)" d="M122.639 81.697a57.55 57.55 0 0 0-13.383-36.943a119.5 119.5 0 0 1 5.548 36.76c0 2.105-.056 4.183-.153 6.25a73 73 0 0 1 7.888 1.662l.097-7.73z"/><path fill="url(#SVGjeQEkdxq)" d="M122 97.32a113.5 113.5 0 0 0-16.175-2.685a10.9 10.9 0 0 0-8.488 2.726a22.95 22.95 0 0 1-15.42 5.935h-35.82a22.96 22.96 0 0 1-15.411-5.933a10.9 10.9 0 0 0-8.49-2.748a114 114 0 0 0-16.174 2.682A15.2 15.2 0 0 0 .26 99.9c2.72 4.127 30.234 8.456 63.758 8.456c33.527 0 61.029-4.345 63.754-8.453c-.095-.082-.2-.162-.28-.252A14 14 0 0 0 122 97.32"/><path fill="#0a0a0a" d="M64 37.882L50.28 61.034L64 69.477V37.88Z"/><path fill="#4b4d4d" d="M64.005 37.89v31.579l13.716-8.427zm0 36.165v11.011c.256-.364 13.716-19.451 13.716-19.46l-13.716 8.451z"/><path fill="#0a0a0a" d="m64.005 74.06l-13.72-8.438l13.72 19.452v-11.02Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVG6AfHZckL" x1="10.561" x2="10.561" y1="30.514" y2="6.186" gradientTransform="translate(-2.326 11.158)scale(2.56617)" gradientUnits="userSpaceOnUse"><stop stop-color="#edcf00"/><stop offset=".33" stop-color="#f0d500"/><stop offset=".77" stop-color="#f9e500"/><stop offset="1" stop-color="#fff100"/></linearGradient><linearGradient id="SVG1SV4JcVz" x1="46.089" x2="46.089" y1="30.692" y2="13.092" gradientTransform="translate(-2.326 11.158)scale(2.56617)" gradientUnits="userSpaceOnUse"><stop stop-color="#edcf00"/><stop offset=".59" stop-color="#f7e100"/><stop offset="1" stop-color="#fff100"/></linearGradient><radialGradient id="SVGjeQEkdxq" cx="0" cy="0" r="1" gradientTransform="matrix(47.57621 0 0 47.25236 7.172 132.114)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff100"/><stop offset=".23" stop-color="#f9e500"/><stop offset=".67" stop-color="#f0d500"/><stop offset="1" stop-color="#edcf00"/></radialGradient></defs><path fill="#fff100" d="M127.99 98.893V92.68c0-1.155-1.943-2.256-5.43-3.249l.084-7.732a57.7 57.7 0 0 0-10.588-33.296A58.57 58.57 0 0 0 84.121 27.13l-.25-1.55a4.4 4.4 0 0 0-1.046-2.238a4.5 4.5 0 0 0-2.092-1.337a59.4 59.4 0 0 0-33.167 0c-.814.239-1.54.7-2.1 1.335a4.4 4.4 0 0 0-1.051 2.237l-.24 1.445a58.6 58.6 0 0 0-28.13 21.256A57.73 57.73 0 0 0 5.374 81.697v7.765c-3.439.99-5.356 2.079-5.356 3.226V98.9a1.5 1.5 0 0 0 .224 1.047a15 15 0 0 1 5.766-2.604a113 113 0 0 1 16.174-2.684a10.9 10.9 0 0 1 8.487 2.712a22.97 22.97 0 0 0 15.42 5.933h35.834a22.95 22.95 0 0 0 15.417-5.938a10.9 10.9 0 0 1 8.489-2.743A114 114 0 0 1 122 97.297a13.5 13.5 0 0 1 5.466 2.373c.09.09.2.17.277.254a1.54 1.54 0 0 0 .246-1.031z"/><path fill="url(#SVG6AfHZckL)" d="M30.752 85.818a136 136 0 0 1-.077-4.293c.018-21.597 5.112-40.966 13.503-54.493a58.6 58.6 0 0 0-28.13 21.253A57.73 57.73 0 0 0 5.373 81.697v7.765a143.5 143.5 0 0 1 25.38-3.644Z"/><path fill="url(#SVG1SV4JcVz)" d="M122.639 81.697a57.55 57.55 0 0 0-13.383-36.943a119.5 119.5 0 0 1 5.548 36.76c0 2.105-.056 4.183-.153 6.25a73 73 0 0 1 7.888 1.662l.097-7.73z"/><path fill="url(#SVGjeQEkdxq)" d="M122 97.32a113.5 113.5 0 0 0-16.175-2.685a10.9 10.9 0 0 0-8.488 2.726a22.95 22.95 0 0 1-15.42 5.935h-35.82a22.96 22.96 0 0 1-15.411-5.933a10.9 10.9 0 0 0-8.49-2.748a114 114 0 0 0-16.174 2.682A15.2 15.2 0 0 0 .26 99.9c2.72 4.127 30.234 8.456 63.758 8.456c33.527 0 61.029-4.345 63.754-8.453c-.095-.082-.2-.162-.28-.252A14 14 0 0 0 122 97.32"/><path fill="#0a0a0a" d="M64 37.882L50.28 61.034L64 69.477V37.88Z"/><path fill="#4b4d4d" d="M64.005 37.89v31.579l13.716-8.427zm0 36.165v11.011c.256-.364 13.716-19.451 13.716-19.46l-13.716 8.451z"/><path fill="#0a0a0a" d="m64.005 74.06l-13.72-8.438l13.72 19.452v-11.02Z"/></svg>
</template>

CSS

.icon-hardhat {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6AfHZckL%22%20x1%3D%2210.561%22%20x2%3D%2210.561%22%20y1%3D%2230.514%22%20y2%3D%226.186%22%20gradientTransform%3D%22translate(-2.326%2011.158)scale(2.56617)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23edcf00%22%2F%3E%3Cstop%20offset%3D%22.33%22%20stop-color%3D%22%23f0d500%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%23f9e500%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff100%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG1SV4JcVz%22%20x1%3D%2246.089%22%20x2%3D%2246.089%22%20y1%3D%2230.692%22%20y2%3D%2213.092%22%20gradientTransform%3D%22translate(-2.326%2011.158)scale(2.56617)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23edcf00%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%23f7e100%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff100%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGjeQEkdxq%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(47.57621%200%200%2047.25236%207.172%20132.114)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff100%22%2F%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%23f9e500%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23f0d500%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23edcf00%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff100%22%20d%3D%22M127.99%2098.893V92.68c0-1.155-1.943-2.256-5.43-3.249l.084-7.732a57.7%2057.7%200%200%200-10.588-33.296A58.57%2058.57%200%200%200%2084.121%2027.13l-.25-1.55a4.4%204.4%200%200%200-1.046-2.238a4.5%204.5%200%200%200-2.092-1.337a59.4%2059.4%200%200%200-33.167%200c-.814.239-1.54.7-2.1%201.335a4.4%204.4%200%200%200-1.051%202.237l-.24%201.445a58.6%2058.6%200%200%200-28.13%2021.256A57.73%2057.73%200%200%200%205.374%2081.697v7.765c-3.439.99-5.356%202.079-5.356%203.226V98.9a1.5%201.5%200%200%200%20.224%201.047a15%2015%200%200%201%205.766-2.604a113%20113%200%200%201%2016.174-2.684a10.9%2010.9%200%200%201%208.487%202.712a22.97%2022.97%200%200%200%2015.42%205.933h35.834a22.95%2022.95%200%200%200%2015.417-5.938a10.9%2010.9%200%200%201%208.489-2.743A114%20114%200%200%201%20122%2097.297a13.5%2013.5%200%200%201%205.466%202.373c.09.09.2.17.277.254a1.54%201.54%200%200%200%20.246-1.031z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6AfHZckL)%22%20d%3D%22M30.752%2085.818a136%20136%200%200%201-.077-4.293c.018-21.597%205.112-40.966%2013.503-54.493a58.6%2058.6%200%200%200-28.13%2021.253A57.73%2057.73%200%200%200%205.373%2081.697v7.765a143.5%20143.5%200%200%201%2025.38-3.644Z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1SV4JcVz)%22%20d%3D%22M122.639%2081.697a57.55%2057.55%200%200%200-13.383-36.943a119.5%20119.5%200%200%201%205.548%2036.76c0%202.105-.056%204.183-.153%206.25a73%2073%200%200%201%207.888%201.662l.097-7.73z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjeQEkdxq)%22%20d%3D%22M122%2097.32a113.5%20113.5%200%200%200-16.175-2.685a10.9%2010.9%200%200%200-8.488%202.726a22.95%2022.95%200%200%201-15.42%205.935h-35.82a22.96%2022.96%200%200%201-15.411-5.933a10.9%2010.9%200%200%200-8.49-2.748a114%20114%200%200%200-16.174%202.682A15.2%2015.2%200%200%200%20.26%2099.9c2.72%204.127%2030.234%208.456%2063.758%208.456c33.527%200%2061.029-4.345%2063.754-8.453c-.095-.082-.2-.162-.28-.252A14%2014%200%200%200%20122%2097.32%22%2F%3E%3Cpath%20fill%3D%22%230a0a0a%22%20d%3D%22M64%2037.882L50.28%2061.034L64%2069.477V37.88Z%22%2F%3E%3Cpath%20fill%3D%22%234b4d4d%22%20d%3D%22M64.005%2037.89v31.579l13.716-8.427zm0%2036.165v11.011c.256-.364%2013.716-19.451%2013.716-19.46l-13.716%208.451z%22%2F%3E%3Cpath%20fill%3D%22%230a0a0a%22%20d%3D%22m64.005%2074.06l-13.72-8.438l13.72%2019.452v-11.02Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6AfHZckL%22%20x1%3D%2210.561%22%20x2%3D%2210.561%22%20y1%3D%2230.514%22%20y2%3D%226.186%22%20gradientTransform%3D%22translate(-2.326%2011.158)scale(2.56617)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23edcf00%22%2F%3E%3Cstop%20offset%3D%22.33%22%20stop-color%3D%22%23f0d500%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%23f9e500%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff100%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG1SV4JcVz%22%20x1%3D%2246.089%22%20x2%3D%2246.089%22%20y1%3D%2230.692%22%20y2%3D%2213.092%22%20gradientTransform%3D%22translate(-2.326%2011.158)scale(2.56617)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23edcf00%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%23f7e100%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff100%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGjeQEkdxq%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(47.57621%200%200%2047.25236%207.172%20132.114)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff100%22%2F%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%23f9e500%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23f0d500%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23edcf00%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff100%22%20d%3D%22M127.99%2098.893V92.68c0-1.155-1.943-2.256-5.43-3.249l.084-7.732a57.7%2057.7%200%200%200-10.588-33.296A58.57%2058.57%200%200%200%2084.121%2027.13l-.25-1.55a4.4%204.4%200%200%200-1.046-2.238a4.5%204.5%200%200%200-2.092-1.337a59.4%2059.4%200%200%200-33.167%200c-.814.239-1.54.7-2.1%201.335a4.4%204.4%200%200%200-1.051%202.237l-.24%201.445a58.6%2058.6%200%200%200-28.13%2021.256A57.73%2057.73%200%200%200%205.374%2081.697v7.765c-3.439.99-5.356%202.079-5.356%203.226V98.9a1.5%201.5%200%200%200%20.224%201.047a15%2015%200%200%201%205.766-2.604a113%20113%200%200%201%2016.174-2.684a10.9%2010.9%200%200%201%208.487%202.712a22.97%2022.97%200%200%200%2015.42%205.933h35.834a22.95%2022.95%200%200%200%2015.417-5.938a10.9%2010.9%200%200%201%208.489-2.743A114%20114%200%200%201%20122%2097.297a13.5%2013.5%200%200%201%205.466%202.373c.09.09.2.17.277.254a1.54%201.54%200%200%200%20.246-1.031z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6AfHZckL)%22%20d%3D%22M30.752%2085.818a136%20136%200%200%201-.077-4.293c.018-21.597%205.112-40.966%2013.503-54.493a58.6%2058.6%200%200%200-28.13%2021.253A57.73%2057.73%200%200%200%205.373%2081.697v7.765a143.5%20143.5%200%200%201%2025.38-3.644Z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1SV4JcVz)%22%20d%3D%22M122.639%2081.697a57.55%2057.55%200%200%200-13.383-36.943a119.5%20119.5%200%200%201%205.548%2036.76c0%202.105-.056%204.183-.153%206.25a73%2073%200%200%201%207.888%201.662l.097-7.73z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjeQEkdxq)%22%20d%3D%22M122%2097.32a113.5%20113.5%200%200%200-16.175-2.685a10.9%2010.9%200%200%200-8.488%202.726a22.95%2022.95%200%200%201-15.42%205.935h-35.82a22.96%2022.96%200%200%201-15.411-5.933a10.9%2010.9%200%200%200-8.49-2.748a114%20114%200%200%200-16.174%202.682A15.2%2015.2%200%200%200%20.26%2099.9c2.72%204.127%2030.234%208.456%2063.758%208.456c33.527%200%2061.029-4.345%2063.754-8.453c-.095-.082-.2-.162-.28-.252A14%2014%200%200%200%20122%2097.32%22%2F%3E%3Cpath%20fill%3D%22%230a0a0a%22%20d%3D%22M64%2037.882L50.28%2061.034L64%2069.477V37.88Z%22%2F%3E%3Cpath%20fill%3D%22%234b4d4d%22%20d%3D%22M64.005%2037.89v31.579l13.716-8.427zm0%2036.165v11.011c.256-.364%2013.716-19.451%2013.716-19.46l-13.716%208.451z%22%2F%3E%3Cpath%20fill%3D%22%230a0a0a%22%20d%3D%22m64.005%2074.06l-13.72-8.438l13.72%2019.452v-11.02Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/hardhat.svg?color=%231a73e8&size=48