Heart Hands Medium アイコン
fluent-emoji-flat:heart-hands-medium
Heart Hands Medium アイコン(fluent-emoji-flat:heart-hands-medium)は、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
- カテゴリ
- 人物・体
- タグ
- hearthands、handsmedium、hearthandsmedium、hand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#bb806e" d="M5 17c.167-1.667 1-4.4 3.5-5.9c4.223-2.533 7.5-.1 7.5 1.4zm11-4.5c0-1.5 3.277-3.933 7.5-1.4c2.5 1.5 3.333 4.233 3.5 5.9z"/><path fill="#c68d7b" fill-rule="evenodd" d="M4 29h4c1.061 0 1.762-.27 2.37-.505c.72-.278 1.31-.505 2.215-.176c.13.048.67-.453 1.122-.366c.723.137.487.837.907 1.652c.337.244.686.395 1.386.395c.913 0 1.228-.257 1.699-.64c.303-.246.67-.544 1.301-.86c1.15-.576 1.805-.323 2.63-.005c.608.235 1.309.505 2.37.505h4a2 2 0 0 0 2-2v-4c0-2 0-3.5-3-6c-.648-.54-1.253-1.223-1.874-1.923C23.72 13.494 22.236 11.82 20 11.5c-2.666-.38-4 .782-4 .782s-1.335-1.163-4-.782c-2.236.32-3.721 1.994-5.126 3.577c-.62.7-1.226 1.383-1.874 1.923c-3 2.5-3 4-3 6v4a2 2 0 0 0 2 2m14.054-5.792c.628-.392 1.408-.877 2.446-1.708c2.815-2.252 1-6-1-6c-1.072 0-1.57.287-2.03.554c-.4.23-.774.446-1.47.446s-1.07-.215-1.47-.446c-.33-.416-1.037-.75-1.037-.75s-.535-.08-.993.196c-2 0-4 3.5-1 6c1.1.917 1.91 1.415 2.558 1.812c.823.505 1.382.848 1.942 1.688c.585-.877 1.17-1.241 2.054-1.792" clip-rule="evenodd"/><path fill="#a9715f" d="M12.5 15.5c.391-2.739 2.313-3.334 3.131-3.464c.203.114.322.207.357.236c-1.001.345-2.7 2.376-1.488 3.728l.06.071l-.03-.017c-.46-.267-.958-.554-2.03-.554m1.926 12.15c.015.985.108 1.607.203 1.966a7 7 0 0 1-.328-.256A6.5 6.5 0 0 0 13 28.5a4 4 0 0 0-.407-.177c.136-2.146 1.611-3.643 3.125-3.706q.142.173.281.382v.008c-.554.232-1.597 1.047-1.573 2.642"/></g></svg>
Heart Hands Medium アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:heart-hands-medium" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:heart-hands-medium" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:heart-hands-medium" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--heart-hands-medium]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:heart-hands-medium"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:heart-hands-medium"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/heart-hands-medium.svg" alt="Heart Hands Medium アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Heart Hands Medium アイコン
Heart Hands Medium アイコン のよくある質問
Heart Hands Medium アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Heart Hands Medium アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:heart-hands-medium" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heart Hands Medium アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/heart-hands-medium.svg" alt="Heart Hands Medium アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
