Icône File Type Opentofu
vscode-icons:file-type-opentofu
L'icône File Type Opentofu (vscode-icons:file-type-opentofu) 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, typeopentofu, filetypeopentofu
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#0d1a2a" d="M17.06.61a2.21 2.21 0 0 0-2.12 0L4.1 6.57l-.03.01l-1.42.79A2.18 2.18 0 0 0 1.5 9.29v13.4c0 .81.44 1.55 1.14 1.94l10.95 6.02l.05.02l1.3.72c.66.36 1.46.36 2.12 0l1.31-.72l.04-.02l10.95-6.02a2.2 2.2 0 0 0 1.14-1.92V9.29c0-.8-.44-1.54-1.14-1.92l-1.42-.78l-.03-.01zm.7 15.39l10.14-5.58l.03-.01l.13-.07a.5.5 0 0 1 .74.44v10.44a.5.5 0 0 1-.74.44l-.1-.05l-.06-.03zm-13.7-5.6l.03.02l10.15 5.57L4.1 21.58l-.06.03l-.1.05a.5.5 0 0 1-.74-.44V10.78a.5.5 0 0 1 .74-.45l.13.07zM27.1 8.06l-9.5-5.23a.5.5 0 0 0-.76.43v11.31L27.1 8.94a.5.5 0 0 0 0-.88m-22.2.87l10.25 5.63V3.26a.5.5 0 0 0-.75-.43L4.9 8.06a.5.5 0 0 0 0 .87m0 15.01a.5.5 0 0 1-.02-.87l10.28-5.64v11.3c-.01.38-.4.61-.74.45l-9.51-5.23zm11.94 4.78v-11.3l10.28 5.64a.5.5 0 0 1-.03.88l-9.51 5.23a.5.5 0 0 1-.74-.44z"/><path fill="#e6c220" d="M15.75 2.08a.5.5 0 0 1 .5 0l10.84 5.97c.35.19.35.7 0 .89L16.24 14.9a.5.5 0 0 1-.49 0L4.91 8.94a.5.5 0 0 1 0-.9z"/><path fill="#feda15" d="M3.19 10.78a.5.5 0 0 1 .75-.45l10.95 6.02c.16.1.26.26.26.44v11.93a.5.5 0 0 1-.75.44L3.46 23.15a.51.51 0 0 1-.26-.44V10.78z"/><path fill="#fff" d="M28.06 10.33a.5.5 0 0 1 .74.45V22.7a.5.5 0 0 1-.26.44L17.6 29.16a.5.5 0 0 1-.75-.44V16.79c0-.18.1-.35.26-.44z"/><path fill="#0d1a2a" d="M7.79 20.13v.02L5.22 18.8v-.02c.06-.8.68-1.15 1.39-.77s1.24 1.32 1.18 2.12m4.04 2.33v.02l-2.57-1.36v-.01c.06-.8.68-1.15 1.39-.77s1.24 1.32 1.18 2.12"/></svg>
Comment utiliser l'icône File Type Opentofu
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-opentofu" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-opentofu" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-opentofu" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-opentofu]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-opentofu"></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-opentofu"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-opentofu.svg" alt="Icône File Type Opentofu" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône File Type Opentofu
L'icône File Type Opentofu 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 Opentofu dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-opentofu" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône File Type Opentofu à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-opentofu.svg" alt="Icône File Type Opentofu">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
