Foot Medium Light アイコン

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

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

fluent-emoji:foot-medium-light

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ih5Iizd)"><path fill="#E2AC8F" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><path fill="url(#iKgV2AC)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/></g><path fill="url(#i8lXmoc)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><path fill="url(#iewP9gb)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><path fill="url(#iTnzfkc)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><path fill="url(#iUdEcvu)" d="M29.783 24.724c-.618-2.731-1.462-2.726-1.669-6.365c-.207-3.638-.672-8.297-6.016-8.297c-2.437 0-5.642 1.414-5.828 6.594c0 3.702-4.75 5.797-7.145 6.814c-.793.337-2.156.968-2.948.968c-.47 0-.789-.307-1.329-.297c-1.937 0-2.765 1.797-2.765 3.078s.87 2.705 2.872 2.705h20.878c3.011 0 4.569-2.47 3.95-5.2"/><g filter="url(#iDzxTKd)"><path fill="#FFD2AA" d="M24.788 11.84c-.946 0-1.636 1.128-1.386 2.04c.39 1.425.623 3.096.682 4.141c.102 1.781.395 2.472.721 3.24c.207.487.427 1.006.62 1.855c.497 2.186-.754 4.162-3.172 4.162h3.649c.81 0 3.945 0 2.701-3.718c-.223-.474-.473-.94-.692-1.348a14 14 0 0 1-.485-.952c-.326-.767-.393-1.458-.495-3.239c-.082-1.446-.495-4.091-1.2-5.623c-.167-.361-.545-.559-.943-.559"/></g><g filter="url(#iUrmync)"><circle cx="23.426" cy="19.085" r="3.086" fill="url(#ijHzxLc)"/></g><g filter="url(#irEZGOe)"><path fill="url(#i1phafe)" d="M20.055 17.478a.48.48 0 0 0-.4.207a3.964 3.964 0 1 0 6.762.234a3.085 3.085 0 1 1-5.806.41c.107-.389-.152-.851-.556-.851"/></g><g filter="url(#iFkdets)"><path stroke="url(#i8AE8Ed)" stroke-linecap="round" stroke-width="2" d="M4.557 26.931h14.369"/></g><defs><linearGradient id="i8lXmoc" x1="31.44" x2="22.855" y1="22.238" y2="23.257" gradientUnits="userSpaceOnUse"><stop stop-color="#F6C9A3"/><stop offset="1" stop-color="#F6C9A3" stop-opacity="0"/></linearGradient><linearGradient id="iewP9gb" x1="16" x2="16" y1="31.225" y2="25.921" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#BD768B"/><stop offset="1" stop-color="#BD768B" stop-opacity="0"/></linearGradient><linearGradient id="iTnzfkc" x1="16" x2="16" y1="30.023" y2="29.578" gradientUnits="userSpaceOnUse"><stop stop-color="#B97BA2"/><stop offset="1" stop-color="#B97BA2" stop-opacity="0"/></linearGradient><linearGradient id="i1phafe" x1="27.694" x2="20.522" y1="21.48" y2="21.288" gradientUnits="userSpaceOnUse"><stop offset=".289" stop-color="#F7BE9D"/><stop offset=".592" stop-color="#DC9C91"/><stop offset="1" stop-color="#D19880"/></linearGradient><linearGradient id="i8AE8Ed" x1="4.811" x2="15.07" y1="27.368" y2="27.368" gradientUnits="userSpaceOnUse"><stop stop-color="#E9B498"/><stop offset="1" stop-color="#E9B498" stop-opacity="0"/></linearGradient><filter id="ih5Iizd" width="28.334" height="21.361" x="2.083" y="9.062" 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 dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.639216 0 0 0 0 0.592157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_0_49"/><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="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.788235 0 0 0 0 0.623529 0 0 0 0 0.509804 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_0_49" result="effect2_innerShadow_0_49"/></filter><filter id="iDzxTKd" width="11.639" height="20.439" x="19.753" y="9.339" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_0_49" stdDeviation="1.25"/></filter><filter id="iUrmync" width="8.171" height="8.171" x="19.34" y="15" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_0_49" stdDeviation=".5"/></filter><filter id="irEZGOe" width="10.428" height="8.854" x="17.75" y="16.228" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_0_49" stdDeviation=".625"/></filter><filter id="iFkdets" width="20.369" height="6" x="1.557" y="23.931" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_0_49" stdDeviation="1"/></filter><radialGradient id="iKgV2AC" cx="0" cy="0" r="1" gradientTransform="matrix(5.00281 5.34388 -6.1224 5.73165 17.184 14.65)" gradientUnits="userSpaceOnUse"><stop stop-color="#C49676"/><stop offset="1" stop-color="#DDA58D" stop-opacity="0"/></radialGradient><radialGradient id="iUdEcvu" cx="0" cy="0" r="1" gradientTransform="rotate(-121.741 21.637 6.363)scale(19.7821 38.1448)" gradientUnits="userSpaceOnUse"><stop offset=".91" stop-color="#C6A186" stop-opacity="0"/><stop offset="1" stop-color="#C6A186"/></radialGradient><radialGradient id="ijHzxLc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.65402 0 0 -5.03515 25.612 19.085)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD2AB"/><stop offset="1" stop-color="#FFD2AB" stop-opacity="0"/></radialGradient></defs></g></svg>

Foot Medium Light アイコンの使い方

React

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

<Icon icon="fluent-emoji:foot-medium-light" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:foot-medium-light" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:foot-medium-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--foot-medium-light]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:foot-medium-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/foot-medium-light.svg" alt="Foot Medium Light アイコン" width="24" height="24">

Fluent Emoji の関連アイコン

他のアイコンセットの Foot Medium Light アイコン

Foot Medium Light アイコンのよくある質問

Foot Medium Light アイコンは商用利用でも無料ですか?

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

React で Foot Medium Light アイコンを使うには?

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

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

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

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