T Shirt アイコン

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

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

fluent-emoji:t-shirt

T Shirt アイコン(fluent-emoji:t-shirt)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: tshirt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#isGSImn)" d="M16.002 13.22a4.08 4.08 0 0 0 4.077-4.156h-8.154l-.001.078a4.08 4.08 0 0 0 4.078 4.078"/><path fill="url(#iuahW0b)" d="M16.002 13.22a4.08 4.08 0 0 0 4.077-4.156h-8.154l-.001.078a4.08 4.08 0 0 0 4.078 4.078"/><g filter="url(#iUR8zDd)"><path fill="#4B892A" d="M11.624 10.313c-.11 0-.2.085-.2.195c0 2.097 2.275 3.197 4.376 3.197a3.8 3.8 0 0 0 3.805-3.796c0-.11-.09-.195-.2-.195h-.442a.19.19 0 0 0-.189.195a2.97 2.97 0 0 1-2.974 2.964c-1.644 0-3.545-.729-3.545-2.365a.19.19 0 0 0-.189-.195z"/></g><path fill="url(#iHHTbbe)" d="M2.474 13.74a1 1 0 0 1 .347-1.355c1.448-.874 4.292-2.592 4.581-2.747c.515-.277.762-.34.762-.34l3.543 5.428l-5.63 3.251a1 1 0 0 1-1.366-.366z"/><path fill="url(#i4RB8ee)" d="M2.474 13.74a1 1 0 0 1 .347-1.355c1.448-.874 4.292-2.592 4.581-2.747c.515-.277.762-.34.762-.34l3.543 5.428l-5.63 3.251a1 1 0 0 1-1.366-.366z"/><path fill="url(#ixBJwXb)" d="M2.474 13.74a1 1 0 0 1 .347-1.355c1.448-.874 4.292-2.592 4.581-2.747c.515-.277.762-.34.762-.34l3.543 5.428l-5.63 3.251a1 1 0 0 1-1.366-.366z"/><path fill="url(#iPrqlCe)" d="M2.474 13.74a1 1 0 0 1 .347-1.355c1.448-.874 4.292-2.592 4.581-2.747c.515-.277.762-.34.762-.34l3.543 5.428l-5.63 3.251a1 1 0 0 1-1.366-.366z"/><path fill="url(#idvhUFd)" d="M2.474 13.74a1 1 0 0 1 .347-1.355c1.448-.874 4.292-2.592 4.581-2.747c.515-.277.762-.34.762-.34l3.543 5.428l-5.63 3.251a1 1 0 0 1-1.366-.366z"/><path fill="url(#iF8KAcc)" d="M29.53 13.74a1 1 0 0 0-.347-1.355c-1.448-.874-4.121-2.5-4.582-2.747c-.46-.248-.761-.34-.761-.34l-3.543 5.428l5.63 3.251a1 1 0 0 0 1.366-.366z"/><path fill="url(#i2JT8ab)" d="M29.53 13.74a1 1 0 0 0-.347-1.355c-1.448-.874-4.121-2.5-4.582-2.747c-.46-.248-.761-.34-.761-.34l-3.543 5.428l5.63 3.251a1 1 0 0 0 1.366-.366z"/><path fill="url(#ieKRfdb)" d="M29.53 13.74a1 1 0 0 0-.347-1.355c-1.448-.874-4.121-2.5-4.582-2.747c-.46-.248-.761-.34-.761-.34l-3.543 5.428l5.63 3.251a1 1 0 0 0 1.366-.366z"/><path fill="url(#imGaywL)" d="M29.53 13.74a1 1 0 0 0-.347-1.355c-1.448-.874-4.121-2.5-4.582-2.747c-.46-.248-.761-.34-.761-.34l-3.543 5.428l5.63 3.251a1 1 0 0 0 1.366-.366z"/><path fill="url(#iu0uMwc)" d="M29.53 13.74a1 1 0 0 0-.347-1.355c-1.448-.874-4.121-2.5-4.582-2.747c-.46-.248-.761-.34-.761-.34l-3.543 5.428l5.63 3.251a1 1 0 0 0 1.366-.366z"/><path fill="url(#i0wBohj)" d="M9.968 9.064c-.612 0-1.22.079-1.812.234v20.078a.5.5 0 0 0 .5.5h14.688a.5.5 0 0 0 .5-.5V9.298l-.042-.01a8 8 0 0 0-1.881-.224h-1.842l.001.078a4.078 4.078 0 1 1-8.155-.078z"/><path fill="url(#ihuxBlc)" d="M9.968 9.064c-.612 0-1.22.079-1.812.234v20.078a.5.5 0 0 0 .5.5h14.688a.5.5 0 0 0 .5-.5V9.298l-.042-.01a8 8 0 0 0-1.881-.224h-1.842l.001.078a4.078 4.078 0 1 1-8.155-.078z"/><path fill="url(#ip58Eob)" d="M9.968 9.064c-.612 0-1.22.079-1.812.234v20.078a.5.5 0 0 0 .5.5h14.688a.5.5 0 0 0 .5-.5V9.298l-.042-.01a8 8 0 0 0-1.881-.224h-1.842l.001.078a4.078 4.078 0 1 1-8.155-.078z"/><path fill="url(#itWF0hb)" d="M9.968 9.064c-.612 0-1.22.079-1.812.234v20.078a.5.5 0 0 0 .5.5h14.688a.5.5 0 0 0 .5-.5V9.298l-.042-.01a8 8 0 0 0-1.881-.224h-1.842l.001.078a4.078 4.078 0 1 1-8.155-.078z"/><path fill="url(#ioJHxgd)" d="M9.968 9.064c-.612 0-1.22.079-1.812.234v20.078a.5.5 0 0 0 .5.5h14.688a.5.5 0 0 0 .5-.5V9.298l-.042-.01a8 8 0 0 0-1.881-.224h-1.842l.001.078a4.078 4.078 0 1 1-8.155-.078z"/><path fill="url(#iFjgS1l)" d="M8.156 18.72v-3.28h15.688v3.281z"/><g filter="url(#iFBoGjd)"><path fill="url(#ivKtwye)" d="M11.664 8.92a.237.237 0 0 0-.24.233a4.57 4.57 0 0 0 4.578 4.567a4.57 4.57 0 0 0 4.578-4.567a.237.237 0 0 0-.24-.234h-.533a.23.23 0 0 0-.227.234c0 1.969-1.6 3.567-3.578 3.567a3.57 3.57 0 0 1-3.578-3.567a.23.23 0 0 0-.227-.234z"/></g><defs><linearGradient id="isGSImn" x1="16.002" x2="16.002" y1="9.064" y2="12.22" gradientUnits="userSpaceOnUse"><stop stop-color="#A4D047"/><stop offset="1" stop-color="#66A749"/></linearGradient><linearGradient id="iHHTbbe" x1="8.844" x2="4.031" y1="13.283" y2="16.283" gradientUnits="userSpaceOnUse"><stop stop-color="#90CC68"/><stop offset="1" stop-color="#98D766"/></linearGradient><linearGradient id="i4RB8ee" x1="5.25" x2="6.125" y1="10.689" y2="12.22" gradientUnits="userSpaceOnUse"><stop stop-color="#A6E36C"/><stop offset="1" stop-color="#A6E36C" stop-opacity="0"/></linearGradient><linearGradient id="iPrqlCe" x1="8.219" x2="6.813" y1="17.251" y2="15.47" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#619B51"/><stop offset="1" stop-color="#85C26C" stop-opacity="0"/></linearGradient><linearGradient id="iF8KAcc" x1="23.875" x2="28.813" y1="13.376" y2="15.564" gradientUnits="userSpaceOnUse"><stop stop-color="#95D669"/><stop offset="1" stop-color="#8FD670"/></linearGradient><linearGradient id="i2JT8ab" x1="26.906" x2="25.75" y1="10.876" y2="12.97" gradientUnits="userSpaceOnUse"><stop offset=".174" stop-color="#C0FE7C"/><stop offset="1" stop-color="#98D969" stop-opacity="0"/></linearGradient><linearGradient id="imGaywL" x1="28.281" x2="28.055" y1="15.97" y2="15.829" gradientUnits="userSpaceOnUse"><stop stop-color="#8ECE6F"/><stop offset="1" stop-color="#8ECE6F" stop-opacity="0"/></linearGradient><linearGradient id="iu0uMwc" x1="24.469" x2="25.219" y1="17.189" y2="15.97" gradientUnits="userSpaceOnUse"><stop stop-color="#68A163"/><stop offset="1" stop-color="#84CC69" stop-opacity="0"/></linearGradient><linearGradient id="i0wBohj" x1="8.156" x2="24.188" y1="24.564" y2="24.564" gradientUnits="userSpaceOnUse"><stop stop-color="#7ED279"/><stop offset="1" stop-color="#88EE94"/></linearGradient><linearGradient id="ihuxBlc" x1="7.438" x2="16" y1="28.876" y2="28.876" gradientUnits="userSpaceOnUse"><stop stop-color="#6FBE75"/><stop offset="1" stop-color="#6FBE75" stop-opacity="0"/></linearGradient><linearGradient id="ip58Eob" x1="16" x2="16" y1="9.064" y2="17.626" gradientUnits="userSpaceOnUse"><stop stop-color="#A5E26B"/><stop offset="1" stop-color="#A5E26B" stop-opacity="0"/></linearGradient><linearGradient id="itWF0hb" x1="16" x2="16" y1="30.064" y2="28.968" gradientUnits="userSpaceOnUse"><stop stop-color="#539583"/><stop offset="1" stop-color="#53AE80" stop-opacity="0"/></linearGradient><linearGradient id="iFjgS1l" x1="8.156" x2="23.844" y1="17.439" y2="17.439" gradientUnits="userSpaceOnUse"><stop stop-color="#BDC792"/><stop offset="1" stop-color="#EBF9B6"/></linearGradient><linearGradient id="ivKtwye" x1="16.002" x2="16.002" y1="8.919" y2="13.72" gradientUnits="userSpaceOnUse"><stop stop-color="#2FCF6C"/><stop offset="1" stop-color="#2FC36B"/></linearGradient><radialGradient id="iuahW0b" cx="0" cy="0" r="1" gradientTransform="scale(5.92282 3.9375)rotate(90 .2 2.502)" gradientUnits="userSpaceOnUse"><stop offset=".484" stop-color="#7FB84A" stop-opacity="0"/><stop offset=".944" stop-color="#4C8A3B"/></radialGradient><radialGradient id="ixBJwXb" cx="0" cy="0" r="1" gradientTransform="matrix(1.625 -1.03125 5.42077 8.54183 3.031 15.376)" gradientUnits="userSpaceOnUse"><stop offset=".294" stop-color="#7AB25C"/><stop offset="1" stop-color="#93D263" stop-opacity="0"/></radialGradient><radialGradient id="idvhUFd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.0625 0 0 -5.40625 8.531 15.689)" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#72B25A"/><stop offset="1" stop-color="#72B25A" stop-opacity="0"/></radialGradient><radialGradient id="ieKRfdb" cx="0" cy="0" r="1" gradientTransform="matrix(1.3125 .0625 -.60417 12.68752 23.469 12.283)" gradientUnits="userSpaceOnUse"><stop offset=".199" stop-color="#ABF17B"/><stop offset="1" stop-color="#ABF17B" stop-opacity="0"/></radialGradient><radialGradient id="ioJHxgd" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.59375 -2.11378 0 23.844 9.064)" gradientUnits="userSpaceOnUse"><stop stop-color="#B9F87A"/><stop offset="1" stop-color="#B9F87A" stop-opacity="0"/></radialGradient><filter id="iUR8zDd" width="10.182" height="5.991" x="10.424" y="8.714" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16422" stdDeviation=".5"/></filter><filter id="iFBoGjd" width="9.456" height="5.101" x="11.224" y="8.719" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.2"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.164706 0 0 0 0 0.705882 0 0 0 0 0.368627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16422"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.286275 0 0 0 0 0.843137 0 0 0 0 0.486275 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_16422" result="effect2_innerShadow_18_16422"/></filter></defs></g></svg>

T Shirt アイコンの使い方

React

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

<Icon icon="fluent-emoji:t-shirt" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:t-shirt" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:t-shirt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--t-shirt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:t-shirt"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:t-shirt"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/t-shirt.svg" alt="T Shirt アイコン" width="24" height="24">

Fluent Emoji の関連アイコン

他のアイコンセットの T Shirt アイコン

T Shirt アイコンのよくある質問

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

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

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

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

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

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

Fluent Emoji アイコンをすべて見る →