Ttcn 3 アイコン
file-icons:ttcn-3
Ttcn 3 アイコン(file-icons:ttcn-3)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 400 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 400 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="512" viewBox="0 0 400 512"><path fill="currentColor" d="M141.692 0C294.787 1.687 399.358 130.615 400 248.92c.735 135.427-101.152 266.957-263.09 262.993C389.315 497.983 447.567 52.943 136 0m103.545 169.1c3.221-14.215 15.101-39.446-6.147-40.534H59.018c-15.368 0-25.378 9.864-26.53 24.407c-1.347 17.011 12.9 29.26 24.08 29.26l108.885-.312c15.394-.29 25.766 13.964 25.512 23.656c-.352 13.476-12.322 21.704-27.932 22.946H75.619c-41.901 7.267-30.856 51.655-5.464 55.325h79.587c18.965.14 23.342 14.54 23.374 23.634c.043 12.43-10.44 23.95-25.25 23.494H20.359c-30.81.302-22.394 52.52-2.797 53.96H177.39c14.038.933 26.152-1.342 29.37-18.442l10.245-36.2c16.646-1.758 39.148 4.536 42.348-15.71L279.16 203.25c1.437-9.467 10.168-33.675-12.294-34.151z"/></svg>Ttcn 3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:ttcn-3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:ttcn-3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:ttcn-3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--ttcn-3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:ttcn-3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:ttcn-3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/ttcn-3.svg" alt="Ttcn 3 アイコン" width="24" height="24">Ttcn 3 アイコン のよくある質問
Ttcn 3 アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ttcn 3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:ttcn-3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ttcn 3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/ttcn-3.svg" alt="Ttcn 3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。