hardhat icon logo
hardhat-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- hardhat-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×177
- License
- CC0
Use the hardhat icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 177"><path fill="#f0d50c" d="M256 148.407s-38.993-5.777-59.597-7.434c-19.788-1.59-43.236-2.508-68.392-2.508s-48.603.918-68.385 2.508c-20.61 1.68-59.598 9.695-59.598 9.695v10.076c0 8.956 57.303 16.233 127.983 16.233s127.983-7.277 127.983-16.233zM88.66 14.764c-46.734 16.652-77.943 60.9-77.946 110.513v16.614a284 284 0 0 1 50.804-7.366a274 274 0 0 1-.18-9.634c.017-43.594 10.54-82.822 27.322-110.127"/><path fill="#fff04d" d="M245.303 125.277A116.8 116.8 0 0 0 218.53 50.69a243.2 243.2 0 0 1 11.105 74.212q0 6.87-.352 13.58a144 144 0 0 1 15.835 3.359z"/><path fill="#ffea00" d="M245.303 125.277A116.8 116.8 0 0 0 218.53 50.69a243.2 243.2 0 0 1 11.105 74.212q0 6.87-.352 13.58a144 144 0 0 1 15.835 3.359z"/><path fill="#fff04d" d="M218.53 50.684C187.104 12.59 135.2-1.766 88.666 14.764c-16.793 27.305-27.31 66.533-27.31 110.133q0 4.853.178 9.633c17.465-1.349 37.683-2.183 59.335-2.334h7.154a684 684 0 0 1 101.27 6.308q.343-6.716.354-13.58a243.2 243.2 0 0 0-11.117-74.24"/><path fill="#fff04d" d="m175.194 58.442l-7.434-46.46a8.96 8.96 0 0 0-6.292-7.215a117.8 117.8 0 0 0-66.348 0a8.96 8.96 0 0 0-6.286 7.215l-7.439 46.46m46.628 72.768h-7.16c-67.355.471-120.83 7.546-120.83 16.206v12.55a3.13 3.13 0 0 0 .443 2.115a29.9 29.9 0 0 1 11.531-5.295a225.6 225.6 0 0 1 32.36-5.418a21.67 21.67 0 0 1 16.977 5.541a45.67 45.67 0 0 0 30.843 11.985h71.649a45.68 45.68 0 0 0 30.843-11.985a21.66 21.66 0 0 1 16.983-5.547a225.5 225.5 0 0 1 32.354 5.419a27.05 27.05 0 0 1 10.937 4.786c.185.184.398.347.56.514a3.15 3.15 0 0 0 .448-2.127v-12.55c.039-8.928-57.263-16.193-127.938-16.193"/><path fill="#6e6f70" d="m154.98 93.942l-26.991 16.614v21.578z"/><path fill="#0a0a0a" d="M128.017 132.134v-21.578l-26.992-16.614zm-26.992-48.049l26.992 15.606V40.429z"/><path fill="#6e6f70" d="m154.98 84.085l-26.991-43.661v59.261l26.991-15.606z"/></svg>
React
import type { SVGProps } from "react";
export function LogosHardhatIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 177"><path fill="#f0d50c" d="M256 148.407s-38.993-5.777-59.597-7.434c-19.788-1.59-43.236-2.508-68.392-2.508s-48.603.918-68.385 2.508c-20.61 1.68-59.598 9.695-59.598 9.695v10.076c0 8.956 57.303 16.233 127.983 16.233s127.983-7.277 127.983-16.233zM88.66 14.764c-46.734 16.652-77.943 60.9-77.946 110.513v16.614a284 284 0 0 1 50.804-7.366a274 274 0 0 1-.18-9.634c.017-43.594 10.54-82.822 27.322-110.127"/><path fill="#fff04d" d="M245.303 125.277A116.8 116.8 0 0 0 218.53 50.69a243.2 243.2 0 0 1 11.105 74.212q0 6.87-.352 13.58a144 144 0 0 1 15.835 3.359z"/><path fill="#ffea00" d="M245.303 125.277A116.8 116.8 0 0 0 218.53 50.69a243.2 243.2 0 0 1 11.105 74.212q0 6.87-.352 13.58a144 144 0 0 1 15.835 3.359z"/><path fill="#fff04d" d="M218.53 50.684C187.104 12.59 135.2-1.766 88.666 14.764c-16.793 27.305-27.31 66.533-27.31 110.133q0 4.853.178 9.633c17.465-1.349 37.683-2.183 59.335-2.334h7.154a684 684 0 0 1 101.27 6.308q.343-6.716.354-13.58a243.2 243.2 0 0 0-11.117-74.24"/><path fill="#fff04d" d="m175.194 58.442l-7.434-46.46a8.96 8.96 0 0 0-6.292-7.215a117.8 117.8 0 0 0-66.348 0a8.96 8.96 0 0 0-6.286 7.215l-7.439 46.46m46.628 72.768h-7.16c-67.355.471-120.83 7.546-120.83 16.206v12.55a3.13 3.13 0 0 0 .443 2.115a29.9 29.9 0 0 1 11.531-5.295a225.6 225.6 0 0 1 32.36-5.418a21.67 21.67 0 0 1 16.977 5.541a45.67 45.67 0 0 0 30.843 11.985h71.649a45.68 45.68 0 0 0 30.843-11.985a21.66 21.66 0 0 1 16.983-5.547a225.5 225.5 0 0 1 32.354 5.419a27.05 27.05 0 0 1 10.937 4.786c.185.184.398.347.56.514a3.15 3.15 0 0 0 .448-2.127v-12.55c.039-8.928-57.263-16.193-127.938-16.193"/><path fill="#6e6f70" d="m154.98 93.942l-26.991 16.614v21.578z"/><path fill="#0a0a0a" d="M128.017 132.134v-21.578l-26.992-16.614zm-26.992-48.049l26.992 15.606V40.429z"/><path fill="#6e6f70" d="m154.98 84.085l-26.991-43.661v59.261l26.991-15.606z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 177"><path fill="#f0d50c" d="M256 148.407s-38.993-5.777-59.597-7.434c-19.788-1.59-43.236-2.508-68.392-2.508s-48.603.918-68.385 2.508c-20.61 1.68-59.598 9.695-59.598 9.695v10.076c0 8.956 57.303 16.233 127.983 16.233s127.983-7.277 127.983-16.233zM88.66 14.764c-46.734 16.652-77.943 60.9-77.946 110.513v16.614a284 284 0 0 1 50.804-7.366a274 274 0 0 1-.18-9.634c.017-43.594 10.54-82.822 27.322-110.127"/><path fill="#fff04d" d="M245.303 125.277A116.8 116.8 0 0 0 218.53 50.69a243.2 243.2 0 0 1 11.105 74.212q0 6.87-.352 13.58a144 144 0 0 1 15.835 3.359z"/><path fill="#ffea00" d="M245.303 125.277A116.8 116.8 0 0 0 218.53 50.69a243.2 243.2 0 0 1 11.105 74.212q0 6.87-.352 13.58a144 144 0 0 1 15.835 3.359z"/><path fill="#fff04d" d="M218.53 50.684C187.104 12.59 135.2-1.766 88.666 14.764c-16.793 27.305-27.31 66.533-27.31 110.133q0 4.853.178 9.633c17.465-1.349 37.683-2.183 59.335-2.334h7.154a684 684 0 0 1 101.27 6.308q.343-6.716.354-13.58a243.2 243.2 0 0 0-11.117-74.24"/><path fill="#fff04d" d="m175.194 58.442l-7.434-46.46a8.96 8.96 0 0 0-6.292-7.215a117.8 117.8 0 0 0-66.348 0a8.96 8.96 0 0 0-6.286 7.215l-7.439 46.46m46.628 72.768h-7.16c-67.355.471-120.83 7.546-120.83 16.206v12.55a3.13 3.13 0 0 0 .443 2.115a29.9 29.9 0 0 1 11.531-5.295a225.6 225.6 0 0 1 32.36-5.418a21.67 21.67 0 0 1 16.977 5.541a45.67 45.67 0 0 0 30.843 11.985h71.649a45.68 45.68 0 0 0 30.843-11.985a21.66 21.66 0 0 1 16.983-5.547a225.5 225.5 0 0 1 32.354 5.419a27.05 27.05 0 0 1 10.937 4.786c.185.184.398.347.56.514a3.15 3.15 0 0 0 .448-2.127v-12.55c.039-8.928-57.263-16.193-127.938-16.193"/><path fill="#6e6f70" d="m154.98 93.942l-26.991 16.614v21.578z"/><path fill="#0a0a0a" d="M128.017 132.134v-21.578l-26.992-16.614zm-26.992-48.049l26.992 15.606V40.429z"/><path fill="#6e6f70" d="m154.98 84.085l-26.991-43.661v59.261l26.991-15.606z"/></svg> </template>
CSS
.icon-hardhat-icon {
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%20256%20177%22%3E%3Cpath%20fill%3D%22%23f0d50c%22%20d%3D%22M256%20148.407s-38.993-5.777-59.597-7.434c-19.788-1.59-43.236-2.508-68.392-2.508s-48.603.918-68.385%202.508c-20.61%201.68-59.598%209.695-59.598%209.695v10.076c0%208.956%2057.303%2016.233%20127.983%2016.233s127.983-7.277%20127.983-16.233zM88.66%2014.764c-46.734%2016.652-77.943%2060.9-77.946%20110.513v16.614a284%20284%200%200%201%2050.804-7.366a274%20274%200%200%201-.18-9.634c.017-43.594%2010.54-82.822%2027.322-110.127%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22M245.303%20125.277A116.8%20116.8%200%200%200%20218.53%2050.69a243.2%20243.2%200%200%201%2011.105%2074.212q0%206.87-.352%2013.58a144%20144%200%200%201%2015.835%203.359z%22%2F%3E%3Cpath%20fill%3D%22%23ffea00%22%20d%3D%22M245.303%20125.277A116.8%20116.8%200%200%200%20218.53%2050.69a243.2%20243.2%200%200%201%2011.105%2074.212q0%206.87-.352%2013.58a144%20144%200%200%201%2015.835%203.359z%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22M218.53%2050.684C187.104%2012.59%20135.2-1.766%2088.666%2014.764c-16.793%2027.305-27.31%2066.533-27.31%20110.133q0%204.853.178%209.633c17.465-1.349%2037.683-2.183%2059.335-2.334h7.154a684%20684%200%200%201%20101.27%206.308q.343-6.716.354-13.58a243.2%20243.2%200%200%200-11.117-74.24%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22m175.194%2058.442l-7.434-46.46a8.96%208.96%200%200%200-6.292-7.215a117.8%20117.8%200%200%200-66.348%200a8.96%208.96%200%200%200-6.286%207.215l-7.439%2046.46m46.628%2072.768h-7.16c-67.355.471-120.83%207.546-120.83%2016.206v12.55a3.13%203.13%200%200%200%20.443%202.115a29.9%2029.9%200%200%201%2011.531-5.295a225.6%20225.6%200%200%201%2032.36-5.418a21.67%2021.67%200%200%201%2016.977%205.541a45.67%2045.67%200%200%200%2030.843%2011.985h71.649a45.68%2045.68%200%200%200%2030.843-11.985a21.66%2021.66%200%200%201%2016.983-5.547a225.5%20225.5%200%200%201%2032.354%205.419a27.05%2027.05%200%200%201%2010.937%204.786c.185.184.398.347.56.514a3.15%203.15%200%200%200%20.448-2.127v-12.55c.039-8.928-57.263-16.193-127.938-16.193%22%2F%3E%3Cpath%20fill%3D%22%236e6f70%22%20d%3D%22m154.98%2093.942l-26.991%2016.614v21.578z%22%2F%3E%3Cpath%20fill%3D%22%230a0a0a%22%20d%3D%22M128.017%20132.134v-21.578l-26.992-16.614zm-26.992-48.049l26.992%2015.606V40.429z%22%2F%3E%3Cpath%20fill%3D%22%236e6f70%22%20d%3D%22m154.98%2084.085l-26.991-43.661v59.261l26.991-15.606z%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%20256%20177%22%3E%3Cpath%20fill%3D%22%23f0d50c%22%20d%3D%22M256%20148.407s-38.993-5.777-59.597-7.434c-19.788-1.59-43.236-2.508-68.392-2.508s-48.603.918-68.385%202.508c-20.61%201.68-59.598%209.695-59.598%209.695v10.076c0%208.956%2057.303%2016.233%20127.983%2016.233s127.983-7.277%20127.983-16.233zM88.66%2014.764c-46.734%2016.652-77.943%2060.9-77.946%20110.513v16.614a284%20284%200%200%201%2050.804-7.366a274%20274%200%200%201-.18-9.634c.017-43.594%2010.54-82.822%2027.322-110.127%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22M245.303%20125.277A116.8%20116.8%200%200%200%20218.53%2050.69a243.2%20243.2%200%200%201%2011.105%2074.212q0%206.87-.352%2013.58a144%20144%200%200%201%2015.835%203.359z%22%2F%3E%3Cpath%20fill%3D%22%23ffea00%22%20d%3D%22M245.303%20125.277A116.8%20116.8%200%200%200%20218.53%2050.69a243.2%20243.2%200%200%201%2011.105%2074.212q0%206.87-.352%2013.58a144%20144%200%200%201%2015.835%203.359z%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22M218.53%2050.684C187.104%2012.59%20135.2-1.766%2088.666%2014.764c-16.793%2027.305-27.31%2066.533-27.31%20110.133q0%204.853.178%209.633c17.465-1.349%2037.683-2.183%2059.335-2.334h7.154a684%20684%200%200%201%20101.27%206.308q.343-6.716.354-13.58a243.2%20243.2%200%200%200-11.117-74.24%22%2F%3E%3Cpath%20fill%3D%22%23fff04d%22%20d%3D%22m175.194%2058.442l-7.434-46.46a8.96%208.96%200%200%200-6.292-7.215a117.8%20117.8%200%200%200-66.348%200a8.96%208.96%200%200%200-6.286%207.215l-7.439%2046.46m46.628%2072.768h-7.16c-67.355.471-120.83%207.546-120.83%2016.206v12.55a3.13%203.13%200%200%200%20.443%202.115a29.9%2029.9%200%200%201%2011.531-5.295a225.6%20225.6%200%200%201%2032.36-5.418a21.67%2021.67%200%200%201%2016.977%205.541a45.67%2045.67%200%200%200%2030.843%2011.985h71.649a45.68%2045.68%200%200%200%2030.843-11.985a21.66%2021.66%200%200%201%2016.983-5.547a225.5%20225.5%200%200%201%2032.354%205.419a27.05%2027.05%200%200%201%2010.937%204.786c.185.184.398.347.56.514a3.15%203.15%200%200%200%20.448-2.127v-12.55c.039-8.928-57.263-16.193-127.938-16.193%22%2F%3E%3Cpath%20fill%3D%22%236e6f70%22%20d%3D%22m154.98%2093.942l-26.991%2016.614v21.578z%22%2F%3E%3Cpath%20fill%3D%22%230a0a0a%22%20d%3D%22M128.017%20132.134v-21.578l-26.992-16.614zm-26.992-48.049l26.992%2015.606V40.429z%22%2F%3E%3Cpath%20fill%3D%22%236e6f70%22%20d%3D%22m154.98%2084.085l-26.991-43.661v59.261l26.991-15.606z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/hardhat-icon.svg?color=%231a73e8&size=48
