Ícone File Type Ttcn
vscode-icons:file-type-ttcn
O ícone File Type Ttcn (vscode-icons:file-type-ttcn) é 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, typettcn, filetypettcn
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#00adee" d="M12.338 2c-.658 0-.748.016-.346.062a19 19 0 0 1 2.19.4a14.65 14.65 0 0 1 7.073 3.825a12.72 12.72 0 0 1 3.47 7.4a16 16 0 0 1 .159 2.621a12 12 0 0 1-.036 1.305a15 15 0 0 1-.544 2.767a13 13 0 0 1-1.952 3.965a12.64 12.64 0 0 1-4.978 4a19 19 0 0 1-5.85 1.542c-.176.019-.319.038-.317.038c.019.017.644.057 1.051.067c5.187.133 9.482-1.764 12.1-5.347a14 14 0 0 0 1.225-2.031a16 16 0 0 0 1.28-4.548a15.66 15.66 0 0 0-2.6-10.887a6.7 6.7 0 0 0-.843-1.041a13.2 13.2 0 0 0-5.184-3.214A18 18 0 0 0 12.338 2"/><path fill="#949494" d="M5.614 23.428a1.06 1.06 0 0 1-.468-.391A1.34 1.34 0 0 1 5 22.348a1.9 1.9 0 0 1 .414-1.255a1.97 1.97 0 0 1 .916-.678l.212-.079l3.541-.015l3.541-.015l.177-.095c.443-.237.669-.682.751-1.479c.064-.62-.085-.961-.5-1.157a9 9 0 0 0-2.252-.081l-2.12-.019l-.134-.075a1.03 1.03 0 0 1-.4-.47a1.15 1.15 0 0 1-.086-.557a2.04 2.04 0 0 1 .187-1.052a1.53 1.53 0 0 1 .565-.624c.315-.175.3-.174 2.667-.2l2.175-.02l.193-.1a1.55 1.55 0 0 0 .764-1.074a2.6 2.6 0 0 0 .014-1.111a1.12 1.12 0 0 0-.66-.712l-.166-.068l-3.262-.012l-3.262-.016l-.137-.065a1.28 1.28 0 0 1-.638-1.245a1.73 1.73 0 0 1 .637-1.459l.127-.076h4.914c3.858 0 4.94 0 5.035.033a.87.87 0 0 1 .466.4a1.55 1.55 0 0 1 .042 1.022c-.132.663-.075 1.006.212 1.271c.215.2.332.228 1.01.26c1.169.056 1.319.089 1.473.328s.166.126-.459 3.214c-.686 3.389-.876 4.28-.987 4.63a1.1 1.1 0 0 1-.519.521a2.5 2.5 0 0 1-.992.132a1.52 1.52 0 0 0-1.1.334a1.83 1.83 0 0 0-.525.836a4.7 4.7 0 0 1-.479.962a2.44 2.44 0 0 1-1.042.93c-.114.045-.55.05-4.842.055c-4.027.005-4.736 0-4.851-.037Z"/></svg>
Como usar o ícone File Type Ttcn
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-ttcn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-ttcn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-ttcn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-ttcn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-ttcn"></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-ttcn"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ttcn.svg" alt="Ícone File Type Ttcn" width="24" height="24">
Ícones relacionados em VSCode Icons
Perguntas frequentes sobre Ícone File Type Ttcn
O ícone File Type Ttcn é 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 Ttcn no React?
Instale @iconify/react e renderize <Icon icon="vscode-icons:file-type-ttcn" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone File Type Ttcn 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-ttcn.svg" alt="Ícone File Type Ttcn">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os VSCode Icons →
