hand heart icon
hand-heart-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- hand-heart-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Related icons in MingCute Icon
Use the hand heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.389 12.327a4 4 0 0 1 3.09-.488l3.716.929a2 2 0 0 1 1.412 2.573l-.023.067l1.861-1.24l.108-.062c1.584-.792 3.447.36 3.447 2.13v.056c0 .76-.358 1.476-.967 1.933l-3.07 2.302a3 3 0 0 1-1.212.542l-3.209.642a5 5 0 0 1-3.217-.43l-2.35-1.175A1 1 0 0 0 7.528 20H6.73c-.345.597-.99 1-1.73 1H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1a2 2 0 0 1 1.398.571l.012-.007zm2.605 1.452a2 2 0 0 0-1.545.244l-1.98 1.238a1 1 0 0 0-.469.847V18h.528a3 3 0 0 1 1.341.316l2.35 1.176a3 3 0 0 0 1.93.258l3.21-.642a1 1 0 0 0 .404-.18l3.07-2.303a.42.42 0 0 0 .167-.333v-.056a.38.38 0 0 0-.525-.351l-2.416 1.611a3 3 0 0 1-1.665.504H12v-2h1.559a1 1 0 0 0 .948-.684l.203-.608zM16 3.468c1.03-.644 2.212-.592 3.166-.036c1.112.648 1.866 1.941 1.833 3.422c-.043 1.908-1.521 3.464-3.684 4.748c-.402.239-.831.51-1.315.51s-.913-.271-1.315-.51c-2.163-1.284-3.641-2.84-3.684-4.748c-.033-1.48.72-2.774 1.833-3.422c.954-.556 2.135-.608 3.166.036"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteHandHeartFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.389 12.327a4 4 0 0 1 3.09-.488l3.716.929a2 2 0 0 1 1.412 2.573l-.023.067l1.861-1.24l.108-.062c1.584-.792 3.447.36 3.447 2.13v.056c0 .76-.358 1.476-.967 1.933l-3.07 2.302a3 3 0 0 1-1.212.542l-3.209.642a5 5 0 0 1-3.217-.43l-2.35-1.175A1 1 0 0 0 7.528 20H6.73c-.345.597-.99 1-1.73 1H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1a2 2 0 0 1 1.398.571l.012-.007zm2.605 1.452a2 2 0 0 0-1.545.244l-1.98 1.238a1 1 0 0 0-.469.847V18h.528a3 3 0 0 1 1.341.316l2.35 1.176a3 3 0 0 0 1.93.258l3.21-.642a1 1 0 0 0 .404-.18l3.07-2.303a.42.42 0 0 0 .167-.333v-.056a.38.38 0 0 0-.525-.351l-2.416 1.611a3 3 0 0 1-1.665.504H12v-2h1.559a1 1 0 0 0 .948-.684l.203-.608zM16 3.468c1.03-.644 2.212-.592 3.166-.036c1.112.648 1.866 1.941 1.833 3.422c-.043 1.908-1.521 3.464-3.684 4.748c-.402.239-.831.51-1.315.51s-.913-.271-1.315-.51c-2.163-1.284-3.641-2.84-3.684-4.748c-.033-1.48.72-2.774 1.833-3.422c.954-.556 2.135-.608 3.166.036"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.389 12.327a4 4 0 0 1 3.09-.488l3.716.929a2 2 0 0 1 1.412 2.573l-.023.067l1.861-1.24l.108-.062c1.584-.792 3.447.36 3.447 2.13v.056c0 .76-.358 1.476-.967 1.933l-3.07 2.302a3 3 0 0 1-1.212.542l-3.209.642a5 5 0 0 1-3.217-.43l-2.35-1.175A1 1 0 0 0 7.528 20H6.73c-.345.597-.99 1-1.73 1H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1a2 2 0 0 1 1.398.571l.012-.007zm2.605 1.452a2 2 0 0 0-1.545.244l-1.98 1.238a1 1 0 0 0-.469.847V18h.528a3 3 0 0 1 1.341.316l2.35 1.176a3 3 0 0 0 1.93.258l3.21-.642a1 1 0 0 0 .404-.18l3.07-2.303a.42.42 0 0 0 .167-.333v-.056a.38.38 0 0 0-.525-.351l-2.416 1.611a3 3 0 0 1-1.665.504H12v-2h1.559a1 1 0 0 0 .948-.684l.203-.608zM16 3.468c1.03-.644 2.212-.592 3.166-.036c1.112.648 1.866 1.941 1.833 3.422c-.043 1.908-1.521 3.464-3.684 4.748c-.402.239-.831.51-1.315.51s-.913-.271-1.315-.51c-2.163-1.284-3.641-2.84-3.684-4.748c-.033-1.48.72-2.774 1.833-3.422c.954-.556 2.135-.608 3.166.036"/></svg> </template>
CSS
.icon-hand-heart-fill {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.389%2012.327a4%204%200%200%201%203.09-.488l3.716.929a2%202%200%200%201%201.412%202.573l-.023.067l1.861-1.24l.108-.062c1.584-.792%203.447.36%203.447%202.13v.056c0%20.76-.358%201.476-.967%201.933l-3.07%202.302a3%203%200%200%201-1.212.542l-3.209.642a5%205%200%200%201-3.217-.43l-2.35-1.175A1%201%200%200%200%207.528%2020H6.73c-.345.597-.99%201-1.73%201H4a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2h1a2%202%200%200%201%201.398.571l.012-.007zm2.605%201.452a2%202%200%200%200-1.545.244l-1.98%201.238a1%201%200%200%200-.469.847V18h.528a3%203%200%200%201%201.341.316l2.35%201.176a3%203%200%200%200%201.93.258l3.21-.642a1%201%200%200%200%20.404-.18l3.07-2.303a.42.42%200%200%200%20.167-.333v-.056a.38.38%200%200%200-.525-.351l-2.416%201.611a3%203%200%200%201-1.665.504H12v-2h1.559a1%201%200%200%200%20.948-.684l.203-.608zM16%203.468c1.03-.644%202.212-.592%203.166-.036c1.112.648%201.866%201.941%201.833%203.422c-.043%201.908-1.521%203.464-3.684%204.748c-.402.239-.831.51-1.315.51s-.913-.271-1.315-.51c-2.163-1.284-3.641-2.84-3.684-4.748c-.033-1.48.72-2.774%201.833-3.422c.954-.556%202.135-.608%203.166.036%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.389%2012.327a4%204%200%200%201%203.09-.488l3.716.929a2%202%200%200%201%201.412%202.573l-.023.067l1.861-1.24l.108-.062c1.584-.792%203.447.36%203.447%202.13v.056c0%20.76-.358%201.476-.967%201.933l-3.07%202.302a3%203%200%200%201-1.212.542l-3.209.642a5%205%200%200%201-3.217-.43l-2.35-1.175A1%201%200%200%200%207.528%2020H6.73c-.345.597-.99%201-1.73%201H4a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2h1a2%202%200%200%201%201.398.571l.012-.007zm2.605%201.452a2%202%200%200%200-1.545.244l-1.98%201.238a1%201%200%200%200-.469.847V18h.528a3%203%200%200%201%201.341.316l2.35%201.176a3%203%200%200%200%201.93.258l3.21-.642a1%201%200%200%200%20.404-.18l3.07-2.303a.42.42%200%200%200%20.167-.333v-.056a.38.38%200%200%200-.525-.351l-2.416%201.611a3%203%200%200%201-1.665.504H12v-2h1.559a1%201%200%200%200%20.948-.684l.203-.608zM16%203.468c1.03-.644%202.212-.592%203.166-.036c1.112.648%201.866%201.941%201.833%203.422c-.043%201.908-1.521%203.464-3.684%204.748c-.402.239-.831.51-1.315.51s-.913-.271-1.315-.51c-2.163-1.284-3.641-2.84-3.684-4.748c-.033-1.48.72-2.774%201.833-3.422c.954-.556%202.135-.608%203.166.036%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/hand-heart-fill.svg?color=%231a73e8&size=48
