hand heart icon
hand-heart-broken from Solar by 480 Design · Broken · Hands · CC-BY-4.0 Attribution required.
- Name
- hand-heart-broken
- Set
- Solar
- Style
- Broken
- Category
- Hands
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More hands icons from Solar
Use the hand heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M7 4.71476C7 6.19986 8.72593 7.76428 10.1497 8.80219C10.9489 9.38471 11.3484 9.67598 12 9.67598C12.6516 9.67598 13.0512 9.38472 13.8503 8.8022C15.2741 7.7643 17 6.19988 17 4.71475C17 2.03759 14.2499 1.03807 12 3.10615C9.75008 1.03807 7 2.03759 7 4.71476Z"/><path stroke-linecap="round" d="M11.7518 18.5326C12.4312 18.5968 13.0434 18.5829 13.5668 18.5292C13.6038 18.5254 13.6403 18.5214 13.6764 18.5172M13.6764 18.5172C13.6399 18.525 13.6033 18.5292 13.5668 18.5292M13.6764 18.5172C13.7962 18.5033 13.911 18.4874 14.0206 18.4699C14.932 18.3245 15.697 17.8375 16.3974 17.3084L18.2046 15.9433C18.8417 15.462 19.7873 15.4619 20.4245 15.943C20.9982 16.3762 21.1736 17.0894 20.8109 17.6707C20.388 18.3487 19.7921 19.216 19.2199 19.7459M13.6764 18.5172C13.8222 18.486 13.9669 18.396 14.1028 18.2775C14.746 17.7161 14.7866 16.77 14.2285 16.1431C14.0991 15.9977 13.9475 15.8764 13.7791 15.7759C10.9817 14.1074 6.62942 15.3782 4 17.2429M4 21.3884H6.25993C7.27079 21.3884 8.29253 21.4937 9.27633 21.6964C11.0166 22.0549 12.8488 22.0983 14.6069 21.8138"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarHandHeartBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinejoin="round" d="M7 4.71476C7 6.19986 8.72593 7.76428 10.1497 8.80219C10.9489 9.38471 11.3484 9.67598 12 9.67598C12.6516 9.67598 13.0512 9.38472 13.8503 8.8022C15.2741 7.7643 17 6.19988 17 4.71475C17 2.03759 14.2499 1.03807 12 3.10615C9.75008 1.03807 7 2.03759 7 4.71476Z"/><path strokeLinecap="round" d="M11.7518 18.5326C12.4312 18.5968 13.0434 18.5829 13.5668 18.5292C13.6038 18.5254 13.6403 18.5214 13.6764 18.5172M13.6764 18.5172C13.6399 18.525 13.6033 18.5292 13.5668 18.5292M13.6764 18.5172C13.7962 18.5033 13.911 18.4874 14.0206 18.4699C14.932 18.3245 15.697 17.8375 16.3974 17.3084L18.2046 15.9433C18.8417 15.462 19.7873 15.4619 20.4245 15.943C20.9982 16.3762 21.1736 17.0894 20.8109 17.6707C20.388 18.3487 19.7921 19.216 19.2199 19.7459M13.6764 18.5172C13.8222 18.486 13.9669 18.396 14.1028 18.2775C14.746 17.7161 14.7866 16.77 14.2285 16.1431C14.0991 15.9977 13.9475 15.8764 13.7791 15.7759C10.9817 14.1074 6.62942 15.3782 4 17.2429M4 21.3884H6.25993C7.27079 21.3884 8.29253 21.4937 9.27633 21.6964C11.0166 22.0549 12.8488 22.0983 14.6069 21.8138"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M7 4.71476C7 6.19986 8.72593 7.76428 10.1497 8.80219C10.9489 9.38471 11.3484 9.67598 12 9.67598C12.6516 9.67598 13.0512 9.38472 13.8503 8.8022C15.2741 7.7643 17 6.19988 17 4.71475C17 2.03759 14.2499 1.03807 12 3.10615C9.75008 1.03807 7 2.03759 7 4.71476Z"/><path stroke-linecap="round" d="M11.7518 18.5326C12.4312 18.5968 13.0434 18.5829 13.5668 18.5292C13.6038 18.5254 13.6403 18.5214 13.6764 18.5172M13.6764 18.5172C13.6399 18.525 13.6033 18.5292 13.5668 18.5292M13.6764 18.5172C13.7962 18.5033 13.911 18.4874 14.0206 18.4699C14.932 18.3245 15.697 17.8375 16.3974 17.3084L18.2046 15.9433C18.8417 15.462 19.7873 15.4619 20.4245 15.943C20.9982 16.3762 21.1736 17.0894 20.8109 17.6707C20.388 18.3487 19.7921 19.216 19.2199 19.7459M13.6764 18.5172C13.8222 18.486 13.9669 18.396 14.1028 18.2775C14.746 17.7161 14.7866 16.77 14.2285 16.1431C14.0991 15.9977 13.9475 15.8764 13.7791 15.7759C10.9817 14.1074 6.62942 15.3782 4 17.2429M4 21.3884H6.25993C7.27079 21.3884 8.29253 21.4937 9.27633 21.6964C11.0166 22.0549 12.8488 22.0983 14.6069 21.8138"/></g></svg> </template>
CSS
.icon-hand-heart-broken {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M7%204.71476C7%206.19986%208.72593%207.76428%2010.1497%208.80219C10.9489%209.38471%2011.3484%209.67598%2012%209.67598C12.6516%209.67598%2013.0512%209.38472%2013.8503%208.8022C15.2741%207.7643%2017%206.19988%2017%204.71475C17%202.03759%2014.2499%201.03807%2012%203.10615C9.75008%201.03807%207%202.03759%207%204.71476Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11.7518%2018.5326C12.4312%2018.5968%2013.0434%2018.5829%2013.5668%2018.5292C13.6038%2018.5254%2013.6403%2018.5214%2013.6764%2018.5172M13.6764%2018.5172C13.6399%2018.525%2013.6033%2018.5292%2013.5668%2018.5292M13.6764%2018.5172C13.7962%2018.5033%2013.911%2018.4874%2014.0206%2018.4699C14.932%2018.3245%2015.697%2017.8375%2016.3974%2017.3084L18.2046%2015.9433C18.8417%2015.462%2019.7873%2015.4619%2020.4245%2015.943C20.9982%2016.3762%2021.1736%2017.0894%2020.8109%2017.6707C20.388%2018.3487%2019.7921%2019.216%2019.2199%2019.7459M13.6764%2018.5172C13.8222%2018.486%2013.9669%2018.396%2014.1028%2018.2775C14.746%2017.7161%2014.7866%2016.77%2014.2285%2016.1431C14.0991%2015.9977%2013.9475%2015.8764%2013.7791%2015.7759C10.9817%2014.1074%206.62942%2015.3782%204%2017.2429M4%2021.3884H6.25993C7.27079%2021.3884%208.29253%2021.4937%209.27633%2021.6964C11.0166%2022.0549%2012.8488%2022.0983%2014.6069%2021.8138%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M7%204.71476C7%206.19986%208.72593%207.76428%2010.1497%208.80219C10.9489%209.38471%2011.3484%209.67598%2012%209.67598C12.6516%209.67598%2013.0512%209.38472%2013.8503%208.8022C15.2741%207.7643%2017%206.19988%2017%204.71475C17%202.03759%2014.2499%201.03807%2012%203.10615C9.75008%201.03807%207%202.03759%207%204.71476Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11.7518%2018.5326C12.4312%2018.5968%2013.0434%2018.5829%2013.5668%2018.5292C13.6038%2018.5254%2013.6403%2018.5214%2013.6764%2018.5172M13.6764%2018.5172C13.6399%2018.525%2013.6033%2018.5292%2013.5668%2018.5292M13.6764%2018.5172C13.7962%2018.5033%2013.911%2018.4874%2014.0206%2018.4699C14.932%2018.3245%2015.697%2017.8375%2016.3974%2017.3084L18.2046%2015.9433C18.8417%2015.462%2019.7873%2015.4619%2020.4245%2015.943C20.9982%2016.3762%2021.1736%2017.0894%2020.8109%2017.6707C20.388%2018.3487%2019.7921%2019.216%2019.2199%2019.7459M13.6764%2018.5172C13.8222%2018.486%2013.9669%2018.396%2014.1028%2018.2775C14.746%2017.7161%2014.7866%2016.77%2014.2285%2016.1431C14.0991%2015.9977%2013.9475%2015.8764%2013.7791%2015.7759C10.9817%2014.1074%206.62942%2015.3782%204%2017.2429M4%2021.3884H6.25993C7.27079%2021.3884%208.29253%2021.4937%209.27633%2021.6964C11.0166%2022.0549%2012.8488%2022.0983%2014.6069%2021.8138%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/hand-heart-broken.svg?color=%231a73e8&size=48
