hand heart icon
hand-heart-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- hand-heart-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the hand heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.12 142.65a22.43 22.43 0 0 0-19.55-3.88l-4.32 1C227 119.55 238 99.51 238 80c0-25.36-20.39-46-45.46-46A45.51 45.51 0 0 0 156 52a45.51 45.51 0 0 0-36.54-18C94.39 34 74 54.64 74 80c0 11.38 3.63 22.49 11.29 34.36a29.73 29.73 0 0 0-16.56 8.43L45.52 146H16a14 14 0 0 0-14 14v40a14 14 0 0 0 14 14h104a6 6 0 0 0 1.46-.18l64-16a7 7 0 0 0 .89-.3L225.17 181l.33-.15a22.6 22.6 0 0 0 3.62-38.18ZM119.46 46a33.16 33.16 0 0 1 31 20.28a6 6 0 0 0 11.1 0a33.16 33.16 0 0 1 31-20.28C210.68 46 226 61.57 226 80c0 20.24-16.18 43-46.8 65.75l-14.87 3.42A26 26 0 0 0 140 114H99.67C90.36 101.67 86 90.81 86 80c0-18.43 15.32-34 33.46-34M14 200v-40a2 2 0 0 1 2-2h26v44H16a2 2 0 0 1-2-2m206.28-30l-38.2 16.27L119.26 202H54v-47.51l23.21-23.22A17.88 17.88 0 0 1 89.94 126H140a14 14 0 0 1 0 28h-28a6 6 0 0 0 0 12h32a6 6 0 0 0 1.34-.15l67-15.41l.24-.06a10.6 10.6 0 0 1 7.7 19.62"/></svg>
React
import type { SVGProps } from "react";
export function PhHandHeartLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.12 142.65a22.43 22.43 0 0 0-19.55-3.88l-4.32 1C227 119.55 238 99.51 238 80c0-25.36-20.39-46-45.46-46A45.51 45.51 0 0 0 156 52a45.51 45.51 0 0 0-36.54-18C94.39 34 74 54.64 74 80c0 11.38 3.63 22.49 11.29 34.36a29.73 29.73 0 0 0-16.56 8.43L45.52 146H16a14 14 0 0 0-14 14v40a14 14 0 0 0 14 14h104a6 6 0 0 0 1.46-.18l64-16a7 7 0 0 0 .89-.3L225.17 181l.33-.15a22.6 22.6 0 0 0 3.62-38.18ZM119.46 46a33.16 33.16 0 0 1 31 20.28a6 6 0 0 0 11.1 0a33.16 33.16 0 0 1 31-20.28C210.68 46 226 61.57 226 80c0 20.24-16.18 43-46.8 65.75l-14.87 3.42A26 26 0 0 0 140 114H99.67C90.36 101.67 86 90.81 86 80c0-18.43 15.32-34 33.46-34M14 200v-40a2 2 0 0 1 2-2h26v44H16a2 2 0 0 1-2-2m206.28-30l-38.2 16.27L119.26 202H54v-47.51l23.21-23.22A17.88 17.88 0 0 1 89.94 126H140a14 14 0 0 1 0 28h-28a6 6 0 0 0 0 12h32a6 6 0 0 0 1.34-.15l67-15.41l.24-.06a10.6 10.6 0 0 1 7.7 19.62"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.12 142.65a22.43 22.43 0 0 0-19.55-3.88l-4.32 1C227 119.55 238 99.51 238 80c0-25.36-20.39-46-45.46-46A45.51 45.51 0 0 0 156 52a45.51 45.51 0 0 0-36.54-18C94.39 34 74 54.64 74 80c0 11.38 3.63 22.49 11.29 34.36a29.73 29.73 0 0 0-16.56 8.43L45.52 146H16a14 14 0 0 0-14 14v40a14 14 0 0 0 14 14h104a6 6 0 0 0 1.46-.18l64-16a7 7 0 0 0 .89-.3L225.17 181l.33-.15a22.6 22.6 0 0 0 3.62-38.18ZM119.46 46a33.16 33.16 0 0 1 31 20.28a6 6 0 0 0 11.1 0a33.16 33.16 0 0 1 31-20.28C210.68 46 226 61.57 226 80c0 20.24-16.18 43-46.8 65.75l-14.87 3.42A26 26 0 0 0 140 114H99.67C90.36 101.67 86 90.81 86 80c0-18.43 15.32-34 33.46-34M14 200v-40a2 2 0 0 1 2-2h26v44H16a2 2 0 0 1-2-2m206.28-30l-38.2 16.27L119.26 202H54v-47.51l23.21-23.22A17.88 17.88 0 0 1 89.94 126H140a14 14 0 0 1 0 28h-28a6 6 0 0 0 0 12h32a6 6 0 0 0 1.34-.15l67-15.41l.24-.06a10.6 10.6 0 0 1 7.7 19.62"/></svg> </template>
CSS
.icon-hand-heart-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M229.12%20142.65a22.43%2022.43%200%200%200-19.55-3.88l-4.32%201C227%20119.55%20238%2099.51%20238%2080c0-25.36-20.39-46-45.46-46A45.51%2045.51%200%200%200%20156%2052a45.51%2045.51%200%200%200-36.54-18C94.39%2034%2074%2054.64%2074%2080c0%2011.38%203.63%2022.49%2011.29%2034.36a29.73%2029.73%200%200%200-16.56%208.43L45.52%20146H16a14%2014%200%200%200-14%2014v40a14%2014%200%200%200%2014%2014h104a6%206%200%200%200%201.46-.18l64-16a7%207%200%200%200%20.89-.3L225.17%20181l.33-.15a22.6%2022.6%200%200%200%203.62-38.18ZM119.46%2046a33.16%2033.16%200%200%201%2031%2020.28a6%206%200%200%200%2011.1%200a33.16%2033.16%200%200%201%2031-20.28C210.68%2046%20226%2061.57%20226%2080c0%2020.24-16.18%2043-46.8%2065.75l-14.87%203.42A26%2026%200%200%200%20140%20114H99.67C90.36%20101.67%2086%2090.81%2086%2080c0-18.43%2015.32-34%2033.46-34M14%20200v-40a2%202%200%200%201%202-2h26v44H16a2%202%200%200%201-2-2m206.28-30l-38.2%2016.27L119.26%20202H54v-47.51l23.21-23.22A17.88%2017.88%200%200%201%2089.94%20126H140a14%2014%200%200%201%200%2028h-28a6%206%200%200%200%200%2012h32a6%206%200%200%200%201.34-.15l67-15.41l.24-.06a10.6%2010.6%200%200%201%207.7%2019.62%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M229.12%20142.65a22.43%2022.43%200%200%200-19.55-3.88l-4.32%201C227%20119.55%20238%2099.51%20238%2080c0-25.36-20.39-46-45.46-46A45.51%2045.51%200%200%200%20156%2052a45.51%2045.51%200%200%200-36.54-18C94.39%2034%2074%2054.64%2074%2080c0%2011.38%203.63%2022.49%2011.29%2034.36a29.73%2029.73%200%200%200-16.56%208.43L45.52%20146H16a14%2014%200%200%200-14%2014v40a14%2014%200%200%200%2014%2014h104a6%206%200%200%200%201.46-.18l64-16a7%207%200%200%200%20.89-.3L225.17%20181l.33-.15a22.6%2022.6%200%200%200%203.62-38.18ZM119.46%2046a33.16%2033.16%200%200%201%2031%2020.28a6%206%200%200%200%2011.1%200a33.16%2033.16%200%200%201%2031-20.28C210.68%2046%20226%2061.57%20226%2080c0%2020.24-16.18%2043-46.8%2065.75l-14.87%203.42A26%2026%200%200%200%20140%20114H99.67C90.36%20101.67%2086%2090.81%2086%2080c0-18.43%2015.32-34%2033.46-34M14%20200v-40a2%202%200%200%201%202-2h26v44H16a2%202%200%200%201-2-2m206.28-30l-38.2%2016.27L119.26%20202H54v-47.51l23.21-23.22A17.88%2017.88%200%200%201%2089.94%20126H140a14%2014%200%200%201%200%2028h-28a6%206%200%200%200%200%2012h32a6%206%200%200%200%201.34-.15l67-15.41l.24-.06a10.6%2010.6%200%200%201%207.7%2019.62%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/hand-heart-light.svg?color=%231a73e8&size=48
