Emoji Hand 28 Regular アイコン
fluent:emoji-hand-28-regular
Emoji Hand 28 Regular アイコン(fluent:emoji-hand-28-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 28 × 28 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 28 × 28
- タグ
- emojihand、handregular、emojihandregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path fill="currentColor" d="M10.75 2.75q-.276 0-.515.072A1.7 1.7 0 0 0 8.75 2a1.7 1.7 0 0 0-1.486.823a1.8 1.8 0 0 0-.514-.073c-.89 0-1.491.595-1.684 1.276A2 2 0 0 0 4.75 4C3.658 4 3 4.896 3 5.75v6c0 .624.274 1.386.56 2.037c.3.684.675 1.375.977 1.902A2.64 2.64 0 0 0 6.842 17H8.48a2.75 2.75 0 0 0 2.226-1.134l.598-.825a11.3 11.3 0 0 1 1.71-1.87l.955-.832l1.718-1.23A.75.75 0 0 0 16 10.5C16 9.032 14.902 8 13.504 8a3.1 3.1 0 0 0-1.008.173V4.5c0-.85-.65-1.75-1.746-1.75m-2.25.998c0-.063.026-.13.07-.178c.034-.037.086-.07.18-.07s.146.033.18.07a.27.27 0 0 1 .07.178V8.25a.75.75 0 0 0 1.5 0V4.5c0-.066.027-.134.07-.18c.033-.037.085-.07.18-.07s.144.032.177.069a.28.28 0 0 1 .069.181v4.99a.75.75 0 0 0 1.236.571l.03-.026c.152-.135.605-.534 1.242-.534c.47 0 .822.24.947.649l-1.384.99l-.056.045l-.982.856a12.8 12.8 0 0 0-1.939 2.12l-.598.823a1.25 1.25 0 0 1-1.012.516H6.842c-.43 0-.808-.216-1.004-.558a19 19 0 0 1-.905-1.759C4.65 12.535 4.5 12.03 4.5 11.75v-6a.27.27 0 0 1 .07-.18c.034-.037.086-.07.18-.07s.146.033.18.07a.27.27 0 0 1 .07.18v3a.75.75 0 0 0 1.5 0V4.5c0-.066.027-.134.07-.18c.033-.037.085-.07.18-.07a.25.25 0 0 1 .192.075c.037.04.054.087.058.123V8.25a.75.75 0 0 0 1.5 0zM17.5 26a8.5 8.5 0 0 1-8.487-8.038a3.75 3.75 0 0 0 1.488-.553v.091a7 7 0 1 0 6.5-6.982V10.5c0-.532-.107-1.025-.3-1.463q.395-.037.8-.037a8.5 8.5 0 1 1 0 17m-1.375-10a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M20 17.12a1.121 1.121 0 1 0 0-2.242a1.121 1.121 0 0 0 0 2.242m-5.174 2.637a.75.75 0 0 0-1.146.968A4.99 4.99 0 0 0 17.5 22.5a4.99 4.99 0 0 0 3.82-1.774a.75.75 0 1 0-1.145-.968A3.49 3.49 0 0 1 17.501 21a3.49 3.49 0 0 1-2.675-1.242"/></svg>Emoji Hand 28 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:emoji-hand-28-regular" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:emoji-hand-28-regular" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:emoji-hand-28-regular" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--emoji-hand-28-regular]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:emoji-hand-28-regular"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:emoji-hand-28-regular"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/emoji-hand-28-regular.svg" alt="Emoji Hand 28 Regular アイコン" width="24" height="24">Fluent UI System Icons の関連アイコン
emoji-16-filled
emoji-16-regular
emoji-20-filled
emoji-20-regular
emoji-24-filled
emoji-24-regular
emoji-28-filled
emoji-28-regular
emoji-32-filled
emoji-32-light
emoji-32-regular
emoji-48-filled
emoji-48-regular
emoji-add-16-filled
emoji-add-16-regular
emoji-add-20-filled
emoji-add-20-regular
emoji-add-24-filled
emoji-add-24-regular
emoji-angry-16-filled
emoji-angry-16-regular
emoji-angry-20-filled
emoji-angry-20-regular
emoji-angry-24-filled
Emoji Hand 28 Regular アイコン のよくある質問
Emoji Hand 28 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Emoji Hand 28 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:emoji-hand-28-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Emoji Hand 28 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/emoji-hand-28-regular.svg" alt="Emoji Hand 28 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。