hand open heart icon
hand-open-heart-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- hand-open-heart-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the hand open heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m24 5l-.532-.655a3.638 3.638 0 1 0-5.457 4.804l4.958 5.192l.284.318q.136.15.307.234a.93.93 0 0 0 1.111-.176l5.32-5.563a3.641 3.641 0 1 0-5.46-4.81zm1.292 11.704q.595 1.283 1.007 2.645l.489 1.614a5 5 0 0 1-.798 4.463l-1.92 2.54c-1.609 2.128-4.519 2.545-6.783 1.455c-3.224-1.55-7.036-2.702-10.188-2.839a2.28 2.28 0 0 1-1.714-.88c-.418-.554-.56-1.352-.112-2.088c.865-1.421 2.229-2.07 3.353-2.367L2.44 15.06a1.5 1.5 0 1 1 2.122-2.121l4.103 4.104a.621.621 0 1 0 .879-.879L3.44 10.061A1.5 1.5 0 1 1 5.561 7.94l5.977 5.977a.798.798 0 1 0 1.129-1.129L7.439 7.561A1.5 1.5 0 1 1 9.561 5.44l4.637 4.637a1.63 1.63 0 0 0 2.308 0l.104.12l5.148 5.791a3 3 0 0 0 3.534.716m-9.096 5.276c1.142-.228 2.088-.21 2.881.037c.778.243 1.485.731 2.125 1.583a1 1 0 1 0 1.599-1.201q-1.293-1.72-3.127-2.291c-1.207-.377-2.512-.36-3.87-.09a1 1 0 1 0 .392 1.962M15.798 9a5.54 5.54 0 0 1-.324-4.147l-.913-.913a1.5 1.5 0 0 0-2.122 2.12L15.38 9z"/></svg>
React
import type { SVGProps } from "react";
export function FluentHandOpenHeart32Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m24 5l-.532-.655a3.638 3.638 0 1 0-5.457 4.804l4.958 5.192l.284.318q.136.15.307.234a.93.93 0 0 0 1.111-.176l5.32-5.563a3.641 3.641 0 1 0-5.46-4.81zm1.292 11.704q.595 1.283 1.007 2.645l.489 1.614a5 5 0 0 1-.798 4.463l-1.92 2.54c-1.609 2.128-4.519 2.545-6.783 1.455c-3.224-1.55-7.036-2.702-10.188-2.839a2.28 2.28 0 0 1-1.714-.88c-.418-.554-.56-1.352-.112-2.088c.865-1.421 2.229-2.07 3.353-2.367L2.44 15.06a1.5 1.5 0 1 1 2.122-2.121l4.103 4.104a.621.621 0 1 0 .879-.879L3.44 10.061A1.5 1.5 0 1 1 5.561 7.94l5.977 5.977a.798.798 0 1 0 1.129-1.129L7.439 7.561A1.5 1.5 0 1 1 9.561 5.44l4.637 4.637a1.63 1.63 0 0 0 2.308 0l.104.12l5.148 5.791a3 3 0 0 0 3.534.716m-9.096 5.276c1.142-.228 2.088-.21 2.881.037c.778.243 1.485.731 2.125 1.583a1 1 0 1 0 1.599-1.201q-1.293-1.72-3.127-2.291c-1.207-.377-2.512-.36-3.87-.09a1 1 0 1 0 .392 1.962M15.798 9a5.54 5.54 0 0 1-.324-4.147l-.913-.913a1.5 1.5 0 0 0-2.122 2.12L15.38 9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m24 5l-.532-.655a3.638 3.638 0 1 0-5.457 4.804l4.958 5.192l.284.318q.136.15.307.234a.93.93 0 0 0 1.111-.176l5.32-5.563a3.641 3.641 0 1 0-5.46-4.81zm1.292 11.704q.595 1.283 1.007 2.645l.489 1.614a5 5 0 0 1-.798 4.463l-1.92 2.54c-1.609 2.128-4.519 2.545-6.783 1.455c-3.224-1.55-7.036-2.702-10.188-2.839a2.28 2.28 0 0 1-1.714-.88c-.418-.554-.56-1.352-.112-2.088c.865-1.421 2.229-2.07 3.353-2.367L2.44 15.06a1.5 1.5 0 1 1 2.122-2.121l4.103 4.104a.621.621 0 1 0 .879-.879L3.44 10.061A1.5 1.5 0 1 1 5.561 7.94l5.977 5.977a.798.798 0 1 0 1.129-1.129L7.439 7.561A1.5 1.5 0 1 1 9.561 5.44l4.637 4.637a1.63 1.63 0 0 0 2.308 0l.104.12l5.148 5.791a3 3 0 0 0 3.534.716m-9.096 5.276c1.142-.228 2.088-.21 2.881.037c.778.243 1.485.731 2.125 1.583a1 1 0 1 0 1.599-1.201q-1.293-1.72-3.127-2.291c-1.207-.377-2.512-.36-3.87-.09a1 1 0 1 0 .392 1.962M15.798 9a5.54 5.54 0 0 1-.324-4.147l-.913-.913a1.5 1.5 0 0 0-2.122 2.12L15.38 9z"/></svg> </template>
CSS
.icon-hand-open-heart-32-filled {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m24%205l-.532-.655a3.638%203.638%200%201%200-5.457%204.804l4.958%205.192l.284.318q.136.15.307.234a.93.93%200%200%200%201.111-.176l5.32-5.563a3.641%203.641%200%201%200-5.46-4.81zm1.292%2011.704q.595%201.283%201.007%202.645l.489%201.614a5%205%200%200%201-.798%204.463l-1.92%202.54c-1.609%202.128-4.519%202.545-6.783%201.455c-3.224-1.55-7.036-2.702-10.188-2.839a2.28%202.28%200%200%201-1.714-.88c-.418-.554-.56-1.352-.112-2.088c.865-1.421%202.229-2.07%203.353-2.367L2.44%2015.06a1.5%201.5%200%201%201%202.122-2.121l4.103%204.104a.621.621%200%201%200%20.879-.879L3.44%2010.061A1.5%201.5%200%201%201%205.561%207.94l5.977%205.977a.798.798%200%201%200%201.129-1.129L7.439%207.561A1.5%201.5%200%201%201%209.561%205.44l4.637%204.637a1.63%201.63%200%200%200%202.308%200l.104.12l5.148%205.791a3%203%200%200%200%203.534.716m-9.096%205.276c1.142-.228%202.088-.21%202.881.037c.778.243%201.485.731%202.125%201.583a1%201%200%201%200%201.599-1.201q-1.293-1.72-3.127-2.291c-1.207-.377-2.512-.36-3.87-.09a1%201%200%201%200%20.392%201.962M15.798%209a5.54%205.54%200%200%201-.324-4.147l-.913-.913a1.5%201.5%200%200%200-2.122%202.12L15.38%209z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m24%205l-.532-.655a3.638%203.638%200%201%200-5.457%204.804l4.958%205.192l.284.318q.136.15.307.234a.93.93%200%200%200%201.111-.176l5.32-5.563a3.641%203.641%200%201%200-5.46-4.81zm1.292%2011.704q.595%201.283%201.007%202.645l.489%201.614a5%205%200%200%201-.798%204.463l-1.92%202.54c-1.609%202.128-4.519%202.545-6.783%201.455c-3.224-1.55-7.036-2.702-10.188-2.839a2.28%202.28%200%200%201-1.714-.88c-.418-.554-.56-1.352-.112-2.088c.865-1.421%202.229-2.07%203.353-2.367L2.44%2015.06a1.5%201.5%200%201%201%202.122-2.121l4.103%204.104a.621.621%200%201%200%20.879-.879L3.44%2010.061A1.5%201.5%200%201%201%205.561%207.94l5.977%205.977a.798.798%200%201%200%201.129-1.129L7.439%207.561A1.5%201.5%200%201%201%209.561%205.44l4.637%204.637a1.63%201.63%200%200%200%202.308%200l.104.12l5.148%205.791a3%203%200%200%200%203.534.716m-9.096%205.276c1.142-.228%202.088-.21%202.881.037c.778.243%201.485.731%202.125%201.583a1%201%200%201%200%201.599-1.201q-1.293-1.72-3.127-2.291c-1.207-.377-2.512-.36-3.87-.09a1%201%200%201%200%20.392%201.962M15.798%209a5.54%205.54%200%200%201-.324-4.147l-.913-.913a1.5%201.5%200%200%200-2.122%202.12L15.38%209z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/hand-open-heart-32-filled.svg?color=%231a73e8&size=48
