Иконка Heart Hands Dark
fluent-emoji:heart-hands-dark
Иконка Heart Hands Dark (fluent-emoji:heart-hands-dark) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- hearthands, handsdark, hearthandsdark, hand
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#ifFWMwe)"><path fill="url(#itMAy4C)" d="M10.537 14.579c.749-.46 1.716-.382 2.348-.066a2.1 2.1 0 1 0 1.879-3.756c-1.62-.81-4.17-1.142-6.424.242c-3.087 1.894-3.357 4.894-3.357 6.859a2.1 2.1 0 1 0 4.2 0c0-1.637.24-2.596 1.354-3.28"/><path fill="url(#i2djICc)" d="M10.537 14.579c.749-.46 1.716-.382 2.348-.066a2.1 2.1 0 1 0 1.879-3.756c-1.62-.81-4.17-1.142-6.424.242c-3.087 1.894-3.357 4.894-3.357 6.859a2.1 2.1 0 1 0 4.2 0c0-1.637.24-2.596 1.354-3.28"/></g><g filter="url(#iycfDhe)"><path fill="#4D3437" d="m14.151 16.058l-.014-.016l-.045-.042a2 2 0 0 0-.158-.123a2.3 2.3 0 0 0-.49-.258a1.9 1.9 0 0 0-1.248-.052c-.975.295-1.535 1.073-1.895 2.208c-.16.896-.145 2.622.676 3.433c.24.269.764.61 1.435 1.046c1.412.918 3.475 2.26 4.936 4.251c1.044 1.331.095 2.74-.423 3.024c-.72.392-1.528.54-2.367-.125c-.838-.666-2.18-1.624-3.636-1.368s-2.03.352-2.88.352H3.697a1.8 1.8 0 0 1-1.8-1.8v-4.513c0-1.957 1.231-4.44 3.197-5.122c.638-.221 1.243-.634 1.5-1.258c.682-1.649 1.943-3.41 4.389-4.149c2.983-.9 5.437.692 6.373 1.797a2.1 2.1 0 0 1-3.204 2.715"/><path fill="url(#iYjPb8c)" d="m14.151 16.058l-.014-.016l-.045-.042a2 2 0 0 0-.158-.123a2.3 2.3 0 0 0-.49-.258a1.9 1.9 0 0 0-1.248-.052c-.975.295-1.535 1.073-1.895 2.208c-.16.896-.145 2.622.676 3.433c.24.269.764.61 1.435 1.046c1.412.918 3.475 2.26 4.936 4.251c1.044 1.331.095 2.74-.423 3.024c-.72.392-1.528.54-2.367-.125c-.838-.666-2.18-1.624-3.636-1.368s-2.03.352-2.88.352H3.697a1.8 1.8 0 0 1-1.8-1.8v-4.513c0-1.957 1.231-4.44 3.197-5.122c.638-.221 1.243-.634 1.5-1.258c.682-1.649 1.943-3.41 4.389-4.149c2.983-.9 5.437.692 6.373 1.797a2.1 2.1 0 0 1-3.204 2.715"/><path fill="url(#iJeY9gR)" d="m14.151 16.058l-.014-.016l-.045-.042a2 2 0 0 0-.158-.123a2.3 2.3 0 0 0-.49-.258a1.9 1.9 0 0 0-1.248-.052c-.975.295-1.535 1.073-1.895 2.208c-.16.896-.145 2.622.676 3.433c.24.269.764.61 1.435 1.046c1.412.918 3.475 2.26 4.936 4.251c1.044 1.331.095 2.74-.423 3.024c-.72.392-1.528.54-2.367-.125c-.838-.666-2.18-1.624-3.636-1.368s-2.03.352-2.88.352H3.697a1.8 1.8 0 0 1-1.8-1.8v-4.513c0-1.957 1.231-4.44 3.197-5.122c.638-.221 1.243-.634 1.5-1.258c.682-1.649 1.943-3.41 4.389-4.149c2.983-.9 5.437.692 6.373 1.797a2.1 2.1 0 0 1-3.204 2.715"/><path fill="url(#ihMZaJc)" d="m14.151 16.058l-.014-.016l-.045-.042a2 2 0 0 0-.158-.123a2.3 2.3 0 0 0-.49-.258a1.9 1.9 0 0 0-1.248-.052c-.975.295-1.535 1.073-1.895 2.208c-.16.896-.145 2.622.676 3.433c.24.269.764.61 1.435 1.046c1.412.918 3.475 2.26 4.936 4.251c1.044 1.331.095 2.74-.423 3.024c-.72.392-1.528.54-2.367-.125c-.838-.666-2.18-1.624-3.636-1.368s-2.03.352-2.88.352H3.697a1.8 1.8 0 0 1-1.8-1.8v-4.513c0-1.957 1.231-4.44 3.197-5.122c.638-.221 1.243-.634 1.5-1.258c.682-1.649 1.943-3.41 4.389-4.149c2.983-.9 5.437.692 6.373 1.797a2.1 2.1 0 0 1-3.204 2.715"/></g><path fill="#47312D" fill-rule="evenodd" d="M21.141 14.579c-.749-.46-1.716-.382-2.349-.066a2.1 2.1 0 1 1-1.878-3.756c1.62-.81 4.17-1.142 6.424.242c3.087 1.894 3.357 4.894 3.357 6.859a2.1 2.1 0 1 1-4.2 0c0-1.637-.24-2.596-1.354-3.28" clip-rule="evenodd"/><path fill="url(#iamniRT)" fill-rule="evenodd" d="M21.141 14.579c-.749-.46-1.716-.382-2.349-.066a2.1 2.1 0 1 1-1.878-3.756c1.62-.81 4.17-1.142 6.424.242c3.087 1.894 3.357 4.894 3.357 6.859a2.1 2.1 0 1 1-4.2 0c0-1.637-.24-2.596-1.354-3.28" clip-rule="evenodd"/><path fill="url(#iMAoXSb)" fill-rule="evenodd" d="M21.141 14.579c-.749-.46-1.716-.382-2.349-.066a2.1 2.1 0 1 1-1.878-3.756c1.62-.81 4.17-1.142 6.424.242c3.087 1.894 3.357 4.894 3.357 6.859a2.1 2.1 0 1 1-4.2 0c0-1.637-.24-2.596-1.354-3.28" clip-rule="evenodd"/><g filter="url(#i2J3Qhe)"><path fill="#4A3134" d="m17.527 16.058l.014-.016l.045-.042q.058-.052.157-.123c.134-.093.3-.186.49-.258a1.9 1.9 0 0 1 1.249-.052c.975.295 1.535 1.073 1.895 2.208c.16.896.145 2.622-.676 3.433c-.24.269-.765.61-1.436 1.046c-1.41.918-3.475 2.26-4.935 4.251c-1.044 1.331-.095 2.74.423 3.024c.719.392 1.528.54 2.366-.125c.84-.666 2.182-1.624 3.637-1.368s2.03.352 2.88.352h4.345a1.8 1.8 0 0 0 1.8-1.8v-4.513c0-1.957-1.23-4.44-3.197-5.122c-.637-.221-1.242-.634-1.5-1.258c-.681-1.649-1.942-3.41-4.388-4.149c-2.983-.9-5.437.692-6.373 1.797a2.1 2.1 0 1 0 3.204 2.715"/></g><g filter="url(#iCgxl9b)"><path stroke="url(#iKlVwpe)" stroke-linecap="round" stroke-width="2" d="M19.031 12.497c1.375-.041 4.275.844 5.25 4.719"/></g><g filter="url(#ihTmaMb)"><path stroke="url(#ily4Htk)" stroke-linecap="round" stroke-width="2" d="M25.781 18.185c.802.375 2.407 1.637 2.407 3.687v4.22"/></g><g filter="url(#idhMCQb)"><path stroke="url(#ilSqb1s)" stroke-linecap="round" stroke-width="2" d="M15.469 27.841c.52-.854 2.493-2.669 4.094-3.844"/></g><g filter="url(#iQ3i6lb)"><path stroke="url(#iyILuub)" stroke-linecap="round" stroke-width="2" d="M8.45 19.091c-.105.802.093 2.606 1.718 3.406c1.676 1.063 3.115 2.125 3.657 2.688"/></g><defs><radialGradient id="itMAy4C" cx="0" cy="0" r="1" gradientTransform="matrix(-8.34381 6.31243 -6.97483 -9.21937 14.969 11.466)" gradientUnits="userSpaceOnUse"><stop stop-color="#553D39"/><stop offset="1" stop-color="#453230"/></radialGradient><radialGradient id="i2djICc" cx="0" cy="0" r="1" gradientTransform="rotate(123.476 .7 10.163)scale(4.64565 3.41798)" gradientUnits="userSpaceOnUse"><stop offset=".497" stop-color="#2E1D1D"/><stop offset="1" stop-color="#2E1D1D" stop-opacity="0"/></radialGradient><radialGradient id="iYjPb8c" cx="0" cy="0" r="1" gradientTransform="matrix(-7.375 -2.42806 1.75385 -5.32716 14.75 29.863)" gradientUnits="userSpaceOnUse"><stop offset=".183" stop-color="#341B29"/><stop offset="1" stop-color="#432833" stop-opacity="0"/></radialGradient><radialGradient id="iJeY9gR" cx="0" cy="0" r="1" gradientTransform="rotate(-128.919 14.305 8.69)scale(6.46664 2.55443)" gradientUnits="userSpaceOnUse"><stop stop-color="#32221F"/><stop offset="1" stop-color="#32221F" stop-opacity="0"/></radialGradient><radialGradient id="ihMZaJc" cx="0" cy="0" r="1" gradientTransform="rotate(132.013 3.78 11.19)scale(5.08924 3.88381)" gradientUnits="userSpaceOnUse"><stop offset=".365" stop-color="#2F1722"/><stop offset="1" stop-color="#2F1722" stop-opacity="0"/></radialGradient><radialGradient id="iamniRT" cx="0" cy="0" r="1" gradientTransform="matrix(-10.37497 -9.90623 3.07089 -3.2162 26.938 16.716)" gradientUnits="userSpaceOnUse"><stop offset=".143" stop-color="#5C4745"/><stop offset="1" stop-color="#5C4745" stop-opacity="0"/></radialGradient><radialGradient id="iMAoXSb" cx="0" cy="0" r="1" gradientTransform="matrix(3.39062 3.125 -1.83606 1.99212 22.39 14.703)" gradientUnits="userSpaceOnUse"><stop offset=".44" stop-color="#422C29"/><stop offset="1" stop-color="#422C29" stop-opacity="0"/></radialGradient><radialGradient id="ily4Htk" cx="0" cy="0" r="1" gradientTransform="matrix(-6.37496 4.62505 -3.3986 -4.68448 30.844 19.497)" gradientUnits="userSpaceOnUse"><stop offset=".325" stop-color="#65504F"/><stop offset="1" stop-color="#65504F" stop-opacity="0"/></radialGradient><filter id="ifFWMwe" width="11.192" height="9.903" x="4.983" y="10.055" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.337255 0 0 0 0 0.258824 0 0 0 0 0.243137 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_7183"/></filter><filter id="iycfDhe" width="16.457" height="19.582" x="1.897" y="10.281" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.239216 0 0 0 0 0.129412 0 0 0 0 0.207843 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_7183"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.258824 0 0 0 0 0.176471 0 0 0 0 0.176471 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_20020_7183" result="effect2_innerShadow_20020_7183"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.321569 0 0 0 0 0.235294 0 0 0 0 0.333333 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_20020_7183" result="effect3_innerShadow_20020_7183"/></filter><filter id="i2J3Qhe" width="16.457" height="19.582" x="13.825" y="10.281" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.231373 0 0 0 0 0.121569 0 0 0 0 0.188235 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_7183"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.192157 0 0 0 0 0.109804 0 0 0 0 0.160784 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_20020_7183" result="effect2_innerShadow_20020_7183"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.341176 0 0 0 0 0.258824 0 0 0 0 0.356863 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_20020_7183" result="effect3_innerShadow_20020_7183"/></filter><filter id="iCgxl9b" width="9.25" height="8.72" x="17.031" y="10.496" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_7183" stdDeviation=".5"/></filter><filter id="ihTmaMb" width="6.406" height="11.906" x="23.781" y="16.185" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_7183" stdDeviation=".5"/></filter><filter id="idhMCQb" width="8.094" height="7.844" x="13.469" y="21.997" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_7183" stdDeviation=".5"/></filter><filter id="iQ3i6lb" width="9.398" height="10.094" x="6.427" y="17.091" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_7183" stdDeviation=".5"/></filter><linearGradient id="iKlVwpe" x1="24.281" x2="15.375" y1="17.216" y2="11.278" gradientUnits="userSpaceOnUse"><stop stop-color="#66514F"/><stop offset="1" stop-color="#66514F" stop-opacity="0"/></linearGradient><linearGradient id="ilSqb1s" x1="15.906" x2="19.499" y1="28.154" y2="23.04" gradientUnits="userSpaceOnUse"><stop stop-color="#55343B"/><stop offset="1" stop-color="#55343B" stop-opacity="0"/></linearGradient><linearGradient id="iyILuub" x1="11.813" x2="9.606" y1="20.813" y2="24.559" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4A48"/><stop offset="1" stop-color="#5D4A48" stop-opacity="0"/></linearGradient></defs></g></svg>Как использовать иконку Heart Hands Dark
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:heart-hands-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:heart-hands-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:heart-hands-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--heart-hands-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:heart-hands-dark"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:heart-hands-dark"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/heart-hands-dark.svg" alt="Иконка Heart Hands Dark" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Heart Hands Dark в других наборах
Вопросы и ответы: Иконка Heart Hands Dark
Можно ли бесплатно использовать иконку Heart Hands Dark в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Heart Hands Dark в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:heart-hands-dark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Heart Hands Dark на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/heart-hands-dark.svg" alt="Иконка Heart Hands Dark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.