Tcl アイコン
file-icons:tcl
Tcl アイコン(file-icons:tcl)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 242 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 242 × 512
SVG コード
<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>Tcl アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/file-icons/tcl.svg" alt="Tcl アイコン" width="24" height="24">他のアイコンセットの Tcl アイコン
Tcl アイコン のよくある質問
Tcl アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tcl アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:tcl" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tcl アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/tcl.svg" alt="Tcl アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。