Tinyletter アイコン
simple-icons:tinyletter
Tinyletter アイコン(simple-icons:tinyletter)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.069 18.202h-4.913v3.207l-4.22-3.207H4.93a.643.643 0 0 1-.643-.642v-1.69l3.987-3.028L12 15.672l3.725-2.83l3.987 3.03v1.688a.643.643 0 0 1-.643.642M7.213 12.035l-2.925 2.222V9.813zm12.499-2.222v4.444l-2.925-2.222zM4.932 5.61h2.735L12 9.128l4.338-3.518h2.73c.355 0 .644.288.644.642v1.946L12 14.058l-7.712-5.86V6.252c0-.354.289-.642.643-.642zm3.407-3.772c.356-.356.83-.553 1.335-.553c.504 0 .978.197 1.334.553L12 2.83l.992-.992c.356-.356.83-.553 1.334-.553s.979.197 1.335.553c.357.357.553.83.553 1.335c0 .494-.188.959-.53 1.313L12 7.473L8.317 4.486a1.89 1.89 0 0 1 .022-2.648m10.73 2.486h-1.787A3.17 3.17 0 0 0 16.57.93c-.6-.6-1.396-.93-2.244-.93c-.847 0-1.644.33-2.243.93L12 1.011L11.917.93A3.15 3.15 0 0 0 9.674 0A3.15 3.15 0 0 0 7.43.93a3.18 3.18 0 0 0-.711 3.394H4.93a1.93 1.93 0 0 0-1.928 1.928V17.56a1.93 1.93 0 0 0 1.928 1.928h4.572L15.44 24v-4.512h3.628a1.93 1.93 0 0 0 1.928-1.928V6.252a1.93 1.93 0 0 0-1.928-1.928"/></svg>Tinyletter アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:tinyletter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:tinyletter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:tinyletter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--tinyletter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:tinyletter"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:tinyletter"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/tinyletter.svg" alt="Tinyletter アイコン" width="24" height="24">他のアイコンセットの Tinyletter アイコン
Tinyletter アイコン のよくある質問
Tinyletter アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tinyletter アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:tinyletter" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tinyletter アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/tinyletter.svg" alt="Tinyletter アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。