أيقونة File Type Hardhat

vscode-icons:file-type-hardhat

أيقونة File Type Hardhat (vscode-icons:file-type-hardhat) أيقونة SVG مجانية من مجموعة VSCode Icons من تصميم Roberto Huertas. مرسومة على شبكة 32 × 32. تُنشر VSCode Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: VSCode Icons
المؤلف: Roberto Huertas
الترخيص: MIT
الحجم: 32 × 32
الوسوم: filetype، typehardhat، filetypehardhat

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f0d50c" d="M29.973 22.541s-4.257-.631-6.506-.812c-2.16-.174-4.72-.274-7.466-.274s-5.306.1-7.465.274c-2.25.183-6.506 1.058-6.506 1.058v1.1c0 .978 6.256 1.772 13.972 1.772s13.972-.794 13.972-1.772ZM11.705 7.952A12.81 12.81 0 0 0 3.2 20.016v1.814a31 31 0 0 1 5.546-.8q-.019-.526-.02-1.052a23.5 23.5 0 0 1 2.979-12.026"/><path fill="#fff04d" d="M28.806 20.016a12.75 12.75 0 0 0-2.923-8.142a26.6 26.6 0 0 1 1.212 8.1q0 .75-.038 1.482a16 16 0 0 1 1.729.367Z"/><path fill="#ffea00" d="M28.806 20.016a12.75 12.75 0 0 0-2.923-8.142a26.6 26.6 0 0 1 1.212 8.1q0 .75-.038 1.482a16 16 0 0 1 1.729.367Z"/><path fill="#fff04d" d="M25.883 11.873a12.82 12.82 0 0 0-14.177-3.921a23.45 23.45 0 0 0-2.981 12.023q0 .53.019 1.052a95 95 0 0 1 6.477-.255H16a75 75 0 0 1 11.055.689q.037-.733.039-1.482a26.6 26.6 0 0 0-1.211-8.106"/><path fill="#fff04d" d="m21.152 12.72l-.811-5.072a.98.98 0 0 0-.687-.788a12.86 12.86 0 0 0-7.243 0a.98.98 0 0 0-.686.788l-.812 5.072M16 20.664h-.782c-7.353.051-13.191.824-13.191 1.769V23.8a.34.34 0 0 0 .048.231a3.3 3.3 0 0 1 1.259-.578a25 25 0 0 1 3.533-.591a2.37 2.37 0 0 1 1.853.6a5 5 0 0 0 3.367 1.308h7.822a5 5 0 0 0 3.367-1.308a2.36 2.36 0 0 1 1.854-.606a25 25 0 0 1 3.532.592a2.95 2.95 0 0 1 1.194.522l.061.056a.34.34 0 0 0 .049-.232v-1.37c0-.975-6.251-1.768-13.967-1.768Z"/><path fill="#6e6f70" d="M18.945 16.6L16 18.409v2.356Z"/><path fill="#0a0a0a" d="M16 20.765v-2.356L13.055 16.6Zm-2.947-5.245L16 17.223v-6.47Z"/><path fill="#6e6f70" d="M18.945 15.519L16 10.753v6.469l2.947-1.7Z"/></svg>

كيفية استخدام أيقونة File Type Hardhat

React

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

<Icon icon="vscode-icons:file-type-hardhat" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-hardhat" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-hardhat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-hardhat]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vscode-icons:file-type-hardhat"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-hardhat.svg" alt="أيقونة File Type Hardhat" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل VSCode Icons →