Tcl icon

file-icons:tcl

The Tcl icon (file-icons:tcl) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 242 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 242 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="242" height="512" viewBox="0 0 242 512"><path fill="currentColor" fill-rule="evenodd" d="M55.452 427.644v49.658L79.632 512v-78.281c2.943-12.658 6.398-21.37 11.364-27.141s11.426-8.734 20.673-9.854l3.325-.423l-14.75-6.951c27.962-16.836 59.279-58.107 67.522-97.323l.362-1.571l-16.019 4.352c12.889-12.102 25.873-36.079 38.204-64.015c13.078-29.629 25.29-63.185 35.302-90.008l.544-1.45l-12.694.906c13.825-14.674 21.509-38.906 25.267-64.499c3.912-26.638 3.638-54.686 1.451-74.714L240.063 0l-1.029.181c-38.077 6.642-75.353 20.633-91.7 54.102l-7.496-13.117l-.906.906c-18.752 17.943-38.882 41.184-53.74 64.015c-13.945 21.432-23.196 42.407-22.184 58.454l-10.7-13.359l-.664 1.39c-11.846 25.59-23.801 57.072-30.95 85.958c-6.778 27.389-9.205 52.319-2.902 68.005L.444 296.44l-.121 1.572c-3.016 45.684 15.549 67.496 36.873 88.557l-21.338 5.32l3.567.967c10.202 2.765 19.876 5.877 26.597 11.062s10.583 12.344 9.43 23.726m102.37-367.92l-11.576 19.282l-1.028 1.753l-5.984-15.958c-37.897 38.002-66.462 80.59-65.406 123.013l.06 1.874l-15.05-10.095c-18.752 52.216-38.081 91.953-25.631 147.313l.363 1.814l-17.893-7.556c.052.331.127.639.181.967c7.833 23.324 15.757 40.57 38.869 53.618l28.713.302c-7.124-99.752 42.657-187.801 84.93-275.585l-1.45-1.33c-63.812 71.35-95.35 169.858-109.11 255.335c-28.224-66.086-3.726-114.671 7.435-158.376l17.167 9.914c-2.371-40.922 21.654-85.054 52.893-123.557l9.067 15.958c23.23-47.78 41.6-66.959 85.268-82.416c-32.376 8.833-52.798 17.532-71.818 43.73" clip-rule="evenodd"/></svg>

How to use the Tcl icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/tcl.svg" alt="Tcl icon" width="24" height="24">

Tcl icon in other icon sets

Tcl icon FAQ

Is the Tcl icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Tcl icon in React?

Install @iconify/react and render <Icon icon="file-icons:tcl" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tcl icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/tcl.svg" alt="Tcl icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →