Иконка Heart Hands Medium
fluent-emoji-flat:heart-hands-medium
Иконка Heart Hands Medium (fluent-emoji-flat:heart-hands-medium) — бесплатная SVG-иконка из набора Fluent Emoji Flat от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Heart Hands Medium в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.