Running Shirt アイコン

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

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

fluent-emoji:running-shirt

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

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

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(#iTWgs4c)" d="M15.906 8.529c-2.5 0-4-2.529-4-2.529v4h8V6s-1.5 2.529-4 2.529"/><path fill="url(#iZJsc7b)" d="M15.906 8.529c-2.5 0-4-2.529-4-2.529v4h8V6s-1.5 2.529-4 2.529"/><g filter="url(#imhdaVb)"><path fill="url(#iO8YsPd)" d="M8.656 2h3.5a.75.75 0 0 1 .75.75V7a3 3 0 0 0 6 0V2.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75V11q0 .165.026.322A2 2 0 0 0 25.906 13h.25a.75.75 0 0 1 .75.75v15.5a.75.75 0 0 1-.75.75h-20.5a.75.75 0 0 1-.75-.75v-15.5a.75.75 0 0 1 .75-.75h.25a2 2 0 0 0 2-2V2.75a.75.75 0 0 1 .75-.75"/><path fill="url(#iEWKSTd)" d="M8.656 2h3.5a.75.75 0 0 1 .75.75V7a3 3 0 0 0 6 0V2.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75V11q0 .165.026.322A2 2 0 0 0 25.906 13h.25a.75.75 0 0 1 .75.75v15.5a.75.75 0 0 1-.75.75h-20.5a.75.75 0 0 1-.75-.75v-15.5a.75.75 0 0 1 .75-.75h.25a2 2 0 0 0 2-2V2.75a.75.75 0 0 1 .75-.75"/><path fill="url(#ilawRDP)" d="M8.656 2h3.5a.75.75 0 0 1 .75.75V7a3 3 0 0 0 6 0V2.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75V11q0 .165.026.322A2 2 0 0 0 25.906 13h.25a.75.75 0 0 1 .75.75v15.5a.75.75 0 0 1-.75.75h-20.5a.75.75 0 0 1-.75-.75v-15.5a.75.75 0 0 1 .75-.75h.25a2 2 0 0 0 2-2V2.75a.75.75 0 0 1 .75-.75"/></g><path fill="url(#iqdsr9b)" d="M8.656 2h3.5a.75.75 0 0 1 .75.75V7a3 3 0 0 0 6 0V2.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75V11q0 .165.026.322A2 2 0 0 0 25.906 13h.25a.75.75 0 0 1 .75.75v15.5a.75.75 0 0 1-.75.75h-20.5a.75.75 0 0 1-.75-.75v-15.5a.75.75 0 0 1 .75-.75h.25a2 2 0 0 0 2-2V2.75a.75.75 0 0 1 .75-.75"/><path fill="url(#i4I2tJe)" d="M8.656 2h3.5a.75.75 0 0 1 .75.75V7a3 3 0 0 0 6 0V2.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75V11q0 .165.026.322A2 2 0 0 0 25.906 13h.25a.75.75 0 0 1 .75.75v15.5a.75.75 0 0 1-.75.75h-20.5a.75.75 0 0 1-.75-.75v-15.5a.75.75 0 0 1 .75-.75h.25a2 2 0 0 0 2-2V2.75a.75.75 0 0 1 .75-.75"/><path fill="url(#ie6PI6d)" d="M8.656 2h3.5a.75.75 0 0 1 .75.75V7a3 3 0 0 0 6 0V2.75a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75V11q0 .165.026.322A2 2 0 0 0 25.906 13h.25a.75.75 0 0 1 .75.75v15.5a.75.75 0 0 1-.75.75h-20.5a.75.75 0 0 1-.75-.75v-15.5a.75.75 0 0 1 .75-.75h.25a2 2 0 0 0 2-2V2.75a.75.75 0 0 1 .75-.75"/><path fill="url(#iRoXxIe)" d="M7.15 30H5.656a.75.75 0 0 1-.75-.75v-1.465l19-21.147V11q0 .165.026.322z"/><path fill="url(#iDPbLRc)" d="M7.15 30H5.656a.75.75 0 0 1-.75-.75v-1.465l19-21.147V11q0 .165.026.322z"/><path fill="url(#iPMQEeT)" d="M7.15 30H5.656a.75.75 0 0 1-.75-.75v-1.465l19-21.147V11q0 .165.026.322z"/><defs><linearGradient id="iO8YsPd" x1="22.892" x2="5.212" y1="11.063" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#99CE56"/><stop offset="1" stop-color="#558D7D"/></linearGradient><linearGradient id="iqdsr9b" x1="15.906" x2="15.906" y1="30.131" y2="29.474" gradientUnits="userSpaceOnUse"><stop stop-color="#64657D"/><stop offset="1" stop-color="#64657D" stop-opacity="0"/></linearGradient><linearGradient id="i4I2tJe" x1="4.51" x2="5.317" y1="25.067" y2="25.067" gradientUnits="userSpaceOnUse"><stop stop-color="#3E6E5E"/><stop offset="1" stop-color="#3E6E5E" stop-opacity="0"/></linearGradient><linearGradient id="iRoXxIe" x1="23.932" x2="4.906" y1="8.271" y2="29.453" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF459"/><stop offset="1" stop-color="#FFB74D"/></linearGradient><linearGradient id="iDPbLRc" x1="4.906" x2="5.576" y1="28.743" y2="28.743" gradientUnits="userSpaceOnUse"><stop stop-color="#CF9641"/><stop offset="1" stop-color="#CF9641" stop-opacity="0"/></linearGradient><linearGradient id="iPMQEeT" x1="7.704" x2="7.704" y1="30" y2="29.516" gradientUnits="userSpaceOnUse"><stop stop-color="#F08565"/><stop offset="1" stop-color="#F08565" stop-opacity="0"/></linearGradient><radialGradient id="iTWgs4c" cx="0" cy="0" r="1" gradientTransform="matrix(3.391 2.96035 -5.92077 6.78209 13.714 7.574)" gradientUnits="userSpaceOnUse"><stop stop-color="#549649"/><stop offset="1" stop-color="#407A32"/></radialGradient><radialGradient id="iZJsc7b" cx="0" cy="0" r="1" gradientTransform="matrix(2.9189 1.56094 -.54647 1.02189 12.987 7.143)" gradientUnits="userSpaceOnUse"><stop stop-color="#72B761"/><stop offset="1" stop-color="#72B761" stop-opacity="0"/></radialGradient><radialGradient id="iEWKSTd" cx="0" cy="0" r="1" gradientTransform="rotate(-45.234 40.093 9.055)scale(12.6043 9.90341)" gradientUnits="userSpaceOnUse"><stop stop-color="#387C6B"/><stop offset="1" stop-color="#387C6B" stop-opacity="0"/></radialGradient><radialGradient id="ilawRDP" cx="0" cy="0" r="1" gradientTransform="rotate(144.951 11.957 10.663)scale(8.81029 18.4861)" gradientUnits="userSpaceOnUse"><stop stop-color="#9ACF54"/><stop offset="1" stop-color="#9ACF54" stop-opacity="0"/></radialGradient><radialGradient id="ie6PI6d" cx="0" cy="0" r="1" gradientTransform="matrix(-1.18417 .75355 -.79123 -1.24337 24.371 2.299)" gradientUnits="userSpaceOnUse"><stop stop-color="#B2F463"/><stop offset="1" stop-color="#B2F463" stop-opacity="0"/></radialGradient><filter id="imhdaVb" width="23" height="29" x="4.406" y="1.5" 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=".5" dy="-.5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.27451 0 0 0 0 0.470588 0 0 0 0 0.501961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2983"/><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="-.5" dy=".5"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.956863 0 0 0 0 0.388235 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2983" result="effect2_innerShadow_18_2983"/></filter></defs></g></svg>

Running Shirt アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Fluent Emoji の関連アイコン

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

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

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

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

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

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

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

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

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