hand heart icon
hand-heart from Reicon by REICON · Outline · Hands · MIT Free for personal and commercial use.
- Name
- hand-heart
- Set
- Reicon
- Style
- Outline
- Category
- Hands
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All hand heart icons →More hands icons from Reicon
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" fill-rule="evenodd" d="M15.583 1.42c1.312.441 2.167 1.676 2.167 3.295c0 1.017-.578 1.954-1.223 2.7c-.663.769-1.501 1.458-2.235 1.993l-.093.068c-.712.52-1.3.95-2.199.95c-.9 0-1.486-.43-2.198-.95l-.094-.068c-.734-.535-1.572-1.224-2.235-1.992C6.83 6.669 6.25 5.732 6.25 4.715c0-1.619.855-2.853 2.167-3.295c1.12-.377 2.422-.128 3.583.717c1.161-.845 2.464-1.094 3.583-.717m-.478 1.422c-.652-.22-1.625-.078-2.597.816a.75.75 0 0 1-1.015 0c-.973-.894-1.945-1.036-2.597-.816c-.626.21-1.146.814-1.146 1.873c0 .467.285 1.055.859 1.721c.556.645 1.292 1.257 1.983 1.76c.843.615 1.043.73 1.408.73s.565-.115 1.409-.73c.69-.503 1.426-1.115 1.982-1.76c.575-.666.86-1.254.86-1.721c0-1.06-.521-1.663-1.146-1.873M8.684 14.448c1.866-.362 3.863-.28 5.48.684c.226.135.44.304.625.512c.376.422.57.947.579 1.473q.286-.186.577-.407l1.808-1.365a2.64 2.64 0 0 1 3.124 0c.835.63 1.169 1.763.57 2.722c-.425.682-1.065 1.625-1.717 2.229c-.66.61-1.597 1.123-2.306 1.466c-.862.416-1.792.645-2.697.792c-1.85.3-3.774.253-5.602-.123a14.3 14.3 0 0 0-2.865-.293H4a.75.75 0 0 1 0-1.5h2.26c1.062 0 2.135.11 3.168.324a14.1 14.1 0 0 0 5.06.111c.828-.134 1.602-.333 2.284-.662c.683-.33 1.451-.764 1.938-1.216c.493-.456 1.044-1.247 1.465-1.921c.127-.204.109-.498-.202-.733a1.14 1.14 0 0 0-1.316 0l-1.807 1.366c-.722.545-1.61 1.128-2.711 1.303a9 9 0 0 1-.347.049q-.086.015-.179.02a10 10 0 0 1-1.932 0a.75.75 0 1 1 .141-1.493c.628.059 1.19.046 1.668-.003l.03-.003a.742.742 0 0 0 .15-1.138a1.2 1.2 0 0 0-.275-.222c-1.181-.705-2.759-.822-4.426-.5a12.1 12.1 0 0 0-4.535 1.935a.75.75 0 0 1-.868-1.224a13.6 13.6 0 0 1 5.118-2.183" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconHandHeart(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" fillRule="evenodd" d="M15.583 1.42c1.312.441 2.167 1.676 2.167 3.295c0 1.017-.578 1.954-1.223 2.7c-.663.769-1.501 1.458-2.235 1.993l-.093.068c-.712.52-1.3.95-2.199.95c-.9 0-1.486-.43-2.198-.95l-.094-.068c-.734-.535-1.572-1.224-2.235-1.992C6.83 6.669 6.25 5.732 6.25 4.715c0-1.619.855-2.853 2.167-3.295c1.12-.377 2.422-.128 3.583.717c1.161-.845 2.464-1.094 3.583-.717m-.478 1.422c-.652-.22-1.625-.078-2.597.816a.75.75 0 0 1-1.015 0c-.973-.894-1.945-1.036-2.597-.816c-.626.21-1.146.814-1.146 1.873c0 .467.285 1.055.859 1.721c.556.645 1.292 1.257 1.983 1.76c.843.615 1.043.73 1.408.73s.565-.115 1.409-.73c.69-.503 1.426-1.115 1.982-1.76c.575-.666.86-1.254.86-1.721c0-1.06-.521-1.663-1.146-1.873M8.684 14.448c1.866-.362 3.863-.28 5.48.684c.226.135.44.304.625.512c.376.422.57.947.579 1.473q.286-.186.577-.407l1.808-1.365a2.64 2.64 0 0 1 3.124 0c.835.63 1.169 1.763.57 2.722c-.425.682-1.065 1.625-1.717 2.229c-.66.61-1.597 1.123-2.306 1.466c-.862.416-1.792.645-2.697.792c-1.85.3-3.774.253-5.602-.123a14.3 14.3 0 0 0-2.865-.293H4a.75.75 0 0 1 0-1.5h2.26c1.062 0 2.135.11 3.168.324a14.1 14.1 0 0 0 5.06.111c.828-.134 1.602-.333 2.284-.662c.683-.33 1.451-.764 1.938-1.216c.493-.456 1.044-1.247 1.465-1.921c.127-.204.109-.498-.202-.733a1.14 1.14 0 0 0-1.316 0l-1.807 1.366c-.722.545-1.61 1.128-2.711 1.303a9 9 0 0 1-.347.049q-.086.015-.179.02a10 10 0 0 1-1.932 0a.75.75 0 1 1 .141-1.493c.628.059 1.19.046 1.668-.003l.03-.003a.742.742 0 0 0 .15-1.138a1.2 1.2 0 0 0-.275-.222c-1.181-.705-2.759-.822-4.426-.5a12.1 12.1 0 0 0-4.535 1.935a.75.75 0 0 1-.868-1.224a13.6 13.6 0 0 1 5.118-2.183" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.583 1.42c1.312.441 2.167 1.676 2.167 3.295c0 1.017-.578 1.954-1.223 2.7c-.663.769-1.501 1.458-2.235 1.993l-.093.068c-.712.52-1.3.95-2.199.95c-.9 0-1.486-.43-2.198-.95l-.094-.068c-.734-.535-1.572-1.224-2.235-1.992C6.83 6.669 6.25 5.732 6.25 4.715c0-1.619.855-2.853 2.167-3.295c1.12-.377 2.422-.128 3.583.717c1.161-.845 2.464-1.094 3.583-.717m-.478 1.422c-.652-.22-1.625-.078-2.597.816a.75.75 0 0 1-1.015 0c-.973-.894-1.945-1.036-2.597-.816c-.626.21-1.146.814-1.146 1.873c0 .467.285 1.055.859 1.721c.556.645 1.292 1.257 1.983 1.76c.843.615 1.043.73 1.408.73s.565-.115 1.409-.73c.69-.503 1.426-1.115 1.982-1.76c.575-.666.86-1.254.86-1.721c0-1.06-.521-1.663-1.146-1.873M8.684 14.448c1.866-.362 3.863-.28 5.48.684c.226.135.44.304.625.512c.376.422.57.947.579 1.473q.286-.186.577-.407l1.808-1.365a2.64 2.64 0 0 1 3.124 0c.835.63 1.169 1.763.57 2.722c-.425.682-1.065 1.625-1.717 2.229c-.66.61-1.597 1.123-2.306 1.466c-.862.416-1.792.645-2.697.792c-1.85.3-3.774.253-5.602-.123a14.3 14.3 0 0 0-2.865-.293H4a.75.75 0 0 1 0-1.5h2.26c1.062 0 2.135.11 3.168.324a14.1 14.1 0 0 0 5.06.111c.828-.134 1.602-.333 2.284-.662c.683-.33 1.451-.764 1.938-1.216c.493-.456 1.044-1.247 1.465-1.921c.127-.204.109-.498-.202-.733a1.14 1.14 0 0 0-1.316 0l-1.807 1.366c-.722.545-1.61 1.128-2.711 1.303a9 9 0 0 1-.347.049q-.086.015-.179.02a10 10 0 0 1-1.932 0a.75.75 0 1 1 .141-1.493c.628.059 1.19.046 1.668-.003l.03-.003a.742.742 0 0 0 .15-1.138a1.2 1.2 0 0 0-.275-.222c-1.181-.705-2.759-.822-4.426-.5a12.1 12.1 0 0 0-4.535 1.935a.75.75 0 0 1-.868-1.224a13.6 13.6 0 0 1 5.118-2.183" clip-rule="evenodd"/></svg> </template>
CSS
.icon-hand-heart {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M15.583%201.42c1.312.441%202.167%201.676%202.167%203.295c0%201.017-.578%201.954-1.223%202.7c-.663.769-1.501%201.458-2.235%201.993l-.093.068c-.712.52-1.3.95-2.199.95c-.9%200-1.486-.43-2.198-.95l-.094-.068c-.734-.535-1.572-1.224-2.235-1.992C6.83%206.669%206.25%205.732%206.25%204.715c0-1.619.855-2.853%202.167-3.295c1.12-.377%202.422-.128%203.583.717c1.161-.845%202.464-1.094%203.583-.717m-.478%201.422c-.652-.22-1.625-.078-2.597.816a.75.75%200%200%201-1.015%200c-.973-.894-1.945-1.036-2.597-.816c-.626.21-1.146.814-1.146%201.873c0%20.467.285%201.055.859%201.721c.556.645%201.292%201.257%201.983%201.76c.843.615%201.043.73%201.408.73s.565-.115%201.409-.73c.69-.503%201.426-1.115%201.982-1.76c.575-.666.86-1.254.86-1.721c0-1.06-.521-1.663-1.146-1.873M8.684%2014.448c1.866-.362%203.863-.28%205.48.684c.226.135.44.304.625.512c.376.422.57.947.579%201.473q.286-.186.577-.407l1.808-1.365a2.64%202.64%200%200%201%203.124%200c.835.63%201.169%201.763.57%202.722c-.425.682-1.065%201.625-1.717%202.229c-.66.61-1.597%201.123-2.306%201.466c-.862.416-1.792.645-2.697.792c-1.85.3-3.774.253-5.602-.123a14.3%2014.3%200%200%200-2.865-.293H4a.75.75%200%200%201%200-1.5h2.26c1.062%200%202.135.11%203.168.324a14.1%2014.1%200%200%200%205.06.111c.828-.134%201.602-.333%202.284-.662c.683-.33%201.451-.764%201.938-1.216c.493-.456%201.044-1.247%201.465-1.921c.127-.204.109-.498-.202-.733a1.14%201.14%200%200%200-1.316%200l-1.807%201.366c-.722.545-1.61%201.128-2.711%201.303a9%209%200%200%201-.347.049q-.086.015-.179.02a10%2010%200%200%201-1.932%200a.75.75%200%201%201%20.141-1.493c.628.059%201.19.046%201.668-.003l.03-.003a.742.742%200%200%200%20.15-1.138a1.2%201.2%200%200%200-.275-.222c-1.181-.705-2.759-.822-4.426-.5a12.1%2012.1%200%200%200-4.535%201.935a.75.75%200%200%201-.868-1.224a13.6%2013.6%200%200%201%205.118-2.183%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M15.583%201.42c1.312.441%202.167%201.676%202.167%203.295c0%201.017-.578%201.954-1.223%202.7c-.663.769-1.501%201.458-2.235%201.993l-.093.068c-.712.52-1.3.95-2.199.95c-.9%200-1.486-.43-2.198-.95l-.094-.068c-.734-.535-1.572-1.224-2.235-1.992C6.83%206.669%206.25%205.732%206.25%204.715c0-1.619.855-2.853%202.167-3.295c1.12-.377%202.422-.128%203.583.717c1.161-.845%202.464-1.094%203.583-.717m-.478%201.422c-.652-.22-1.625-.078-2.597.816a.75.75%200%200%201-1.015%200c-.973-.894-1.945-1.036-2.597-.816c-.626.21-1.146.814-1.146%201.873c0%20.467.285%201.055.859%201.721c.556.645%201.292%201.257%201.983%201.76c.843.615%201.043.73%201.408.73s.565-.115%201.409-.73c.69-.503%201.426-1.115%201.982-1.76c.575-.666.86-1.254.86-1.721c0-1.06-.521-1.663-1.146-1.873M8.684%2014.448c1.866-.362%203.863-.28%205.48.684c.226.135.44.304.625.512c.376.422.57.947.579%201.473q.286-.186.577-.407l1.808-1.365a2.64%202.64%200%200%201%203.124%200c.835.63%201.169%201.763.57%202.722c-.425.682-1.065%201.625-1.717%202.229c-.66.61-1.597%201.123-2.306%201.466c-.862.416-1.792.645-2.697.792c-1.85.3-3.774.253-5.602-.123a14.3%2014.3%200%200%200-2.865-.293H4a.75.75%200%200%201%200-1.5h2.26c1.062%200%202.135.11%203.168.324a14.1%2014.1%200%200%200%205.06.111c.828-.134%201.602-.333%202.284-.662c.683-.33%201.451-.764%201.938-1.216c.493-.456%201.044-1.247%201.465-1.921c.127-.204.109-.498-.202-.733a1.14%201.14%200%200%200-1.316%200l-1.807%201.366c-.722.545-1.61%201.128-2.711%201.303a9%209%200%200%201-.347.049q-.086.015-.179.02a10%2010%200%200%201-1.932%200a.75.75%200%201%201%20.141-1.493c.628.059%201.19.046%201.668-.003l.03-.003a.742.742%200%200%200%20.15-1.138a1.2%201.2%200%200%200-.275-.222c-1.181-.705-2.759-.822-4.426-.5a12.1%2012.1%200%200%200-4.535%201.935a.75.75%200%200%201-.868-1.224a13.6%2013.6%200%200%201%205.118-2.183%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/hand-heart.svg?color=%231a73e8&size=48
