Ícone File Type Truffle
vscode-icons:file-type-truffle
O ícone File Type Truffle (vscode-icons:file-type-truffle) é 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, typetruffle, filetypetruffle
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#5e464d" d="M16 2.25a13.79 13.79 0 0 1 0 27.58A13.71 13.71 0 0 1 2.34 16A13.71 13.71 0 0 1 16 2.25"/><path fill="#fff" d="M11.68 28.27c.55.19 2.43.8 2.51.21c0-.33-.94-.67-2.28-1.37a21.6 21.6 0 0 1-5.17-3.82a11.87 11.87 0 0 1-3.55-8.24a11.7 11.7 0 0 1 4.2-9.72A13.74 13.74 0 0 0 2 15.88a12.87 12.87 0 0 0 2.35 7.87a9 9 0 0 0 1.75 1.69a21.3 21.3 0 0 0 5.58 2.83"/><path fill="#fff" d="M29.85 12.87c-.85-4-3.47-6.76-7-8.72c2.69 1.91 6.47 6 4.24 9.57c-1.89 2.87-6.49 2.31-9 .95c-3-1.63-6.72-5.27-3-8.84c2.38-2.3 10 .28 8.65 3.73c-.78 2-3.82 1.56-5.19.58a3 3 0 0 1-1.4-3.25c.14-.42.12-1-.46-.58a2.33 2.33 0 0 0-.73 1.46c-.63 4.5 7.37 8 9.75 3.63c1.23-2.25-.77-5.53-3.28-6.87A11.1 11.1 0 0 0 16.14 3c-3.86.28-7.09 2.69-7.49 6.63s2.21 7.44 5.29 9.55c3.24 2.22 7.6 3.67 11.58 2.35c3.58-1.18 5.05-5.28 4.33-8.63"/><path fill="#3fe0c5" d="M24.76 9.84c.38-2.58-2-4.35-4.1-5.15c-2.53-1-5.88-.53-7.73 1.57c-1.36 1.54-1.26 3.78-.57 5.59a9.56 9.56 0 0 0 6.2 5.57a11 11 0 0 0 6.34.23c2.91-.94 3.85-4 3.25-6.74a8 8 0 0 0-.59-1.74c-.36-.77-1.49-2.33.06-.43a8 8 0 0 1 .45.66a7.2 7.2 0 0 1 .75 1.68a6.21 6.21 0 0 1-2.16 7.18a8.88 8.88 0 0 1-6.17 1a11.66 11.66 0 0 1-7.26-3.93c-1.67-2-2.81-4.82-2.12-7.43A5.8 5.8 0 0 1 15 4a8.7 8.7 0 0 1 7 .82a6.36 6.36 0 0 1 2.56 2.58A4 4 0 0 1 25 9a3 3 0 0 1 0 .67c0 .08-.19.31-.16.12"/></svg>
Como usar o ícone File Type Truffle
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-truffle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-truffle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-truffle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-truffle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-truffle"></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-truffle"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-truffle.svg" alt="Ícone File Type Truffle" width="24" height="24">
Ícones relacionados em VSCode Icons
Perguntas frequentes sobre Ícone File Type Truffle
O ícone File Type Truffle é 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 Truffle no React?
Instale @iconify/react e renderize <Icon icon="vscode-icons:file-type-truffle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone File Type Truffle 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-truffle.svg" alt="Ícone File Type Truffle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os VSCode Icons →
