ICONYZ
Русский
Иконка File Type Tcl из набора VSCode Icons

Иконка File Type Tcl

vscode-icons:file-type-tcl

Иконка File Type Tcl (vscode-icons:file-type-tcl) — бесплатная SVG-иконка из набора VSCode Icons от Roberto Huertas. Она нарисована на сетке 32 × 32. VSCode Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
VSCode Icons
Автор
Roberto Huertas
Лицензия
MIT
Размер
32 × 32
Теги
filetype, typetcl, filetypetcl
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#c3b15f" d="M21.942 2.876c.04 2.468-.033 4.91-2.169 7.23l-.079.089h.119l.873.013c-1.418 2.95-2.341 5.892-4.38 8.83l-.073.106l.126-.023l1.078-.2a5.85 5.85 0 0 1-3.484 3.65c-.39-5.455 2.333-10.27 4.645-15.071l.007-.013l-.086-.06c-3.786 4.233-5.491 10.2-6.136 15.127a4.58 4.58 0 0 1-2.145-2.988l.9.377l.093.04l-.02-.1c-.681-3.028.376-5.2 1.4-8.056l.737.493l.086.06v-.1c-.058-2.32 1.5-4.649 3.577-6.727l.288.77l.04.1l.056-.1l.631-1.051v-.007a6.1 6.1 0 0 1 3.916-2.389"/><path fill="#eff1cb" stroke="#eff1cb" d="M21.948 2.875a6.13 6.13 0 0 0-3.926 2.388v.007l-.631 1.051l-.056.1l-.04-.1L17 5.544c-2.072 2.078-3.635 4.407-3.577 6.727v.1l-.086-.06l-.737-.493c-1.025 2.856-2.083 5.029-1.4 8.056l.02.1l-.093-.04l-.886-.374c0 .018.007.035.01.053a4.53 4.53 0 0 0 2.126 2.932q.074-.573.169-1.164c-1.543-3.614-.2-6.271.407-8.661l.939.542c-.13-2.238 1.184-4.651 2.893-6.757l.5.873c1.27-2.609 2.275-3.658 4.663-4.503Z"/><path d="m22.518 2l-.056.01c-2.082.363-4.121 1.128-5.015 2.959l-.377-.658l-.033-.06l-.05.05a21 21 0 0 0-2.939 3.5A5.94 5.94 0 0 0 12.835 11l-.532-.664l-.053-.066l-.036.076a27.5 27.5 0 0 0-1.693 4.7a6.73 6.73 0 0 0-.159 3.719l-.876-.509l-.073-.043l-.007.086a5.53 5.53 0 0 0 2.017 4.843l-.972.241l-.2.05l.2.053a4.3 4.3 0 0 1 1.455.6a1.33 1.33 0 0 1 .516 1.3V28.1l.01.013l1.217 1.745l.1.139v-4.278a3.5 3.5 0 0 1 .621-1.484a1.64 1.64 0 0 1 1.13-.535l.182-.023l-.165-.076l-.641-.3a9.1 9.1 0 0 0 3.693-5.322l.02-.086l-.083.023l-.793.215a11.7 11.7 0 0 0 2.089-3.5c.71-1.631 1.378-3.465 1.926-4.931l.03-.079l-.083.007l-.612.043a6.66 6.66 0 0 0 1.382-3.527a17 17 0 0 0 .079-4.086Zm-.575.876c.04 2.468-.033 4.91-2.169 7.23l-.079.089h.119l.873.013c-1.418 2.95-2.341 5.892-4.38 8.83l-.073.106l.126-.023l1.078-.2a5.85 5.85 0 0 1-3.484 3.65c-.39-5.455 2.333-10.27 4.645-15.071l.007-.013l-.086-.06c-3.786 4.233-5.491 10.2-6.136 15.127a4.58 4.58 0 0 1-2.145-2.988l.9.377l.093.04l-.02-.1c-.681-3.028.376-5.2 1.4-8.056l.737.493l.086.06v-.1c-.058-2.32 1.5-4.649 3.577-6.727l.288.77l.04.1l.056-.1l.631-1.051v-.007a6.1 6.1 0 0 1 3.915-2.389Z"/></svg>

Как использовать иконку File Type Tcl

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-tcl" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-tcl" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-tcl" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-tcl]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-tcl"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-tcl"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-tcl.svg" alt="Иконка File Type Tcl" width="24" height="24">

Похожие иконки в наборе VSCode Icons

Вопросы и ответы: Иконка File Type Tcl

Можно ли бесплатно использовать иконку File Type Tcl в коммерческих проектах?

Да. VSCode Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку File Type Tcl в React?

Установите @iconify/react и выведите <Icon icon="vscode-icons:file-type-tcl" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку File Type Tcl на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-tcl.svg" alt="Иконка File Type Tcl">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все VSCode Icons →