Icône File Type Hardhat
vscode-icons:file-type-hardhat
L'icône File Type Hardhat (vscode-icons:file-type-hardhat) est une icône SVG gratuite de la collection VSCode Icons par Roberto Huertas. Elle est dessinée sur une grille de 32 × 32. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- VSCode Icons
- Auteur
- Roberto Huertas
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- filetype, typehardhat, filetypehardhat
Code 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>
Comment utiliser l'icône 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>
Web component
<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>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-hardhat.svg" alt="Icône File Type Hardhat" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône File Type Hardhat
L'icône File Type Hardhat est-elle gratuite pour un usage commercial ?
Oui. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône File Type Hardhat dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-hardhat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône File Type Hardhat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-hardhat.svg" alt="Icône File Type Hardhat">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
