Womans Boot アイコン

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

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

fluent-emoji:womans-boot

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

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

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(#i7w8Akb)"><path fill="url(#iCNrlWd)" d="M7.203 23.963h1.158c2.134.084 2.486 1.771 2.713 3.318c.133 1.664 1.313 2.672 2.97 2.672h14.987a.75.75 0 0 0 .75-.75v-1.902l-19.2-8.785l-4.878.93l.52 1.929H2.22v8.078a.5.5 0 0 0 .5.5h3.984a.5.5 0 0 0 .5-.5z"/><path fill="url(#ibpmOsc)" d="M7.203 23.963h1.158c2.134.084 2.486 1.771 2.713 3.318c.133 1.664 1.313 2.672 2.97 2.672h14.987a.75.75 0 0 0 .75-.75v-1.902l-19.2-8.785l-4.878.93l.52 1.929H2.22v8.078a.5.5 0 0 0 .5.5h3.984a.5.5 0 0 0 .5-.5z"/><path fill="url(#iBsbTOb)" d="M7.203 23.963h1.158c2.134.084 2.486 1.771 2.713 3.318c.133 1.664 1.313 2.672 2.97 2.672h14.987a.75.75 0 0 0 .75-.75v-1.902l-19.2-8.785l-4.878.93l.52 1.929H2.22v8.078a.5.5 0 0 0 .5.5h3.984a.5.5 0 0 0 .5-.5z"/><path fill="url(#i5OrhBk)" d="M7.203 23.963h1.158c2.134.084 2.486 1.771 2.713 3.318c.133 1.664 1.313 2.672 2.97 2.672h14.987a.75.75 0 0 0 .75-.75v-1.902l-19.2-8.785l-4.878.93l.52 1.929H2.22v8.078a.5.5 0 0 0 .5.5h3.984a.5.5 0 0 0 .5-.5z"/></g><path fill="url(#iuQVGfd)" d="M4.219 2a2 2 0 0 0-2 2v17.375H9.97a3.654 3.654 0 0 1 3.654 3.654a2.284 2.284 0 0 0 2.284 2.284H29.78c-.147-4.908-3.579-5.747-5.625-6.247q-.343-.082-.625-.16l-.428-.117c-1.473-.4-2.573-.7-4.072-2.57c-1.055-1.316-1.121-4.217-1.125-5.756V4a2 2 0 0 0-2-2z"/><path fill="url(#iQU8Avc)" d="M4.219 2a2 2 0 0 0-2 2v17.375H9.97a3.654 3.654 0 0 1 3.654 3.654a2.284 2.284 0 0 0 2.284 2.284H29.78c-.147-4.908-3.579-5.747-5.625-6.247q-.343-.082-.625-.16l-.428-.117c-1.473-.4-2.573-.7-4.072-2.57c-1.055-1.316-1.121-4.217-1.125-5.756V4a2 2 0 0 0-2-2z"/><path fill="url(#iMqi8Ud)" d="M4.219 2a2 2 0 0 0-2 2v17.375H9.97a3.654 3.654 0 0 1 3.654 3.654a2.284 2.284 0 0 0 2.284 2.284H29.78c-.147-4.908-3.579-5.747-5.625-6.247q-.343-.082-.625-.16l-.428-.117c-1.473-.4-2.573-.7-4.072-2.57c-1.055-1.316-1.121-4.217-1.125-5.756V4a2 2 0 0 0-2-2z"/><path fill="url(#iRPn26c)" d="M4.219 2a2 2 0 0 0-2 2v17.375H9.97a3.654 3.654 0 0 1 3.654 3.654a2.284 2.284 0 0 0 2.284 2.284H29.78c-.147-4.908-3.579-5.747-5.625-6.247q-.343-.082-.625-.16l-.428-.117c-1.473-.4-2.573-.7-4.072-2.57c-1.055-1.316-1.121-4.217-1.125-5.756V4a2 2 0 0 0-2-2z"/><path fill="url(#i5IR48b)" d="M4.219 2a2 2 0 0 0-2 2v17.375H9.97a3.654 3.654 0 0 1 3.654 3.654a2.284 2.284 0 0 0 2.284 2.284H29.78c-.147-4.908-3.579-5.747-5.625-6.247q-.343-.082-.625-.16l-.428-.117c-1.473-.4-2.573-.7-4.072-2.57c-1.055-1.316-1.121-4.217-1.125-5.756V4a2 2 0 0 0-2-2z"/><path fill="url(#iakaP1d)" d="M4.219 2a2 2 0 0 0-2 2v17.375H9.97a3.654 3.654 0 0 1 3.654 3.654a2.284 2.284 0 0 0 2.284 2.284H29.78c-.147-4.908-3.579-5.747-5.625-6.247q-.343-.082-.625-.16l-.428-.117c-1.473-.4-2.573-.7-4.072-2.57c-1.055-1.316-1.121-4.217-1.125-5.756V4a2 2 0 0 0-2-2z"/><g filter="url(#it2BSAw)"><path fill="#CF2942" d="M7.781 3.188V14.16c0 .524-.461.948-1.031.948s-1.031-.424-1.031-.948V3.188z"/></g><g filter="url(#i9VOwUb)"><path fill="url(#iN0AWnb)" d="M8.094 2v11.75a1.016 1.016 0 0 1-2.031 0V2z"/><path fill="url(#imWW4He)" d="M8.094 2v11.75a1.016 1.016 0 0 1-2.031 0V2z"/></g><defs><linearGradient id="iCNrlWd" x1="5" x2="26.25" y1="26.813" y2="27.125" gradientUnits="userSpaceOnUse"><stop stop-color="#F0A773"/><stop offset="1" stop-color="#FFBD8C"/></linearGradient><linearGradient id="ibpmOsc" x1="29.781" x2="18.625" y1="29.953" y2="29.953" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD890"/><stop offset="1" stop-color="#FFD890" stop-opacity="0"/></linearGradient><linearGradient id="iBsbTOb" x1="29.781" x2="28.813" y1="29.688" y2="29.688" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD08A"/><stop offset="1" stop-color="#FFD08A" stop-opacity="0"/></linearGradient><linearGradient id="i5OrhBk" x1="1.969" x2="7.125" y1="26.031" y2="26.031" gradientUnits="userSpaceOnUse"><stop stop-color="#CA9567"/><stop offset="1" stop-color="#CA9567" stop-opacity="0"/></linearGradient><linearGradient id="iMqi8Ud" x1="16" x2="16" y1="2" y2="3.688" gradientUnits="userSpaceOnUse"><stop stop-color="#EA3B5B"/><stop offset="1" stop-color="#EA3B5B" stop-opacity="0"/></linearGradient><linearGradient id="iRPn26c" x1="1.75" x2="8" y1="17.375" y2="17.375" gradientUnits="userSpaceOnUse"><stop stop-color="#CB3842"/><stop offset="1" stop-color="#CB3842" stop-opacity="0"/></linearGradient><linearGradient id="iN0AWnb" x1="7.078" x2="8.781" y1="2" y2="11.156" gradientUnits="userSpaceOnUse"><stop stop-color="#F1AC67"/><stop offset="1" stop-color="#FAB27E"/></linearGradient><linearGradient id="imWW4He" x1="5.406" x2="7.344" y1="3.719" y2="3.75" gradientUnits="userSpaceOnUse"><stop offset=".298" stop-color="#E29F5D"/><stop offset="1" stop-color="#E29F5D" stop-opacity="0"/></linearGradient><radialGradient id="iuQVGfd" cx="0" cy="0" r="1" gradientTransform="rotate(133.813 8.676 11.787)scale(17.0626 22.0729)" gradientUnits="userSpaceOnUse"><stop offset=".321" stop-color="#FF5C85"/><stop offset="1" stop-color="#EB305F"/></radialGradient><radialGradient id="iQU8Avc" cx="0" cy="0" r="1" gradientTransform="matrix(-8.75 0 0 -2.135 18.063 3.563)" gradientUnits="userSpaceOnUse"><stop offset=".143" stop-color="#FF5A80"/><stop offset="1" stop-color="#FF5A80" stop-opacity="0"/></radialGradient><radialGradient id="i5IR48b" cx="0" cy="0" r="1" gradientTransform="matrix(-9.15625 0 0 -8.4375 29.781 25.938)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5EA4"/><stop offset="1" stop-color="#FF5EA4" stop-opacity="0"/></radialGradient><radialGradient id="iakaP1d" cx="0" cy="0" r="1" gradientTransform="matrix(-.8125 2.25 -4.2865 -1.54788 24.125 20)" gradientUnits="userSpaceOnUse"><stop offset=".129" stop-color="#F43D76"/><stop offset="1" stop-color="#F43D76" stop-opacity="0"/></radialGradient><filter id="i7w8Akb" width="27.663" height="11.537" x="2.219" y="18.416" 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="-.1"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.894118 0 0 0 0 0.584314 0 0 0 0 0.447059 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17374"/></filter><filter id="it2BSAw" width="5.063" height="14.922" x="4.219" y="1.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17374" stdDeviation=".75"/></filter><filter id="i9VOwUb" width="2.131" height="12.766" x="5.963" y="2" 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"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.894118 0 0 0 0 0.619608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17374"/></filter></defs></g></svg>

Womans Boot アイコンの使い方

React

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

<Icon icon="fluent-emoji:womans-boot" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:womans-boot" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:womans-boot" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:womans-boot"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/womans-boot.svg" alt="Womans Boot アイコン" width="24" height="24">

Fluent Emoji の関連アイコン

他のアイコンセットの Womans Boot アイコン

Womans Boot アイコンのよくある質問

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

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

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

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

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

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

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