Boxing Glove アイコン

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

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

fluent-emoji:boxing-glove

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

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

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(#ioXK5ce)" d="M9.726 22.44h12.968v6.794a1 1 0 0 1-1 1H10.726a1 1 0 0 1-1-1z"/><path fill="url(#iVZhODc)" d="M9.726 22.44h12.968v6.794a1 1 0 0 1-1 1H10.726a1 1 0 0 1-1-1z"/><path fill="url(#iuMYtIc)" d="M9.726 22.44h12.968v6.794a1 1 0 0 1-1 1H10.726a1 1 0 0 1-1-1z"/><path fill="url(#iltsYpc)" d="M9.726 22.44h12.968v6.794a1 1 0 0 1-1 1H10.726a1 1 0 0 1-1-1z"/><path fill="url(#imZTYMd)" d="M9.726 22.44h12.968v6.794a1 1 0 0 1-1 1H10.726a1 1 0 0 1-1-1z"/><g filter="url(#irwgrFc)"><rect width="5.732" height="2.87" x="13.228" y="25.578" fill="#A28CB5" rx=".5"/></g><g filter="url(#i5cZiCZ)"><rect width="5.964" height="3.094" x="13.366" y="25.219" fill="#D8CAE2" rx=".5"/></g><rect width="5.964" height="3.094" x="13.366" y="25.219" fill="url(#iB8kALe)" rx=".5"/><rect width="5.964" height="3.094" x="13.366" y="25.219" fill="url(#iqOwtHc)" rx=".5"/><g filter="url(#iVQgIDe)"><path fill="#FF378F" d="M19.33 8.02h4.223a3 3 0 0 1 3 3v4.452a6 6 0 0 1-1.79 4.275l-1.795 1.767c-.102.142-.237.445-.237.926H21.33v-.64h-2z"/><path fill="url(#itSWzHd)" d="M19.33 8.02h4.223a3 3 0 0 1 3 3v4.452a6 6 0 0 1-1.79 4.275l-1.795 1.767c-.102.142-.237.445-.237.926H21.33v-.64h-2z"/><path fill="url(#iWYhXce)" d="M19.33 8.02h4.223a3 3 0 0 1 3 3v4.452a6 6 0 0 1-1.79 4.275l-1.795 1.767c-.102.142-.237.445-.237.926H21.33v-.64h-2z"/></g><g filter="url(#iZJnkqe)"><path fill="#EE3863" d="M13.868 2.236a7 7 0 0 0-7 7v5.249q0 .234.015.464v1.237a6 6 0 0 0 1.654 4.136l.635.668a2 2 0 0 1 .551 1.379v.877a.5.5 0 0 0 .5.5h12.008a.5.5 0 0 0 .5-.5V18.12a6.97 6.97 0 0 0 1.017-3.635v-5.25a7 7 0 0 0-7-7z"/><path fill="url(#i1wZ3Dd)" d="M13.868 2.236a7 7 0 0 0-7 7v5.249q0 .234.015.464v1.237a6 6 0 0 0 1.654 4.136l.635.668a2 2 0 0 1 .551 1.379v.877a.5.5 0 0 0 .5.5h12.008a.5.5 0 0 0 .5-.5V18.12a6.97 6.97 0 0 0 1.017-3.635v-5.25a7 7 0 0 0-7-7z"/></g><path fill="url(#iNOGrmQ)" d="M13.868 2.236a7 7 0 0 0-7 7v5.249q0 .234.015.464v1.237a6 6 0 0 0 1.654 4.136l.635.668a2 2 0 0 1 .551 1.379v.877a.5.5 0 0 0 .5.5h12.008a.5.5 0 0 0 .5-.5V18.12a6.97 6.97 0 0 0 1.017-3.635v-5.25a7 7 0 0 0-7-7z"/><path fill="url(#iWSLYId)" d="M13.868 2.236a7 7 0 0 0-7 7v5.249q0 .234.015.464v1.237a6 6 0 0 0 1.654 4.136l.635.668a2 2 0 0 1 .551 1.379v.877a.5.5 0 0 0 .5.5h12.008a.5.5 0 0 0 .5-.5V18.12a6.97 6.97 0 0 0 1.017-3.635v-5.25a7 7 0 0 0-7-7z"/><path fill="url(#iuqwx9c)" d="M13.868 2.236a7 7 0 0 0-7 7v5.249q0 .234.015.464v1.237a6 6 0 0 0 1.654 4.136l.635.668a2 2 0 0 1 .551 1.379v.877a.5.5 0 0 0 .5.5h12.008a.5.5 0 0 0 .5-.5V18.12a6.97 6.97 0 0 0 1.017-3.635v-5.25a7 7 0 0 0-7-7z"/><defs><linearGradient id="ioXK5ce" x1="19.116" x2="9.726" y1="26" y2="26" gradientUnits="userSpaceOnUse"><stop stop-color="#BEAEC6"/><stop offset="1" stop-color="#A794AD"/></linearGradient><linearGradient id="iVZhODc" x1="16.21" x2="16.21" y1="30.531" y2="29.156" gradientUnits="userSpaceOnUse"><stop offset=".068" stop-color="#946CB6"/><stop offset="1" stop-color="#946CB6" stop-opacity="0"/></linearGradient><linearGradient id="iltsYpc" x1="16.21" x2="16.21" y1="22.75" y2="24.969" gradientUnits="userSpaceOnUse"><stop stop-color="#CEC1D0"/><stop offset="1" stop-color="#CEC1D0" stop-opacity="0"/></linearGradient><linearGradient id="imZTYMd" x1="9.334" x2="11.726" y1="27.764" y2="27.764" gradientUnits="userSpaceOnUse"><stop stop-color="#7D7484"/><stop offset="1" stop-color="#7D7484" stop-opacity="0"/></linearGradient><linearGradient id="iB8kALe" x1="16.348" x2="16.348" y1="28.531" y2="27.906" gradientUnits="userSpaceOnUse"><stop stop-color="#B18CD0"/><stop offset="1" stop-color="#B18CD0" stop-opacity="0"/></linearGradient><linearGradient id="iqOwtHc" x1="16.348" x2="16.348" y1="24.938" y2="25.719" gradientUnits="userSpaceOnUse"><stop stop-color="#EDD5DD"/><stop offset="1" stop-color="#EDD5DD" stop-opacity="0"/></linearGradient><linearGradient id="iNOGrmQ" x1="15.929" x2="15.929" y1="24.156" y2="22.219" gradientUnits="userSpaceOnUse"><stop stop-color="#C72985"/><stop offset="1" stop-color="#C72985" stop-opacity="0"/></linearGradient><radialGradient id="iuMYtIc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.84374 .46876 -2.7023 -10.62865 21.898 23.188)" gradientUnits="userSpaceOnUse"><stop stop-color="#D3CAD7"/><stop offset="1" stop-color="#D3CAD7" stop-opacity="0"/></radialGradient><radialGradient id="itSWzHd" cx="0" cy="0" r="1" gradientTransform="matrix(4.29969 0 0 3.5625 22.942 10.906)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6DA9"/><stop offset="1" stop-color="#FF6DA9" stop-opacity="0"/></radialGradient><radialGradient id="iWYhXce" cx="0" cy="0" r="1" gradientTransform="matrix(1.78125 1.73437 -2.08828 2.14472 23.913 7.875)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5F93"/><stop offset="1" stop-color="#FF5F93" stop-opacity="0"/></radialGradient><radialGradient id="i1wZ3Dd" cx="0" cy="0" r="1" gradientTransform="rotate(62.564 6.672 21.006)scale(8.54578 7.81186)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6AA0"/><stop offset="1" stop-color="#FF6AA0" stop-opacity="0"/></radialGradient><radialGradient id="iWSLYId" cx="0" cy="0" r="1" gradientTransform="matrix(-4.43753 -6.24998 3.09279 -2.1959 25.366 22.219)" gradientUnits="userSpaceOnUse"><stop offset=".389" stop-color="#FF3989"/><stop offset="1" stop-color="#FF3989" stop-opacity="0"/></radialGradient><radialGradient id="iuqwx9c" cx="0" cy="0" r="1" gradientTransform="matrix(11.3125 0 0 34.5682 13.054 12.99)" gradientUnits="userSpaceOnUse"><stop offset=".87" stop-color="#FF7AA3" stop-opacity="0"/><stop offset=".975" stop-color="#FF7AA3"/></radialGradient><filter id="irwgrFc" width="6.732" height="3.87" x="12.728" y="25.078" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_3139" stdDeviation=".25"/></filter><filter id="i5cZiCZ" width="6.564" height="3.094" x="13.066" y="25.219" 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="-.3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.996078 0 0 0 0 0.964706 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3139"/><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=".3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.694118 0 0 0 0 0.635294 0 0 0 0 0.737255 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_3139" result="effect2_innerShadow_18_3139"/></filter><filter id="iVQgIDe" width="7.423" height="14.419" x="19.13" y="8.021" 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="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.890196 0 0 0 0 0.423529 0 0 0 0 0.615686 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3139"/></filter><filter id="iZJnkqe" width="20.88" height="22.511" x="6.868" y="1.236" 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="4" dy="-1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.643137 0 0 0 0 0.219608 0 0 0 0 0.25098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3139"/></filter></defs></g></svg>

Boxing Glove アイコンの使い方

React

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

<Icon icon="fluent-emoji:boxing-glove" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:boxing-glove" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:boxing-glove" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:boxing-glove"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/boxing-glove.svg" alt="Boxing Glove アイコン" width="24" height="24">

他のアイコンセットの Boxing Glove アイコン

Boxing Glove アイコンのよくある質問

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

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

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

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

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

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

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