hand heart icon

hand-heart-duotone from Reicon by REICON · Duotone · Hands · MIT Free for personal and commercial use.

Name: hand-heart-duotone
Set: Reicon
Style: Duotone
Category: Hands
Viewbox: 24×24
License: MIT

2 other variants in Reicon

The same icon in other sets

hand-heartHuge Icons hand-heartKeyline Icons hand-heartLucide hand-heartMaterial Design Icons hand-heart-fillMingCute Icon hand-heartPhosphor hand-heart-fillRemix Icon hand-heart-boldSolar

More hands icons from Reicon

hand-dollar hand-money hand-pills hand-stars handshake

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="currentColor"><path d="M7 4.83c0 1.547 1.726 3.178 3.15 4.26c.799.606 1.198.91 1.85.91s1.051-.304 1.85-.91C15.274 8.007 17 6.376 17 4.83c0-2.79-2.75-3.833-5-1.677C9.75.997 7 2.039 7 4.829"/><path d="M6.26 21.388H6c-.943 0-1.414 0-1.707-.293C4 20.804 4 20.332 4 19.389v-1.112c0-.518 0-.777.133-1.009s.334-.348.736-.582c2.646-1.539 6.403-2.405 8.91-.91q.253.151.45.368a1.49 1.49 0 0 1-.126 2.134a1 1 0 0 1-.427.24q.18-.021.345-.047c.911-.145 1.676-.633 2.376-1.162l1.808-1.365a1.89 1.89 0 0 1 2.22 0c.573.433.749 1.146.386 1.728c-.423.678-1.019 1.545-1.591 2.075s-1.426 1.004-2.122 1.34c-.772.373-1.624.587-2.491.728c-1.758.284-3.59.24-5.33-.118a15 15 0 0 0-3.017-.308" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconHandHeartDuotone(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="M7 4.83c0 1.547 1.726 3.178 3.15 4.26c.799.606 1.198.91 1.85.91s1.051-.304 1.85-.91C15.274 8.007 17 6.376 17 4.83c0-2.79-2.75-3.833-5-1.677C9.75.997 7 2.039 7 4.829"/><path d="M6.26 21.388H6c-.943 0-1.414 0-1.707-.293C4 20.804 4 20.332 4 19.389v-1.112c0-.518 0-.777.133-1.009s.334-.348.736-.582c2.646-1.539 6.403-2.405 8.91-.91q.253.151.45.368a1.49 1.49 0 0 1-.126 2.134a1 1 0 0 1-.427.24q.18-.021.345-.047c.911-.145 1.676-.633 2.376-1.162l1.808-1.365a1.89 1.89 0 0 1 2.22 0c.573.433.749 1.146.386 1.728c-.423.678-1.019 1.545-1.591 2.075s-1.426 1.004-2.122 1.34c-.772.373-1.624.587-2.491.728c-1.758.284-3.59.24-5.33-.118a15 15 0 0 0-3.017-.308" opacity=".5"/></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="M7 4.83c0 1.547 1.726 3.178 3.15 4.26c.799.606 1.198.91 1.85.91s1.051-.304 1.85-.91C15.274 8.007 17 6.376 17 4.83c0-2.79-2.75-3.833-5-1.677C9.75.997 7 2.039 7 4.829"/><path d="M6.26 21.388H6c-.943 0-1.414 0-1.707-.293C4 20.804 4 20.332 4 19.389v-1.112c0-.518 0-.777.133-1.009s.334-.348.736-.582c2.646-1.539 6.403-2.405 8.91-.91q.253.151.45.368a1.49 1.49 0 0 1-.126 2.134a1 1 0 0 1-.427.24q.18-.021.345-.047c.911-.145 1.676-.633 2.376-1.162l1.808-1.365a1.89 1.89 0 0 1 2.22 0c.573.433.749 1.146.386 1.728c-.423.678-1.019 1.545-1.591 2.075s-1.426 1.004-2.122 1.34c-.772.373-1.624.587-2.491.728c-1.758.284-3.59.24-5.33-.118a15 15 0 0 0-3.017-.308" opacity=".5"/></g></svg>
</template>

CSS

.icon-hand-heart-duotone {
  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%22M7%204.83c0%201.547%201.726%203.178%203.15%204.26c.799.606%201.198.91%201.85.91s1.051-.304%201.85-.91C15.274%208.007%2017%206.376%2017%204.83c0-2.79-2.75-3.833-5-1.677C9.75.997%207%202.039%207%204.829%22%2F%3E%3Cpath%20d%3D%22M6.26%2021.388H6c-.943%200-1.414%200-1.707-.293C4%2020.804%204%2020.332%204%2019.389v-1.112c0-.518%200-.777.133-1.009s.334-.348.736-.582c2.646-1.539%206.403-2.405%208.91-.91q.253.151.45.368a1.49%201.49%200%200%201-.126%202.134a1%201%200%200%201-.427.24q.18-.021.345-.047c.911-.145%201.676-.633%202.376-1.162l1.808-1.365a1.89%201.89%200%200%201%202.22%200c.573.433.749%201.146.386%201.728c-.423.678-1.019%201.545-1.591%202.075s-1.426%201.004-2.122%201.34c-.772.373-1.624.587-2.491.728c-1.758.284-3.59.24-5.33-.118a15%2015%200%200%200-3.017-.308%22%20opacity%3D%22.5%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%22M7%204.83c0%201.547%201.726%203.178%203.15%204.26c.799.606%201.198.91%201.85.91s1.051-.304%201.85-.91C15.274%208.007%2017%206.376%2017%204.83c0-2.79-2.75-3.833-5-1.677C9.75.997%207%202.039%207%204.829%22%2F%3E%3Cpath%20d%3D%22M6.26%2021.388H6c-.943%200-1.414%200-1.707-.293C4%2020.804%204%2020.332%204%2019.389v-1.112c0-.518%200-.777.133-1.009s.334-.348.736-.582c2.646-1.539%206.403-2.405%208.91-.91q.253.151.45.368a1.49%201.49%200%200%201-.126%202.134a1%201%200%200%201-.427.24q.18-.021.345-.047c.911-.145%201.676-.633%202.376-1.162l1.808-1.365a1.89%201.89%200%200%201%202.22%200c.573.433.749%201.146.386%201.728c-.423.678-1.019%201.545-1.591%202.075s-1.426%201.004-2.122%201.34c-.772.373-1.624.587-2.491.728c-1.758.284-3.59.24-5.33-.118a15%2015%200%200%200-3.017-.308%22%20opacity%3D%22.5%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/hand-heart-duotone.svg?color=%231a73e8&size=48