Raised Fist Dark アイコン
fluent-emoji:raised-fist-dark
Raised Fist Dark アイコン(fluent-emoji:raised-fist-dark)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- raisedfist、fistdark、raisedfistdark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iDi1Sxc)"><path fill="url(#iOAKcSY)" d="M27.823 9.479H3.49v9.328c0 6.351 5.149 11.5 11.5 11.5h1.333c2.153 0 4.168-.592 5.89-1.621l.005.018c2.518-1.454 5.089-4.099 5.904-7.358c.83-3.325.134-5.707-.3-6.552z"/></g><g filter="url(#imm3Egd)"><rect width="12.678" height="6.195" x="10.28" y="12.903" fill="url(#iy6lYYL)" rx="3.097"/></g><g filter="url(#iYPQWDK)"><path fill="#17080C" d="M15.024 14.283c-.504.868-1.422 1.472-2.47 1.472c-.93 0-1.757-.314-2.283-.987a2.882 2.882 0 0 1-5.06-1.886v-2.704a2.882 2.882 0 0 1 4.61-2.306c.383-1.244 1.462-1.81 2.733-1.81c.936 0 1.768.447 2.294 1.138c.26-1.272 1.408-2.135 2.785-2.135a2.84 2.84 0 0 1 2.674 1.884a2.882 2.882 0 0 1 5.556 1.074v4.335a2.882 2.882 0 0 1-5.44 1.327a2.84 2.84 0 0 1-5.4.598"/></g><rect width="6.79" height="9.976" x="3.49" y="5.138" fill="url(#iHfA9Ea)" rx="3.395"/><rect width="6.79" height="9.976" x="3.49" y="5.138" fill="url(#iaq53Be)" rx="3.395"/><rect width="6.79" height="9.976" x="3.49" y="5.138" fill="url(#i7KAnVC)" rx="3.395"/><rect width="6.79" height="9.976" x="3.49" y="5.138" fill="url(#iurGTuB)" rx="3.395"/><path fill="url(#i3CjV3c)" d="M8.747 7.08c0-2.35 1.52-3.396 3.395-3.396a3.395 3.395 0 0 1 3.395 3.395v4.509c0 1.875-1.52 3.516-3.395 3.516s-3.395-1.085-3.395-3.516z"/><path fill="url(#iVvhTFb)" d="M8.747 7.08c0-2.35 1.52-3.396 3.395-3.396a3.395 3.395 0 0 1 3.395 3.395v4.509c0 1.875-1.52 3.516-3.395 3.516s-3.395-1.085-3.395-3.516z"/><path fill="url(#iiXlOHd)" d="M8.747 7.08c0-2.35 1.52-3.396 3.395-3.396a3.395 3.395 0 0 1 3.395 3.395v4.509c0 1.875-1.52 3.516-3.395 3.516s-3.395-1.085-3.395-3.516z"/><path fill="url(#i8JJxCd)" d="M8.747 7.08c0-2.35 1.52-3.396 3.395-3.396a3.395 3.395 0 0 1 3.395 3.395v4.509c0 1.875-1.52 3.516-3.395 3.516s-3.395-1.085-3.395-3.516z"/><rect width="6.79" height="11.898" x="21.033" y="2.599" fill="#7DDE5B" fill-opacity=".55" rx="3.395"/><rect width="6.79" height="11.898" x="21.033" y="2.599" fill="url(#iApnqhc)" rx="3.395"/><rect width="6.79" height="11.898" x="21.033" y="2.599" fill="url(#iD5ESed)" rx="3.395"/><rect width="6.79" height="11.898" x="21.033" y="2.599" fill="url(#i9HKrRb)" rx="3.395"/><rect width="6.79" height="11.898" x="21.033" y="2.599" fill="url(#iUWpkie)" rx="3.395"/><path fill="url(#i6iRZ9c)" d="M14.78 5.675c0-1.847 1.498-3.166 3.345-3.166a3.345 3.345 0 0 1 3.346 3.346v6.192a3.345 3.345 0 0 1-6.69 0z"/><path fill="url(#iZRlaNw)" d="M14.78 5.675c0-1.847 1.498-3.166 3.345-3.166a3.345 3.345 0 0 1 3.346 3.346v6.192a3.345 3.345 0 0 1-6.69 0z"/><path fill="url(#iU5Tpel)" d="M14.78 5.675c0-1.847 1.498-3.166 3.345-3.166a3.345 3.345 0 0 1 3.346 3.346v6.192a3.345 3.345 0 0 1-6.69 0z"/><path fill="url(#iCPHlPd)" d="M14.78 5.675c0-1.847 1.498-3.166 3.345-3.166a3.345 3.345 0 0 1 3.346 3.346v6.192a3.345 3.345 0 0 1-6.69 0z"/><path fill="url(#i4Bm7ve)" d="M18.339 9.797c-1.965 0-3.559 1.507-3.559 3.365s1.594 3.365 3.559 3.365h2.602c1.168 0 2.115.896 2.115 2v2.998h.2c3.464 0 5.254-3.02 5.254-5.765c0-3.293-2.823-5.963-6.306-5.963z"/><path fill="url(#iQC5Sqe)" d="M18.339 9.797c-1.965 0-3.559 1.507-3.559 3.365s1.594 3.365 3.559 3.365h2.602c1.168 0 2.115.896 2.115 2v2.998h.2c3.464 0 5.254-3.02 5.254-5.765c0-3.293-2.823-5.963-6.306-5.963z"/><path fill="url(#i41drZO)" d="M18.339 9.797c-1.965 0-3.559 1.507-3.559 3.365s1.594 3.365 3.559 3.365h2.602c1.168 0 2.115.896 2.115 2v2.998h.2c3.464 0 5.254-3.02 5.254-5.765c0-3.293-2.823-5.963-6.306-5.963z"/><path fill="url(#iZCOwxe)" d="M18.339 9.797c-1.965 0-3.559 1.507-3.559 3.365s1.594 3.365 3.559 3.365h2.602c1.168 0 2.115.896 2.115 2v2.998h.2c3.464 0 5.254-3.02 5.254-5.765c0-3.293-2.823-5.963-6.306-5.963z"/><g filter="url(#i4WeuCn)"><path stroke="url(#imP5mTd)" stroke-linecap="round" stroke-width="2" d="M19.828 12.25h2.14c3.187-.131 4.706 1.01 5.22 3.143"/></g><defs><radialGradient id="iOAKcSY" cx="0" cy="0" r="1" gradientTransform="matrix(0 14.3034 -15.1439 0 16 17.516)" gradientUnits="userSpaceOnUse"><stop stop-color="#392526"/><stop offset="1" stop-color="#422731"/></radialGradient><radialGradient id="iHfA9Ea" cx="0" cy="0" r="1" gradientTransform="matrix(-2.5 0 0 -5.6994 8.031 8.762)" gradientUnits="userSpaceOnUse"><stop stop-color="#584545"/><stop offset="1" stop-color="#3E2521"/></radialGradient><radialGradient id="iaq53Be" cx="0" cy="0" r="1" gradientTransform="rotate(107.103 1.074 7.072)scale(7.31258 6.34489)" gradientUnits="userSpaceOnUse"><stop offset=".629" stop-color="#381E2A" stop-opacity="0"/><stop offset="1" stop-color="#381E2A"/></radialGradient><radialGradient id="i7KAnVC" cx="0" cy="0" r="1" gradientTransform="matrix(-1.67954 0 0 -10.0187 9.663 10.126)" gradientUnits="userSpaceOnUse"><stop offset=".413" stop-color="#241210"/><stop offset="1" stop-color="#241210" stop-opacity="0"/></radialGradient><radialGradient id="iurGTuB" cx="0" cy="0" r="1" gradientTransform="matrix(1.22807 1.63545 -3.19277 2.39747 4.202 5.531)" gradientUnits="userSpaceOnUse"><stop stop-color="#4E4341"/><stop offset="1" stop-color="#4E4341" stop-opacity="0"/></radialGradient><radialGradient id="i3CjV3c" cx="0" cy="0" r="1" gradientTransform="matrix(-2.68026 0 0 -6.81623 13.288 7.833)" gradientUnits="userSpaceOnUse"><stop stop-color="#584545"/><stop offset="1" stop-color="#3E2521"/></radialGradient><radialGradient id="iVvhTFb" cx="0" cy="0" r="1" gradientTransform="rotate(99.464 3.695 9.23)scale(7.68967 5.95051)" gradientUnits="userSpaceOnUse"><stop offset=".613" stop-color="#381E2A" stop-opacity="0"/><stop offset="1" stop-color="#381E2A"/></radialGradient><radialGradient id="iiXlOHd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.69318 0 0 -11.0191 15.537 9.394)" gradientUnits="userSpaceOnUse"><stop stop-color="#2A1714"/><stop offset="1" stop-color="#2A1714" stop-opacity="0"/></radialGradient><radialGradient id="i8JJxCd" cx="0" cy="0" r="1" gradientTransform="rotate(56.736 .901 10.826)scale(2.23897 4.17494)" gradientUnits="userSpaceOnUse"><stop stop-color="#4E4341"/><stop offset="1" stop-color="#4E4341" stop-opacity="0"/></radialGradient><radialGradient id="iApnqhc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.02062 0 0 -8.00328 25.914 6.921)" gradientUnits="userSpaceOnUse"><stop stop-color="#64504E"/><stop offset="1" stop-color="#402C29"/></radialGradient><radialGradient id="iD5ESed" cx="0" cy="0" r="1" gradientTransform="matrix(1.22188 0 0 9.17868 21.241 8.548)" gradientUnits="userSpaceOnUse"><stop stop-color="#2A1714"/><stop offset="1" stop-color="#2A1714" stop-opacity="0"/></radialGradient><radialGradient id="i9HKrRb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.26443 7.90242 -5.88203 -.94116 25.692 6.161)" gradientUnits="userSpaceOnUse"><stop offset=".613" stop-color="#381E2A" stop-opacity="0"/><stop offset="1" stop-color="#381E2A"/></radialGradient><radialGradient id="iUWpkie" cx="0" cy="0" r="1" gradientTransform="rotate(57.804 8.094 21.228)scale(2.30488 4.22527)" gradientUnits="userSpaceOnUse"><stop stop-color="#4E4341"/><stop offset="1" stop-color="#4E4341" stop-opacity="0"/></radialGradient><radialGradient id="i6iRZ9c" cx="0" cy="0" r="1" gradientTransform="matrix(-2.74005 0 0 -6.46652 19.845 8.177)" gradientUnits="userSpaceOnUse"><stop stop-color="#66524F"/><stop offset="1" stop-color="#402C29"/></radialGradient><radialGradient id="iZRlaNw" cx="0" cy="0" r="1" gradientTransform="matrix(-1.2549 0 0 -9.3506 22 8.952)" gradientUnits="userSpaceOnUse"><stop stop-color="#4A2F2A"/><stop offset="1" stop-color="#4A2F2A" stop-opacity="0"/></radialGradient><radialGradient id="iU5Tpel" cx="0" cy="0" r="1" gradientTransform="matrix(-1.24589 8.5571 -5.82078 -.84749 19.371 6.367)" gradientUnits="userSpaceOnUse"><stop offset=".613" stop-color="#221012" stop-opacity="0"/><stop offset="1" stop-color="#221012"/></radialGradient><radialGradient id="iCPHlPd" cx="0" cy="0" r="1" gradientTransform="rotate(60.19 5.138 14.865)scale(2.43413 4.26884)" gradientUnits="userSpaceOnUse"><stop stop-color="#4E4341"/><stop offset="1" stop-color="#4E4341" stop-opacity="0"/></radialGradient><radialGradient id="i4Bm7ve" cx="0" cy="0" r="1" gradientTransform="matrix(-1.0336 5.97998 -11.68396 -2.0195 24.445 11.974)" gradientUnits="userSpaceOnUse"><stop stop-color="#553B37"/><stop offset="1" stop-color="#3C202F"/></radialGradient><radialGradient id="iQC5Sqe" cx="0" cy="0" r="1" gradientTransform="matrix(1.77917 -3.58357 4.1073 2.03918 23.818 21.525)" gradientUnits="userSpaceOnUse"><stop stop-color="#3F272D"/><stop offset="1" stop-color="#3F272D" stop-opacity="0"/></radialGradient><radialGradient id="i41drZO" cx="0" cy="0" r="1" gradientTransform="matrix(3.74677 0 0 5.4251 14.24 13.267)" gradientUnits="userSpaceOnUse"><stop stop-color="#3E2828"/><stop offset="1" stop-color="#3E2828" stop-opacity="0"/></radialGradient><radialGradient id="iZCOwxe" cx="0" cy="0" r="1" gradientTransform="matrix(1.14015 -.98439 1.64762 1.90833 15.307 15.661)" gradientUnits="userSpaceOnUse"><stop stop-color="#43302F"/><stop offset="1" stop-color="#43302F" stop-opacity="0"/></radialGradient><filter id="iDi1Sxc" width="25.02" height="20.828" x="3.49" y="9.479" 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/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.25098 0 0 0 0 0.145098 0 0 0 0 0.239216 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_3129"/></filter><filter id="imm3Egd" width="18.678" height="12.194" x="7.28" y="9.903" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_3129" stdDeviation="1.5"/></filter><filter id="iYPQWDK" width="24.653" height="14.935" x="3.21" y="3.065" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_3129" stdDeviation="1"/></filter><filter id="i4WeuCn" width="12.76" height="8.553" x="17.128" y="9.54" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_3129" stdDeviation=".85"/></filter><linearGradient id="iy6lYYL" x1="20.393" x2="8.571" y1="17.241" y2="21.196" gradientUnits="userSpaceOnUse"><stop stop-color="#211013"/><stop offset="1" stop-color="#211013" stop-opacity="0"/></linearGradient><linearGradient id="imP5mTd" x1="19.828" x2="31.13" y1="12.402" y2="16.093" gradientUnits="userSpaceOnUse"><stop stop-color="#5E4948"/><stop offset="1" stop-color="#5E4948" stop-opacity="0"/></linearGradient></defs></g></svg>Raised Fist Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:raised-fist-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:raised-fist-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:raised-fist-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--raised-fist-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:raised-fist-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:raised-fist-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/raised-fist-dark.svg" alt="Raised Fist Dark アイコン" width="24" height="24">Fluent Emoji の関連アイコン
raised-back-of-hand
raised-back-of-hand-dark
raised-back-of-hand-light
raised-back-of-hand-medium
raised-back-of-hand-medium-dark
raised-back-of-hand-medium-light
raised-fist
raised-fist-light
raised-fist-medium
raised-fist-medium-dark
raised-fist-medium-light
raised-hand
raised-hand-dark
raised-hand-light
raised-hand-medium
raised-hand-medium-dark
raised-hand-medium-light
他のアイコンセットの Raised Fist Dark アイコン
Raised Fist Dark アイコン のよくある質問
Raised Fist Dark アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Raised Fist Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:raised-fist-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Raised Fist Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/raised-fist-dark.svg" alt="Raised Fist Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。