file type hardhat logo
file-type-hardhat from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-hardhat
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type hardhat logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f0d50c" d="M29.973 22.541s-4.257-.631-6.506-.812c-2.16-.174-4.72-.274-7.466-.274s-5.306.1-7.465.274c-2.25.183-6.506 1.058-6.506 1.058v1.1c0 .978 6.256 1.772 13.972 1.772s13.972-.794 13.972-1.772ZM11.705 7.952A12.81 12.81 0 0 0 3.2 20.016v1.814a31 31 0 0 1 5.546-.8q-.019-.526-.02-1.052a23.5 23.5 0 0 1 2.979-12.026"/><path fill="#fff04d" d="M28.806 20.016a12.75 12.75 0 0 0-2.923-8.142a26.6 26.6 0 0 1 1.212 8.1q0 .75-.038 1.482a16 16 0 0 1 1.729.367Z"/><path fill="#ffea00" d="M28.806 20.016a12.75 12.75 0 0 0-2.923-8.142a26.6 26.6 0 0 1 1.212 8.1q0 .75-.038 1.482a16 16 0 0 1 1.729.367Z"/><path fill="#fff04d" d="M25.883 11.873a12.82 12.82 0 0 0-14.177-3.921a23.45 23.45 0 0 0-2.981 12.023q0 .53.019 1.052a95 95 0 0 1 6.477-.255H16a75 75 0 0 1 11.055.689q.037-.733.039-1.482a26.6 26.6 0 0 0-1.211-8.106"/><path fill="#fff04d" d="m21.152 12.72l-.811-5.072a.98.98 0 0 0-.687-.788a12.86 12.86 0 0 0-7.243 0a.98.98 0 0 0-.686.788l-.812 5.072M16 20.664h-.782c-7.353.051-13.191.824-13.191 1.769V23.8a.34.34 0 0 0 .048.231a3.3 3.3 0 0 1 1.259-.578a25 25 0 0 1 3.533-.591a2.37 2.37 0 0 1 1.853.6a5 5 0 0 0 3.367 1.308h7.822a5 5 0 0 0 3.367-1.308a2.36 2.36 0 0 1 1.854-.606a25 25 0 0 1 3.532.592a2.95 2.95 0 0 1 1.194.522l.061.056a.34.34 0 0 0 .049-.232v-1.37c0-.975-6.251-1.768-13.967-1.768Z"/><path fill="#6e6f70" d="M18.945 16.6L16 18.409v2.356Z"/><path fill="#0a0a0a" d="M16 20.765v-2.356L13.055 16.6Zm-2.947-5.245L16 17.223v-6.47Z"/><path fill="#6e6f70" d="M18.945 15.519L16 10.753v6.469l2.947-1.7Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeHardhat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f0d50c" d="M29.973 22.541s-4.257-.631-6.506-.812c-2.16-.174-4.72-.274-7.466-.274s-5.306.1-7.465.274c-2.25.183-6.506 1.058-6.506 1.058v1.1c0 .978 6.256 1.772 13.972 1.772s13.972-.794 13.972-1.772ZM11.705 7.952A12.81 12.81 0 0 0 3.2 20.016v1.814a31 31 0 0 1 5.546-.8q-.019-.526-.02-1.052a23.5 23.5 0 0 1 2.979-12.026"/><path fill="#fff04d" d="M28.806 20.016a12.75 12.75 0 0 0-2.923-8.142a26.6 26.6 0 0 1 1.212 8.1q0 .75-.038 1.482a16 16 0 0 1 1.729.367Z"/><path fill="#ffea00" d="M28.806 20.016a12.75 12.75 0 0 0-2.923-8.142a26.6 26.6 0 0 1 1.212 8.1q0 .75-.038 1.482a16 16 0 0 1 1.729.367Z"/><path fill="#fff04d" d="M25.883 11.873a12.82 12.82 0 0 0-14.177-3.921a23.45 23.45 0 0 0-2.981 12.023q0 .53.019 1.052a95 95 0 0 1 6.477-.255H16a75 75 0 0 1 11.055.689q.037-.733.039-1.482a26.6 26.6 0 0 0-1.211-8.106"/><path fill="#fff04d" d="m21.152 12.72l-.811-5.072a.98.98 0 0 0-.687-.788a12.86 12.86 0 0 0-7.243 0a.98.98 0 0 0-.686.788l-.812 5.072M16 20.664h-.782c-7.353.051-13.191.824-13.191 1.769V23.8a.34.34 0 0 0 .048.231a3.3 3.3 0 0 1 1.259-.578a25 25 0 0 1 3.533-.591a2.37 2.37 0 0 1 1.853.6a5 5 0 0 0 3.367 1.308h7.822a5 5 0 0 0 3.367-1.308a2.36 2.36 0 0 1 1.854-.606a25 25 0 0 1 3.532.592a2.95 2.95 0 0 1 1.194.522l.061.056a.34.34 0 0 0 .049-.232v-1.37c0-.975-6.251-1.768-13.967-1.768Z"/><path fill="#6e6f70" d="M18.945 16.6L16 18.409v2.356Z"/><path fill="#0a0a0a" d="M16 20.765v-2.356L13.055 16.6Zm-2.947-5.245L16 17.223v-6.47Z"/><path fill="#6e6f70" d="M18.945 15.519L16 10.753v6.469l2.947-1.7Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f0d50c" d="M29.973 22.541s-4.257-.631-6.506-.812c-2.16-.174-4.72-.274-7.466-.274s-5.306.1-7.465.274c-2.25.183-6.506 1.058-6.506 1.058v1.1c0 .978 6.256 1.772 13.972 1.772s13.972-.794 13.972-1.772ZM11.705 7.952A12.81 12.81 0 0 0 3.2 20.016v1.814a31 31 0 0 1 5.546-.8q-.019-.526-.02-1.052a23.5 23.5 0 0 1 2.979-12.026"/><path fill="#fff04d" d="M28.806 20.016a12.75 12.75 0 0 0-2.923-8.142a26.6 26.6 0 0 1 1.212 8.1q0 .75-.038 1.482a16 16 0 0 1 1.729.367Z"/><path fill="#ffea00" d="M28.806 20.016a12.75 12.75 0 0 0-2.923-8.142a26.6 26.6 0 0 1 1.212 8.1q0 .75-.038 1.482a16 16 0 0 1 1.729.367Z"/><path fill="#fff04d" d="M25.883 11.873a12.82 12.82 0 0 0-14.177-3.921a23.45 23.45 0 0 0-2.981 12.023q0 .53.019 1.052a95 95 0 0 1 6.477-.255H16a75 75 0 0 1 11.055.689q.037-.733.039-1.482a26.6 26.6 0 0 0-1.211-8.106"/><path fill="#fff04d" d="m21.152 12.72l-.811-5.072a.98.98 0 0 0-.687-.788a12.86 12.86 0 0 0-7.243 0a.98.98 0 0 0-.686.788l-.812 5.072M16 20.664h-.782c-7.353.051-13.191.824-13.191 1.769V23.8a.34.34 0 0 0 .048.231a3.3 3.3 0 0 1 1.259-.578a25 25 0 0 1 3.533-.591a2.37 2.37 0 0 1 1.853.6a5 5 0 0 0 3.367 1.308h7.822a5 5 0 0 0 3.367-1.308a2.36 2.36 0 0 1 1.854-.606a25 25 0 0 1 3.532.592a2.95 2.95 0 0 1 1.194.522l.061.056a.34.34 0 0 0 .049-.232v-1.37c0-.975-6.251-1.768-13.967-1.768Z"/><path fill="#6e6f70" d="M18.945 16.6L16 18.409v2.356Z"/><path fill="#0a0a0a" d="M16 20.765v-2.356L13.055 16.6Zm-2.947-5.245L16 17.223v-6.47Z"/><path fill="#6e6f70" d="M18.945 15.519L16 10.753v6.469l2.947-1.7Z"/></svg> </template>
CSS
.icon-file-type-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%2032%2032%22%3E%3Cpath%20fill%3D%22%23f0d50c%22%20d%3D%22M29.973%2022.541s-4.257-.631-6.506-.812c-2.16-.174-4.72-.274-7.466-.274s-5.306.1-7.465.274c-2.25.183-6.506%201.058-6.506%201.058v1.1c0%20.978%206.256%201.772%2013.972%201.772s13.972-.794%2013.972-1.772ZM11.705%207.952A12.81%2012.81%200%200%200%203.2%2020.016v1.814a31%2031%200%200%201%205.546-.8q-.019-.526-.02-1.052a23.5%2023.5%200%200%201%202.979-12.026%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22M28.806%2020.016a12.75%2012.75%200%200%200-2.923-8.142a26.6%2026.6%200%200%201%201.212%208.1q0%20.75-.038%201.482a16%2016%200%200%201%201.729.367Z%22%2F%3E%3Cpath%20fill%3D%22%23ffea00%22%20d%3D%22M28.806%2020.016a12.75%2012.75%200%200%200-2.923-8.142a26.6%2026.6%200%200%201%201.212%208.1q0%20.75-.038%201.482a16%2016%200%200%201%201.729.367Z%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22M25.883%2011.873a12.82%2012.82%200%200%200-14.177-3.921a23.45%2023.45%200%200%200-2.981%2012.023q0%20.53.019%201.052a95%2095%200%200%201%206.477-.255H16a75%2075%200%200%201%2011.055.689q.037-.733.039-1.482a26.6%2026.6%200%200%200-1.211-8.106%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22m21.152%2012.72l-.811-5.072a.98.98%200%200%200-.687-.788a12.86%2012.86%200%200%200-7.243%200a.98.98%200%200%200-.686.788l-.812%205.072M16%2020.664h-.782c-7.353.051-13.191.824-13.191%201.769V23.8a.34.34%200%200%200%20.048.231a3.3%203.3%200%200%201%201.259-.578a25%2025%200%200%201%203.533-.591a2.37%202.37%200%200%201%201.853.6a5%205%200%200%200%203.367%201.308h7.822a5%205%200%200%200%203.367-1.308a2.36%202.36%200%200%201%201.854-.606a25%2025%200%200%201%203.532.592a2.95%202.95%200%200%201%201.194.522l.061.056a.34.34%200%200%200%20.049-.232v-1.37c0-.975-6.251-1.768-13.967-1.768Z%22%2F%3E%3Cpath%20fill%3D%22%236e6f70%22%20d%3D%22M18.945%2016.6L16%2018.409v2.356Z%22%2F%3E%3Cpath%20fill%3D%22%230a0a0a%22%20d%3D%22M16%2020.765v-2.356L13.055%2016.6Zm-2.947-5.245L16%2017.223v-6.47Z%22%2F%3E%3Cpath%20fill%3D%22%236e6f70%22%20d%3D%22M18.945%2015.519L16%2010.753v6.469l2.947-1.7Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23f0d50c%22%20d%3D%22M29.973%2022.541s-4.257-.631-6.506-.812c-2.16-.174-4.72-.274-7.466-.274s-5.306.1-7.465.274c-2.25.183-6.506%201.058-6.506%201.058v1.1c0%20.978%206.256%201.772%2013.972%201.772s13.972-.794%2013.972-1.772ZM11.705%207.952A12.81%2012.81%200%200%200%203.2%2020.016v1.814a31%2031%200%200%201%205.546-.8q-.019-.526-.02-1.052a23.5%2023.5%200%200%201%202.979-12.026%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22M28.806%2020.016a12.75%2012.75%200%200%200-2.923-8.142a26.6%2026.6%200%200%201%201.212%208.1q0%20.75-.038%201.482a16%2016%200%200%201%201.729.367Z%22%2F%3E%3Cpath%20fill%3D%22%23ffea00%22%20d%3D%22M28.806%2020.016a12.75%2012.75%200%200%200-2.923-8.142a26.6%2026.6%200%200%201%201.212%208.1q0%20.75-.038%201.482a16%2016%200%200%201%201.729.367Z%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22M25.883%2011.873a12.82%2012.82%200%200%200-14.177-3.921a23.45%2023.45%200%200%200-2.981%2012.023q0%20.53.019%201.052a95%2095%200%200%201%206.477-.255H16a75%2075%200%200%201%2011.055.689q.037-.733.039-1.482a26.6%2026.6%200%200%200-1.211-8.106%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22m21.152%2012.72l-.811-5.072a.98.98%200%200%200-.687-.788a12.86%2012.86%200%200%200-7.243%200a.98.98%200%200%200-.686.788l-.812%205.072M16%2020.664h-.782c-7.353.051-13.191.824-13.191%201.769V23.8a.34.34%200%200%200%20.048.231a3.3%203.3%200%200%201%201.259-.578a25%2025%200%200%201%203.533-.591a2.37%202.37%200%200%201%201.853.6a5%205%200%200%200%203.367%201.308h7.822a5%205%200%200%200%203.367-1.308a2.36%202.36%200%200%201%201.854-.606a25%2025%200%200%201%203.532.592a2.95%202.95%200%200%201%201.194.522l.061.056a.34.34%200%200%200%20.049-.232v-1.37c0-.975-6.251-1.768-13.967-1.768Z%22%2F%3E%3Cpath%20fill%3D%22%236e6f70%22%20d%3D%22M18.945%2016.6L16%2018.409v2.356Z%22%2F%3E%3Cpath%20fill%3D%22%230a0a0a%22%20d%3D%22M16%2020.765v-2.356L13.055%2016.6Zm-2.947-5.245L16%2017.223v-6.47Z%22%2F%3E%3Cpath%20fill%3D%22%236e6f70%22%20d%3D%22M18.945%2015.519L16%2010.753v6.469l2.947-1.7Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-hardhat.svg?color=%231a73e8&size=48
