Ttk アイコン
token:ttk
Ttk アイコン(token:ttk)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.593 17.108a8.95 8.95 0 0 1-1.577-5.491a4.8 4.8 0 0 0 1.577.65zm4.762 3.493a9 9 0 0 1-2.46-1.19h1.931v.529h.53zm1.058.259v-.921h.265v-.53h.264v-7.406h-.264v-.529h-.265v-1.058h3.174v1.058h-.264v.53h-.265v7.406h.265v.529h.264v.92a9 9 0 0 1-3.174 0m6.693-1.449a9 9 0 0 1-2.46 1.191v-.661h.529v-.53zm.714-6.877h-3.174v1.058h.264v.529h.265v4.761h2.116V14.12h.264v-.53h.265zm-8.465 0H6.18v1.058h.264v.529h.265v4.761h2.116V14.12h.264v-.53h.265zm9.522 5.264a8.96 8.96 0 0 0 2.09-6.455h-.01a.265.265 0 0 1-.27.127c-.53.244-1.228.535-1.81.535zm2.064-6.746a.264.264 0 0 0-.476.122c-1.47-.148-2.486-.704-2.814-1.302a.265.265 0 0 0-.096-.513c-.264 0-.264.265-.264.265v.264h-2.645v-.793c1.27 0 2.29-.53 2.645-.794c-1.513.053-2.222-.54-2.497-1.08a.53.53 0 1 0-.677-.507H9.884a.53.53 0 1 0-.677.508a1.6 1.6 0 0 1-.413.545L4.334 7.3q.184-.301.392-.587h3.042l-2.693-.45a8.978 8.978 0 0 1 14.03.228l-3.401.487l3.915.243q.165.271.317.55h-3.174l3.418.487c.406.885.665 1.83.767 2.799z"/><path fill="currentColor" d="M3.271 10.945a.26.26 0 0 0-.211.105c.105-1.079.412-2.1.878-3.036l4.856-.249c-.608.519-1.544.593-2.084.534c.212.635 1.497.794 2.116.794v.794H6.71v-.265a.265.265 0 1 0-.265.265c-.613 1.073-1.862 1.285-2.91 1.322a.265.265 0 0 0-.264-.264"/></svg>Ttk アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:ttk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:ttk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:ttk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--ttk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:ttk"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:ttk"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/ttk.svg" alt="Ttk アイコン" width="24" height="24">他のアイコンセットの Ttk アイコン
Ttk アイコン のよくある質問
Ttk アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ttk アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:ttk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ttk アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/ttk.svg" alt="Ttk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。