Raised Hand アイコン
fluent-emoji-flat:raised-hand
Raised Hand アイコン(fluent-emoji-flat:raised-hand)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- raisedhand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffc83d" d="M7.017 7.29c1.297 0 1.686.71 1.686.71l.094-1.828c.078-.96 1.2-1.913 2.251-1.913c1.436 0 1.983 1.038 1.983 1.038c-.094-2.203.703-3.304 2.68-3.304c1.601.1 2.26 1.624 2.133 3.304c0 0 .672-1.313 2.53-1.147c1.047.093 1.892 1.147 1.892 2.912l-.188 7.688s1.19-1.723 2.078-2.234c.888-.512 2.354-.48 3.079.29c.851.905 1.006 2.323.395 3.187c-2.286 2.944-4.474 6.226-5.146 7.585c-1.792 3.627-4.53 6.429-8.195 6.429c-4.445 0-8.553-3.257-9.039-9.195c-.486-5.937-.548-10.803-.548-10.803c-.08-1.047.743-2.719 2.315-2.719"/><path fill="#d67d00" d="m13.952 4.499l.531 7.773a.5.5 0 0 1-.998.069l-.484-7.095l.03.05c-.088-2.078.615-3.175 2.356-3.292v.012c-.477-.004-.834.22-1.084.635c-.262.434-.401 1.08-.351 1.848m3.892.798q.009-.13.013-.26a5.5 5.5 0 0 0-.263 1.555V6.6l-.125 6.14a.5.5 0 1 0 1 .021l.125-6.137c.026-.772.203-1.42.489-1.859c.237-.364.543-.58.932-.629c-1.587.02-2.171 1.162-2.171 1.162m-7.808 12.326c1.163-.083 2.956-.192 4.77-.108c1.232.057 2.437.202 3.45.486a18 18 0 0 0-1.794.713c-1.82.842-4.074 2.264-5.735 4.577a.5.5 0 1 0 .812.583c1.526-2.125 3.616-3.453 5.343-4.252a16.5 16.5 0 0 1 2.172-.825a12 12 0 0 1 .81-.213l.04-.009l.01-.001h.001a.5.5 0 0 0 .146-.93c-1.382-.758-3.352-1.042-5.209-1.128c-1.876-.087-3.717.026-4.888.11a.5.5 0 0 0 .072.997M8.704 7.98l.093-1.808c.077-.95 1.179-1.894 2.22-1.913c-.45.073-.75.204-.952.356a1.2 1.2 0 0 0-.414.557c-.181.477-.156 1.118-.061 1.89l.865 6.434a.5.5 0 1 1-.991.133z"/><path stroke="#d67d00" d="m13.952 4.499l.531 7.773a.5.5 0 0 1-.998.069l-.484-7.095l.03.05c-.088-2.078.615-3.175 2.356-3.292v.012c-.477-.004-.834.22-1.084.635c-.262.434-.401 1.08-.351 1.848Zm3.892.798q.009-.13.013-.26a5.5 5.5 0 0 0-.263 1.555V6.6l-.125 6.14a.5.5 0 1 0 1 .021l.125-6.137c.026-.772.203-1.42.489-1.859c.237-.364.543-.58.932-.629c-1.587.02-2.171 1.162-2.171 1.162Zm-7.808 12.327c1.163-.083 2.956-.192 4.77-.108c1.232.057 2.437.202 3.45.486a18 18 0 0 0-1.794.713c-1.82.842-4.074 2.264-5.735 4.577a.5.5 0 1 0 .812.583c1.526-2.125 3.616-3.453 5.343-4.252a16.5 16.5 0 0 1 2.172-.825a12 12 0 0 1 .81-.213l.04-.009l.01-.001h.001a.5.5 0 0 0 .146-.93c-1.382-.758-3.352-1.042-5.209-1.128c-1.876-.087-3.717.026-4.888.11a.5.5 0 0 0 .072.997ZM8.704 7.98l.093-1.808c.077-.95 1.179-1.894 2.22-1.913c-.45.073-.75.204-.952.356a1.2 1.2 0 0 0-.414.557c-.181.477-.156 1.118-.061 1.89l.865 6.434a.5.5 0 1 1-.991.133z"/></g></svg>
Raised Hand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:raised-hand" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:raised-hand" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:raised-hand" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--raised-hand]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:raised-hand"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:raised-hand"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/raised-hand.svg" alt="Raised Hand アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Raised Hand アイコン
Raised Hand アイコン のよくある質問
Raised Hand アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Raised Hand アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:raised-hand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Raised Hand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/raised-hand.svg" alt="Raised Hand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
