Hardhat logo

The Hardhat logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Brand color: #fff04d
Categories: Web3
Variants: 5 SVG files
Website: hardhat.org
Source: gilbarbara/logos · CC0

Your brand here$40 / 30 days

Use the Hardhat logo

shadcn CLI

npx shadcn@latest add @logoforge/hardhat

First time? Add the @logoforge registry to components.json, or use the MCP server.

React

import { HardhatLogo } from "@/components/logos/hardhat";

<HardhatLogo className="size-8" />
<HardhatLogo variant="mono" />          {/* currentColor */}
<HardhatLogo type="wordmark" className="h-6 w-auto" />

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 177"><title>Hardhat</title><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.366 274 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.193 58.442-7.433-46.46a8.96 8.96 0 0 0-6.292-7.215 117.8 117.8 0 0 0-66.348 0 8.96 8.96 0 0 0-6.286 7.215l-7.44 46.46m46.629 72.768h-7.16c-67.355.471-120.83 7.546-120.83 16.206v12.55a3.13 3.13 0 0 0 .443 2.115 29.9 29.9 0 0 1 11.531-5.295 225.6 225.6 0 0 1 32.36-5.418 21.67 21.67 0 0 1 16.977 5.541 45.67 45.67 0 0 0 30.843 11.985h71.649a45.68 45.68 0 0 0 30.843-11.985 21.66 21.66 0 0 1 16.983-5.547 225.5 225.5 0 0 1 32.354 5.419 27.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.942-26.991 16.614v21.578z"/><path fill="#0a0a0a" d="M128.017 132.134v-21.578l-26.992-16.614zm-26.992-48.049 26.992 15.606V40.429z"/><path fill="#6e6f70" d="m154.98 84.085-26.99-43.661v59.261l26.99-15.605z"/></svg>

Download

Related logos

Hardhat and the Hardhat logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Hardhat; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.