Ikon Hardhat

devicon:hardhat

Ikon Hardhat (devicon:hardhat) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Devicon
Pembuat: konpa
Lisensi: MIT
Ukuran: 128 × 128

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" 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>

Cara memakai ikon Hardhat

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:hardhat" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:hardhat" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:hardhat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--hardhat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:hardhat"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:hardhat"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon/hardhat.svg" alt="Ikon Hardhat" width="24" height="24">

Ikon terkait di Devicon

Ikon Hardhat di set ikon lain

FAQ Ikon Hardhat

Apakah ikon Hardhat gratis untuk penggunaan komersial?

Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Hardhat di React?

Pasang @iconify/react lalu render <Icon icon="devicon:hardhat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Hardhat ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/hardhat.svg" alt="Ikon Hardhat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon →