Hardhat Wordmark ikonu
devicon:hardhat-wordmark
Hardhat Wordmark ikonu (devicon:hardhat-wordmark), Devicon setinden ücretsiz bir SVG ikondur (yapımcı: konpa). 128 × 128 ızgara üzerinde çizilmiştir. Devicon icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><linearGradient id="SVGQMNoHcDy" x1="10.561" x2="10.561" y1="30.514" y2="6.186" gradientTransform="translate(-.707 47.928)scale(.78049)" 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="SVG06SBvd6f" x1="46.089" x2="46.089" y1="30.692" y2="13.092" gradientTransform="translate(-.707 47.928)scale(.78049)" gradientUnits="userSpaceOnUse"><stop stop-color="#edcf00"/><stop offset=".59" stop-color="#f7e100"/><stop offset="1" stop-color="#fff100"/></linearGradient><radialGradient id="SVGmu41JdwM" cx="0" cy="0" r="1" gradientTransform="matrix(14.47011 0 0 14.37161 2.181 84.717)" 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="#fff" d="M58.256 71.218v-6.074h-6.824v6.074h-2.391V57.432h2.391v5.794h6.824V57.43h2.414v13.787zm14.313.002l-.479-1.658c-.522.862-2.066 1.815-4.37 1.815c-2.392 0-4.305-1.056-4.305-3.384c0-2.024 1.456-2.952 4.63-3.252l3.502-.345c-.065-1.603-.653-2.531-2.895-2.531c-2.066 0-2.63.82-2.63 2.198l-2.266.022c0-2.284.956-4.049 4.87-4.049c4.545 0 5.2 1.94 5.2 4.91v6.27zm-1.023-5.084l-3.15.345c-1.934.217-2.587.625-2.587 1.488c0 1.012.87 1.594 2.5 1.594c2.044 0 3.241-1.163 3.241-3.08zm10.025-4.095c-2.327 0-2.788 1.277-2.788 3.059v6.118h-2.322v-11.03h1.24l.55 1.53c.347-.732 1.412-1.68 3.586-1.68h.37v2.047c-.224 0-.44-.044-.636-.044m11.177 9.178l-.522-1.574c-.392.755-1.63 1.725-4.266 1.725c-3.674 0-4.763-2.65-4.763-5.666s1.044-5.666 4.74-5.666c2.197 0 3.306.776 3.784 1.509v-5.56h2.284V71.22Zm-4.11-9.244c-2.543 0-3.065 1.508-3.065 3.727s.523 3.77 3.044 3.77c2.588 0 3.13-1.509 3.13-3.77c0-2.131-.454-3.725-3.109-3.725zm16.18 9.244v-6.183c0-2.068-.349-3.059-2.72-3.059c-2.347 0-2.849.97-2.849 3.059l-.042 6.183h-2.283V55.988h2.284v5.575c.434-.79 1.412-1.529 3.544-1.529c3.632 0 4.37 2.048 4.37 5.214v5.967zm13.744.001l-.479-1.658c-.523.862-2.067 1.815-4.375 1.815c-2.393 0-4.306-1.056-4.306-3.384c0-2.024 1.458-2.952 4.633-3.252l3.5-.345c-.061-1.603-.648-2.531-2.895-2.531c-2.065 0-2.631.82-2.631 2.198l-2.266.022c0-2.284.957-4.049 4.87-4.049c4.546 0 5.2 1.94 5.2 4.91v6.27zm-1.022-5.084l-3.151.345c-1.934.217-2.587.626-2.587 1.488c0 1.012.87 1.594 2.5 1.594c2.044 0 3.241-1.163 3.241-3.08zm7.611-4.095v6.01c0 1.035.435 1.509 2.849 1.402v1.849c-3.675.215-5.218-.647-5.218-3.255v-6.006h-1.59v-1.378l1.588-.474v-2.757h2.305v2.757h2.913v1.849z"/><path fill="#fff100" d="M38.927 74.612v-1.89c0-.35-.59-.685-1.651-.987l.026-2.352c0-3.623-1.124-7.158-3.22-10.127a17.8 17.8 0 0 0-8.497-6.47l-.076-.471a1.34 1.34 0 0 0-.318-.68a1.36 1.36 0 0 0-.636-.408a18.07 18.07 0 0 0-10.088 0a1.36 1.36 0 0 0-.639.406a1.35 1.35 0 0 0-.32.68l-.072.44a17.8 17.8 0 0 0-8.556 6.465a17.56 17.56 0 0 0-3.246 10.164v2.362c-1.046.301-1.629.632-1.629.981v1.89a.46.46 0 0 0 .068.318a4.6 4.6 0 0 1 1.754-.792a34.5 34.5 0 0 1 4.92-.816a3.32 3.32 0 0 1 2.58.825a7 7 0 0 0 4.69 1.804h10.9a6.98 6.98 0 0 0 4.688-1.806a3.32 3.32 0 0 1 2.582-.834c1.657.153 3.302.424 4.919.813a4.1 4.1 0 0 1 1.662.722c.028.027.061.051.085.077a.47.47 0 0 0 .074-.314"/><path fill="url(#SVGQMNoHcDy)" d="M9.353 70.636a41 41 0 0 1-.023-1.306c.005-6.568 1.554-12.46 4.107-16.574A17.8 17.8 0 0 0 4.88 59.22a17.56 17.56 0 0 0-3.247 10.162v2.362a43.6 43.6 0 0 1 7.72-1.108"/><path fill="url(#SVG06SBvd6f)" d="M37.3 69.382a17.5 17.5 0 0 0-4.07-11.236a36.3 36.3 0 0 1 1.687 11.181q-.001.959-.047 1.9a22 22 0 0 1 2.4.506l.03-2.35z"/><path fill="url(#SVGmu41JdwM)" d="M37.106 74.134a34.5 34.5 0 0 0-4.92-.816a3.32 3.32 0 0 0-2.581.829a6.98 6.98 0 0 1-4.69 1.805H14.02a6.98 6.98 0 0 1-4.688-1.805a3.32 3.32 0 0 0-2.582-.836a34.6 34.6 0 0 0-4.92.816a4.6 4.6 0 0 0-1.752.792c.827 1.255 9.195 2.572 19.392 2.572s18.561-1.321 19.39-2.571q-.046-.037-.085-.077a4.3 4.3 0 0 0-1.67-.709z"/><path fill="#0a0a0a" d="m19.465 56.056l-4.172 7.042l4.172 2.568z"/><path fill="#4b4d4d" d="M19.467 56.059v9.604l4.171-2.563zm0 11v3.348c.078-.11 4.171-5.916 4.171-5.918z"/><path fill="#0a0a0a" d="m19.467 67.06l-4.173-2.567l4.173 5.917v-3.352z"/></svg>Hardhat Wordmark ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:hardhat-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:hardhat-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:hardhat-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--hardhat-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:hardhat-wordmark"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:hardhat-wordmark"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/devicon/hardhat-wordmark.svg" alt="Hardhat Wordmark ikonu" width="24" height="24">Devicon setindeki benzer ikonlar
Diğer ikon setlerinde Hardhat Wordmark ikonu
Hardhat Wordmark ikonu: sık sorulan sorular
Hardhat Wordmark ikonu ticari kullanım için ücretsiz mi?
Evet. Devicon icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Hardhat Wordmark ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="devicon:hardhat-wordmark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Hardhat Wordmark ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/devicon/hardhat-wordmark.svg" alt="Hardhat Wordmark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.