hand holding heart icon
hand-holding-heart from Line Awesome by Icons8 · Line · Hands · Apache-2.0 Free for personal and commercial use.
- Name
- hand-holding-heart
- Set
- Line Awesome
- Style
- Line
- Category
- Hands
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- hand-holding-heart-solid
The same icon in other sets
More hands icons from Line Awesome
hand-holdinghand-holding-usdhand-lizardhand-lizard-solidhand-middle-fingerhand-paperhand-paper-solidhand-peacehand-peace-solidhand-point-downhand-point-down-solidhand-point-lefthand-point-left-solidhand-point-righthand-point-right-solidhand-point-uphand-point-up-solidhand-pointerhand-pointer-solidhand-rockhand-rock-solidhand-scissorshand-scissors-solidhand-spock
Use the hand holding heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 3A3.5 3.5 0 0 0 11 6.5c0 3.5 6 6.5 6 6.5s6-3 6-6.5A3.5 3.5 0 0 0 19.5 3c-.981 0-1.865.407-2.5 1.057A3.5 3.5 0 0 0 14.5 3m0 2c.404 0 .784.16 1.07.453l.534.547h1.792l.534-.547A1.5 1.5 0 0 1 19.5 5c.827 0 1.5.673 1.5 1.5c0 1.261-2.106 3.076-4 4.215c-1.895-1.14-4-2.954-4-4.215c0-.827.673-1.5 1.5-1.5m4.719 8.979l-1.637 1.148l2.61 3.723l-3.602 2.494l-2.543-1.317l2.7-1.359l.01-.008l.01-.006a2.506 2.506 0 0 0 1.135-2.845v-.002A2.515 2.515 0 0 0 14.81 14.1h-.002l-7.112 1.982l-4.707 3.234l1.895 7.721l5.045-1.822l7.146 3.7l11.87-8.218l-1.137-1.644l-10.881 7.533l-6.854-3.55L6.295 24.4l-1.033-4.216l3.293-2.266l6.802-1.897h.004a.485.485 0 0 1 .62.342a.49.49 0 0 1-.225.565l-4.358 2.193l-1.75.879l7.092 3.674l6.244-4.324z"/></svg>
React
import type { SVGProps } from "react";
export function LaHandHoldingHeart(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="M14.5 3A3.5 3.5 0 0 0 11 6.5c0 3.5 6 6.5 6 6.5s6-3 6-6.5A3.5 3.5 0 0 0 19.5 3c-.981 0-1.865.407-2.5 1.057A3.5 3.5 0 0 0 14.5 3m0 2c.404 0 .784.16 1.07.453l.534.547h1.792l.534-.547A1.5 1.5 0 0 1 19.5 5c.827 0 1.5.673 1.5 1.5c0 1.261-2.106 3.076-4 4.215c-1.895-1.14-4-2.954-4-4.215c0-.827.673-1.5 1.5-1.5m4.719 8.979l-1.637 1.148l2.61 3.723l-3.602 2.494l-2.543-1.317l2.7-1.359l.01-.008l.01-.006a2.506 2.506 0 0 0 1.135-2.845v-.002A2.515 2.515 0 0 0 14.81 14.1h-.002l-7.112 1.982l-4.707 3.234l1.895 7.721l5.045-1.822l7.146 3.7l11.87-8.218l-1.137-1.644l-10.881 7.533l-6.854-3.55L6.295 24.4l-1.033-4.216l3.293-2.266l6.802-1.897h.004a.485.485 0 0 1 .62.342a.49.49 0 0 1-.225.565l-4.358 2.193l-1.75.879l7.092 3.674l6.244-4.324z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 3A3.5 3.5 0 0 0 11 6.5c0 3.5 6 6.5 6 6.5s6-3 6-6.5A3.5 3.5 0 0 0 19.5 3c-.981 0-1.865.407-2.5 1.057A3.5 3.5 0 0 0 14.5 3m0 2c.404 0 .784.16 1.07.453l.534.547h1.792l.534-.547A1.5 1.5 0 0 1 19.5 5c.827 0 1.5.673 1.5 1.5c0 1.261-2.106 3.076-4 4.215c-1.895-1.14-4-2.954-4-4.215c0-.827.673-1.5 1.5-1.5m4.719 8.979l-1.637 1.148l2.61 3.723l-3.602 2.494l-2.543-1.317l2.7-1.359l.01-.008l.01-.006a2.506 2.506 0 0 0 1.135-2.845v-.002A2.515 2.515 0 0 0 14.81 14.1h-.002l-7.112 1.982l-4.707 3.234l1.895 7.721l5.045-1.822l7.146 3.7l11.87-8.218l-1.137-1.644l-10.881 7.533l-6.854-3.55L6.295 24.4l-1.033-4.216l3.293-2.266l6.802-1.897h.004a.485.485 0 0 1 .62.342a.49.49 0 0 1-.225.565l-4.358 2.193l-1.75.879l7.092 3.674l6.244-4.324z"/></svg> </template>
CSS
.icon-hand-holding-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%203A3.5%203.5%200%200%200%2011%206.5c0%203.5%206%206.5%206%206.5s6-3%206-6.5A3.5%203.5%200%200%200%2019.5%203c-.981%200-1.865.407-2.5%201.057A3.5%203.5%200%200%200%2014.5%203m0%202c.404%200%20.784.16%201.07.453l.534.547h1.792l.534-.547A1.5%201.5%200%200%201%2019.5%205c.827%200%201.5.673%201.5%201.5c0%201.261-2.106%203.076-4%204.215c-1.895-1.14-4-2.954-4-4.215c0-.827.673-1.5%201.5-1.5m4.719%208.979l-1.637%201.148l2.61%203.723l-3.602%202.494l-2.543-1.317l2.7-1.359l.01-.008l.01-.006a2.506%202.506%200%200%200%201.135-2.845v-.002A2.515%202.515%200%200%200%2014.81%2014.1h-.002l-7.112%201.982l-4.707%203.234l1.895%207.721l5.045-1.822l7.146%203.7l11.87-8.218l-1.137-1.644l-10.881%207.533l-6.854-3.55L6.295%2024.4l-1.033-4.216l3.293-2.266l6.802-1.897h.004a.485.485%200%200%201%20.62.342a.49.49%200%200%201-.225.565l-4.358%202.193l-1.75.879l7.092%203.674l6.244-4.324z%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%22M14.5%203A3.5%203.5%200%200%200%2011%206.5c0%203.5%206%206.5%206%206.5s6-3%206-6.5A3.5%203.5%200%200%200%2019.5%203c-.981%200-1.865.407-2.5%201.057A3.5%203.5%200%200%200%2014.5%203m0%202c.404%200%20.784.16%201.07.453l.534.547h1.792l.534-.547A1.5%201.5%200%200%201%2019.5%205c.827%200%201.5.673%201.5%201.5c0%201.261-2.106%203.076-4%204.215c-1.895-1.14-4-2.954-4-4.215c0-.827.673-1.5%201.5-1.5m4.719%208.979l-1.637%201.148l2.61%203.723l-3.602%202.494l-2.543-1.317l2.7-1.359l.01-.008l.01-.006a2.506%202.506%200%200%200%201.135-2.845v-.002A2.515%202.515%200%200%200%2014.81%2014.1h-.002l-7.112%201.982l-4.707%203.234l1.895%207.721l5.045-1.822l7.146%203.7l11.87-8.218l-1.137-1.644l-10.881%207.533l-6.854-3.55L6.295%2024.4l-1.033-4.216l3.293-2.266l6.802-1.897h.004a.485.485%200%200%201%20.62.342a.49.49%200%200%201-.225.565l-4.358%202.193l-1.75.879l7.092%203.674l6.244-4.324z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/hand-holding-heart.svg?color=%231a73e8&size=48
