أيقونة Hardhat Wordmark

devicon:hardhat-wordmark

أيقونة Hardhat Wordmark (devicon:hardhat-wordmark) أيقونة SVG مجانية من مجموعة Devicon من تصميم konpa. مرسومة على شبكة 128 × 128. تُنشر Devicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Devicon
المؤلف: konpa
الترخيص: MIT
الحجم: 128 × 128
الوسوم: hardhatwordmark

تنزيل SVG

شيفرة SVG

<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

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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/devicon/hardhat-wordmark.svg" alt="أيقونة Hardhat Wordmark" width="24" height="24">

أيقونات ذات صلة في Devicon

أيقونة Hardhat Wordmark في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Hardhat Wordmark

هل أيقونة Hardhat Wordmark مجانية للاستخدام التجاري؟

نعم. تُنشر Devicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Hardhat Wordmark في React؟

ثبّت @iconify/react واعرض <Icon icon="devicon:hardhat-wordmark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Hardhat Wordmark إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/devicon/hardhat-wordmark.svg" alt="أيقونة Hardhat Wordmark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Devicon →