Transgender アイコン

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

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

fontisto:transgender

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

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 19 × 24
カテゴリ: 性別

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="19" height="24" viewBox="0 0 19 24"><path fill="currentColor" d="M13.713.429V.413c0-.228.185-.413.413-.413h.016h-.001h3.864c.234 0 .445.098.595.254a.82.82 0 0 1 .254.595V4.73a.413.413 0 0 1-.413.413h-.017h.001h-.873a.413.413 0 0 1-.413-.413v-.017v.001V2.92l-3.404 3.415a7.46 7.46 0 0 1 1.688 4.741v.07v-.004l.001.1a7.4 7.4 0 0 1-1.98 5.054l.004-.005A7.48 7.48 0 0 1 8.6 18.8l-.032.003v1.768H9.87c.228 0 .413.185.413.413v.017V21v.873a.413.413 0 0 1-.413.413h-.017h.001h-1.286v1.302a.413.413 0 0 1-.413.413h-.017h.001h-.873a.413.413 0 0 1-.413-.413v-.017v.001v-1.286H5.551a.413.413 0 0 1-.413-.413v-.017v.001v-.873c0-.228.185-.413.413-.413h.017h-.001h1.288V18.8a7.5 7.5 0 0 1-3.644-1.394l.021.015a7.74 7.74 0 0 1-2.478-2.947l-.02-.046a7.46 7.46 0 0 1-.737-3.258q0-.341.03-.675l-.002.029a7.47 7.47 0 0 1 2.144-4.735l-.001.001a7.67 7.67 0 0 1 5.548-2.363c.767 0 1.508.112 2.207.321l-.054-.014a7.9 7.9 0 0 1 2.666 1.399l-.015-.012l3.415-3.402h-1.81a.413.413 0 0 1-.413-.413v-.017v.001zm-6 16.714l.087.001a5.76 5.76 0 0 0 4.152-1.759l.001-.002a5.77 5.77 0 0 0 1.761-4.153l-.001-.092v.005l.001-.087a5.76 5.76 0 0 0-1.759-4.152l-.002-.001C10.87 5.814 9.37 5.141 7.713 5.141s-3.157.674-4.24 1.762a5.77 5.77 0 0 0-1.76 4.245v-.005l-.001.087c0 1.629.674 3.101 1.759 4.152l.002.001a5.77 5.77 0 0 0 4.153 1.761l.092-.001z"/></svg>

Transgender アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Fontisto の関連アイコン

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

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

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

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

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

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

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

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

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