Home/Libraries/SVG Logos (Iconify)/hardhat-icon

SVG Logos (Iconify)

HardhatIcon

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 177"><path fill="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" d="m154.98 93.942l-26.991 16.614v21.578z"/><path fill="#818cf8" d="M128.017 132.134v-21.578l-26.992-16.614zm-26.992-48.049l26.992 15.606V40.429z"/><path fill="#818cf8" d="m154.98 84.085l-26.991-43.661v59.261l26.991-15.606z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HardhatIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.