Ícone File Type Opentofu
vscode-icons:file-type-opentofu
O ícone File Type Opentofu (vscode-icons:file-type-opentofu) é um ícone SVG gratuito da coleção VSCode Icons de Roberto Huertas. Ele é desenhado em uma grade de 32 × 32. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- VSCode Icons
- Autor
- Roberto Huertas
- Licença
- MIT
- Tamanho
- 32 × 32
- Tags
- filetype, typeopentofu, filetypeopentofu
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-opentofu.svg" alt="Ícone File Type Opentofu" width="24" height="24">
Ícones relacionados em VSCode Icons
Perguntas frequentes sobre Ícone File Type Opentofu
O ícone File Type Opentofu é grátis para uso comercial?
Sim. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone File Type Opentofu no React?
Instale @iconify/react e renderize <Icon icon="vscode-icons:file-type-opentofu" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone File Type Opentofu a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-opentofu.svg" alt="Ícone File Type Opentofu">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os VSCode Icons →
