Tty アイコン

Q: Tty アイコンは商用利用でも無料ですか?

はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fontisto:tty

Tty アイコン(fontisto:tty)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 21 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 21 × 24
カテゴリ: アクセシビリティ

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24"><path fill="currentColor" d="M13.09.147c2.033.147 3.892.778 5.497 1.778l-.051-.029a4.56 4.56 0 0 1 2.054 2.535l.009.032l.049.27h-6.03l-.098-.185a2.5 2.5 0 0 0-.439-.495l-.003-.003c-.59-.526-.761-.554-3.605-.56c-1.35 0-2.63.029-2.849.057a2.32 2.32 0 0 0-1.412.842l-.004.005l-.249.342h-5.96l.042-.292c.135-1.002 1.379-2.29 3.001-3.107C4.712.585 6.654.107 8.696.016L8.73.015a40 40 0 0 1 4.51.146L13.089.15zM5.787 5.899c.014.014.014.611-.007 1.322c-.035 1.251-.042 1.294-.206 1.43s-.313.135-2.688.135H.369l-.17-.178C.021 8.438.021 8.423.021 7.15V5.87h2.866c1.578 0 2.886.014 2.901.029zM20.64 7.108c0 1.228 0 1.244-.185 1.458l-.185.221h-5.049l-.413-.413V5.869h5.831zM3.04 9.809c.427.178.469.313.469 1.415v.988l-.442.413H1.823c-1.768 0-1.798-.021-1.798-1.44c0-1.002.098-1.273.512-1.394a9.6 9.6 0 0 1 2.553.027l-.051-.006zm4.266 0c.427.178.469.313.469 1.415v.988l-.413.413H6.111a7 7 0 0 1-1.455-.086l.04.005c-.327-.147-.406-.4-.406-1.36c0-1.01.098-1.28.512-1.401a9.6 9.6 0 0 1 2.555.027l-.051-.006zm4.267 0c.427.178.469.313.469 1.415v.988l-.413.413H9.04l-.48-.48v-.917c0-1.44.071-1.5 1.76-1.507a4 4 0 0 1 1.279.098l-.027-.006zm4.266 0c.427.178.469.313.469 1.415v.988l-.413.413h-2.588l-.48-.48v-.917c0-1.44.071-1.5 1.76-1.507a4 4 0 0 1 1.277.098l-.027-.006zm4.529.17l.206.227v2.005l-.413.413h-2.589l-.48-.48v-.917c0-.775.021-.946.142-1.138c.192-.32.434-.37 1.76-.356l1.166.014zM7.371 13.626c.362.185.406.32.406 1.36v.982l-.206.227l-.206.234l-1.2.021c-1.792.029-1.87-.035-1.87-1.507v-.91l.48-.48h1.223a6.3 6.3 0 0 1 1.409.086l-.038-.005zm4.316.029q.172.09.282.238l.002.002a5.6 5.6 0 0 1 .071 1.112v-.009v.967l-.206.227l-.206.235l-1.13.021c-1.84.042-1.941-.035-1.941-1.507v-.906l.48-.48h1.216a4 4 0 0 1 1.456.114l-.028-.006zm4.267 0q.172.09.282.238l.002.002a5.6 5.6 0 0 1 .071 1.112v-.009v.967l-.206.227l-.206.235l-1.13.021c-1.84.042-1.941-.035-1.941-1.507v-.906l.48-.48h1.216a4 4 0 0 1 1.456.114l-.028-.006zM3.305 17.587l.206.227v.982c-.007 1.424-.021 1.44-1.778 1.44H.51l-.48-.48v-.896c0-1.486.08-1.542 1.87-1.52l1.2.021zm4.266 0l.206.227v.967a6 6 0 0 1-.076 1.136l.005-.034c-.16.292-.419.348-1.714.348H4.776l-.48-.48v-.896c0-1.486.08-1.542 1.87-1.52l1.2.021zm4.267 0l.206.227v.967a6 6 0 0 1-.076 1.136l.005-.034c-.16.292-.419.348-1.714.348H9.04l-.48-.48v-.896c0-1.486.08-1.542 1.87-1.52l1.2.021zm4.266 0l.206.227v2.005l-.442.413h-2.56l-.48-.48v-.896c0-1.486.08-1.542 1.87-1.52l1.2.021zm4.252-.029l.221.213v2.048l-.442.413h-2.547l-.227-.206l-.234-.206l-.021-.924c-.042-1.514.042-1.586 1.849-1.557l1.188.014zm-3.626 3.698c.298.16.362.384.362 1.344s-.049 1.094-.427 1.294c-.178.092-1.04.106-6.328.106c-6.8 0-6.48.021-6.712-.462a4.2 4.2 0 0 1-.009-1.941l-.006.028c.206-.505-.256-.469 6.676-.469c5.26 0 6.269.015 6.44.101z"/></svg>

Tty アイコンの使い方

React

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

<Icon icon="fontisto:tty" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:tty" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:tty" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--tty]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fontisto:tty"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/tty.svg" alt="Tty アイコン" width="24" height="24">

他のアイコンセットの Tty アイコン

Tty アイコンのよくある質問

Tty アイコンは商用利用でも無料ですか?

はい。Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Tty アイコンを使うには?

@iconify/react をインストールして <Icon icon="fontisto:tty" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Tty アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/tty.svg" alt="Tty アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fontisto アイコンをすべて見る →