Emoji Hand 48 Regular アイコン
fluent:emoji-hand-48-regular
Emoji Hand 48 Regular アイコン(fluent:emoji-hand-48-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 48 × 48 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- emojihand、handregular、emojihandregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M11 7.75a.75.75 0 0 0-1.5 0v9a1.25 1.25 0 1 1-2.5 0v-7.5a.75.75 0 0 0-1.5 0v10.574c0 .79.163 1.57.478 2.295l1.36 3.127a3.75 3.75 0 0 0 3.44 2.254h3.04c1.427 0 2.803-.858 3.73-2.214c2.668-3.904 6.158-6.306 7.852-7.323c-.274-.451-.64-.841-1.092-.996c-.461-.157-1.46-.211-3.271 1.255A1.25 1.25 0 0 1 19 17.25v-9.5a.75.75 0 0 0-1.5 0v7.5a1.25 1.25 0 1 1-2.5 0v-9a.75.75 0 0 0-1.5 0v9a1.25 1.25 0 1 1-2.5 0zm10.5 7.21c1.33-.63 2.538-.727 3.617-.358c1.512.517 2.328 1.816 2.702 2.581c.567 1.16-.076 2.306-.912 2.793c-1.424.83-4.785 3.049-7.296 6.72C18.349 28.547 16.276 30 13.82 30h-3.042a6.25 6.25 0 0 1-5.73-3.756l-1.362-3.128A8.25 8.25 0 0 1 3 19.824V9.25a3.25 3.25 0 0 1 4.39-3.045a3.25 3.25 0 0 1 4-1.5a3.25 3.25 0 0 1 5.72 0A3.25 3.25 0 0 1 21.5 7.75zm-6.38 16.937C16.051 39.286 22.358 45 30 45c8.285 0 15-6.716 15-15s-6.715-15-15-15q-.578 0-1.145.043c.355.482.601.935.761 1.262c.198.404.321.805.382 1.195H30c6.904 0 12.5 5.596 12.5 12.5S36.904 42.5 30 42.5c-6.529 0-11.889-5.006-12.451-11.389a8.4 8.4 0 0 1-2.43.786m7.698 1.305a1.25 1.25 0 0 1 1.73.366A6.47 6.47 0 0 0 30 36.5a6.47 6.47 0 0 0 5.452-2.932a1.25 1.25 0 1 1 2.096 1.364A8.97 8.97 0 0 1 30 39a8.97 8.97 0 0 1-7.548-4.068a1.25 1.25 0 0 1 .366-1.73M34 29a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-6-2a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg>Emoji Hand 48 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:emoji-hand-48-regular" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:emoji-hand-48-regular" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:emoji-hand-48-regular" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--emoji-hand-48-regular]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:emoji-hand-48-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-48-regular"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/emoji-hand-48-regular.svg" alt="Emoji Hand 48 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 48 Regular アイコン のよくある質問
Emoji Hand 48 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Emoji Hand 48 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:emoji-hand-48-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Emoji Hand 48 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/emoji-hand-48-regular.svg" alt="Emoji Hand 48 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。