heart hand icon
heart-hand-filled from Reicon by REICON · Filled · Like · MIT Free for personal and commercial use.
- Name
- heart-hand-filled
- Set
- Reicon
- Style
- Filled
- Category
- Like
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More like icons from Reicon
Use the heart hand icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.007 12.887c2.393-.623 6.13-.753 7.449.255c.865.66 1.377 1.971 1.525 4.155c.376 5.539-1.541 5.707-5.055 5.707h-3.919c-2.617 0-4.333-1.19-6.332-2.212c-.928-.476-1.433-1.56-1.082-2.543A1.907 1.907 0 0 1 9.045 17.1l2.647.972l-3.22-7.014a2.142 2.142 0 1 1 3.896-1.78z"/><path d="M15.99 5.724q.01-.185.01-.375v-.022c.002-2.554-2.076-4.646-4.639-4.662h-.018a4.7 4.7 0 0 0-3.01 1.142A4.7 4.7 0 0 0 5.324.665h-.019C2.743.681.665 2.773.667 5.327v.022q0 .189.01.372c.244 4.937 5.2 7.902 6.744 8.708q.227.115.472.163l-1.24-2.699a4.142 4.142 0 1 1 7.536-3.442l.531 1.17c.7-1.119 1.196-2.42 1.27-3.898"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconHeartHandFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.007 12.887c2.393-.623 6.13-.753 7.449.255c.865.66 1.377 1.971 1.525 4.155c.376 5.539-1.541 5.707-5.055 5.707h-3.919c-2.617 0-4.333-1.19-6.332-2.212c-.928-.476-1.433-1.56-1.082-2.543A1.907 1.907 0 0 1 9.045 17.1l2.647.972l-3.22-7.014a2.142 2.142 0 1 1 3.896-1.78z"/><path d="M15.99 5.724q.01-.185.01-.375v-.022c.002-2.554-2.076-4.646-4.639-4.662h-.018a4.7 4.7 0 0 0-3.01 1.142A4.7 4.7 0 0 0 5.324.665h-.019C2.743.681.665 2.773.667 5.327v.022q0 .189.01.372c.244 4.937 5.2 7.902 6.744 8.708q.227.115.472.163l-1.24-2.699a4.142 4.142 0 1 1 7.536-3.442l.531 1.17c.7-1.119 1.196-2.42 1.27-3.898"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.007 12.887c2.393-.623 6.13-.753 7.449.255c.865.66 1.377 1.971 1.525 4.155c.376 5.539-1.541 5.707-5.055 5.707h-3.919c-2.617 0-4.333-1.19-6.332-2.212c-.928-.476-1.433-1.56-1.082-2.543A1.907 1.907 0 0 1 9.045 17.1l2.647.972l-3.22-7.014a2.142 2.142 0 1 1 3.896-1.78z"/><path d="M15.99 5.724q.01-.185.01-.375v-.022c.002-2.554-2.076-4.646-4.639-4.662h-.018a4.7 4.7 0 0 0-3.01 1.142A4.7 4.7 0 0 0 5.324.665h-.019C2.743.681.665 2.773.667 5.327v.022q0 .189.01.372c.244 4.937 5.2 7.902 6.744 8.708q.227.115.472.163l-1.24-2.699a4.142 4.142 0 1 1 7.536-3.442l.531 1.17c.7-1.119 1.196-2.42 1.27-3.898"/></g></svg> </template>
CSS
.icon-heart-hand-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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.007%2012.887c2.393-.623%206.13-.753%207.449.255c.865.66%201.377%201.971%201.525%204.155c.376%205.539-1.541%205.707-5.055%205.707h-3.919c-2.617%200-4.333-1.19-6.332-2.212c-.928-.476-1.433-1.56-1.082-2.543A1.907%201.907%200%200%201%209.045%2017.1l2.647.972l-3.22-7.014a2.142%202.142%200%201%201%203.896-1.78z%22%2F%3E%3Cpath%20d%3D%22M15.99%205.724q.01-.185.01-.375v-.022c.002-2.554-2.076-4.646-4.639-4.662h-.018a4.7%204.7%200%200%200-3.01%201.142A4.7%204.7%200%200%200%205.324.665h-.019C2.743.681.665%202.773.667%205.327v.022q0%20.189.01.372c.244%204.937%205.2%207.902%206.744%208.708q.227.115.472.163l-1.24-2.699a4.142%204.142%200%201%201%207.536-3.442l.531%201.17c.7-1.119%201.196-2.42%201.27-3.898%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%22currentColor%22%3E%3Cpath%20d%3D%22M14.007%2012.887c2.393-.623%206.13-.753%207.449.255c.865.66%201.377%201.971%201.525%204.155c.376%205.539-1.541%205.707-5.055%205.707h-3.919c-2.617%200-4.333-1.19-6.332-2.212c-.928-.476-1.433-1.56-1.082-2.543A1.907%201.907%200%200%201%209.045%2017.1l2.647.972l-3.22-7.014a2.142%202.142%200%201%201%203.896-1.78z%22%2F%3E%3Cpath%20d%3D%22M15.99%205.724q.01-.185.01-.375v-.022c.002-2.554-2.076-4.646-4.639-4.662h-.018a4.7%204.7%200%200%200-3.01%201.142A4.7%204.7%200%200%200%205.324.665h-.019C2.743.681.665%202.773.667%205.327v.022q0%20.189.01.372c.244%204.937%205.2%207.902%206.744%208.708q.227.115.472.163l-1.24-2.699a4.142%204.142%200%201%201%207.536-3.442l.531%201.17c.7-1.119%201.196-2.42%201.27-3.898%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/heart-hand-filled.svg?color=%231a73e8&size=48
