mending heart emoji
mending-heart from OpenMoji by OpenMoji · Default · Smileys Emotion · CC-BY-SA-4.0 Attribution required.
- Name
- mending-heart
- Set
- OpenMoji
- Style
- Default
- Category
- Smileys Emotion
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More smileys emotion icons from OpenMoji
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecracking-facecrying-cat
Use the mending heart emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ea5a47" d="M60.335 26.421A12.945 12.945 0 0 0 36 20.27a12.945 12.945 0 0 0-24.335 6.151c0 3.076 1 6.69 2.383 8.369c5.541 6.73 21.083 25.915 21.083 25.915l1.683-.12l20.841-25.498a14.32 14.32 0 0 0 2.68-8.666"/><path fill="#fff" d="M11 26.362s.226 8.234 9.287 16.981l22.381-9.396l16.547-1.585s4.625-10.743-3.142-16.685l-18.792 7.279Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="2" d="M24.187 45.693L36 60.335l19.377-24.016m-4.911-21.536A12 12 0 0 0 47 14.295a12.5 12.5 0 0 0-11 6.56a12.5 12.5 0 0 0-11-6.56c-5.583 0-9.99 2.77-11.595 7.822"/><path stroke-width="2.066" d="m42.668 33.947l15.558-1.49a1.85 1.85 0 0 0 1.496-1.035a12.4 12.4 0 0 0 1.268-5.167M40.712 22.51l-28.21 3.657a1.673 1.673 0 0 0-1.456 1.817a12.94 12.94 0 0 0 2.515 6.605"/><path stroke-width="2.166" d="M15.157 33.88L54.98 16.163a1.85 1.85 0 0 1 2.063.373a13.2 13.2 0 0 1 3.93 8.37a1.87 1.87 0 0 1-1.15 1.838l-38.21 16.042a1.864 1.864 0 0 1-2.2-.583l-4.787-6.23a1.376 1.376 0 0 1 .532-2.095"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiMendingHeart(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ea5a47" d="M60.335 26.421A12.945 12.945 0 0 0 36 20.27a12.945 12.945 0 0 0-24.335 6.151c0 3.076 1 6.69 2.383 8.369c5.541 6.73 21.083 25.915 21.083 25.915l1.683-.12l20.841-25.498a14.32 14.32 0 0 0 2.68-8.666"/><path fill="#fff" d="M11 26.362s.226 8.234 9.287 16.981l22.381-9.396l16.547-1.585s4.625-10.743-3.142-16.685l-18.792 7.279Z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round"><path strokeWidth="2" d="M24.187 45.693L36 60.335l19.377-24.016m-4.911-21.536A12 12 0 0 0 47 14.295a12.5 12.5 0 0 0-11 6.56a12.5 12.5 0 0 0-11-6.56c-5.583 0-9.99 2.77-11.595 7.822"/><path strokeWidth="2.066" d="m42.668 33.947l15.558-1.49a1.85 1.85 0 0 0 1.496-1.035a12.4 12.4 0 0 0 1.268-5.167M40.712 22.51l-28.21 3.657a1.673 1.673 0 0 0-1.456 1.817a12.94 12.94 0 0 0 2.515 6.605"/><path strokeWidth="2.166" d="M15.157 33.88L54.98 16.163a1.85 1.85 0 0 1 2.063.373a13.2 13.2 0 0 1 3.93 8.37a1.87 1.87 0 0 1-1.15 1.838l-38.21 16.042a1.864 1.864 0 0 1-2.2-.583l-4.787-6.23a1.376 1.376 0 0 1 .532-2.095"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ea5a47" d="M60.335 26.421A12.945 12.945 0 0 0 36 20.27a12.945 12.945 0 0 0-24.335 6.151c0 3.076 1 6.69 2.383 8.369c5.541 6.73 21.083 25.915 21.083 25.915l1.683-.12l20.841-25.498a14.32 14.32 0 0 0 2.68-8.666"/><path fill="#fff" d="M11 26.362s.226 8.234 9.287 16.981l22.381-9.396l16.547-1.585s4.625-10.743-3.142-16.685l-18.792 7.279Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="2" d="M24.187 45.693L36 60.335l19.377-24.016m-4.911-21.536A12 12 0 0 0 47 14.295a12.5 12.5 0 0 0-11 6.56a12.5 12.5 0 0 0-11-6.56c-5.583 0-9.99 2.77-11.595 7.822"/><path stroke-width="2.066" d="m42.668 33.947l15.558-1.49a1.85 1.85 0 0 0 1.496-1.035a12.4 12.4 0 0 0 1.268-5.167M40.712 22.51l-28.21 3.657a1.673 1.673 0 0 0-1.456 1.817a12.94 12.94 0 0 0 2.515 6.605"/><path stroke-width="2.166" d="M15.157 33.88L54.98 16.163a1.85 1.85 0 0 1 2.063.373a13.2 13.2 0 0 1 3.93 8.37a1.87 1.87 0 0 1-1.15 1.838l-38.21 16.042a1.864 1.864 0 0 1-2.2-.583l-4.787-6.23a1.376 1.376 0 0 1 .532-2.095"/></g></svg> </template>
CSS
.icon-mending-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%2072%2072%22%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M60.335%2026.421A12.945%2012.945%200%200%200%2036%2020.27a12.945%2012.945%200%200%200-24.335%206.151c0%203.076%201%206.69%202.383%208.369c5.541%206.73%2021.083%2025.915%2021.083%2025.915l1.683-.12l20.841-25.498a14.32%2014.32%200%200%200%202.68-8.666%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11%2026.362s.226%208.234%209.287%2016.981l22.381-9.396l16.547-1.585s4.625-10.743-3.142-16.685l-18.792%207.279Z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%222%22%20d%3D%22M24.187%2045.693L36%2060.335l19.377-24.016m-4.911-21.536A12%2012%200%200%200%2047%2014.295a12.5%2012.5%200%200%200-11%206.56a12.5%2012.5%200%200%200-11-6.56c-5.583%200-9.99%202.77-11.595%207.822%22%2F%3E%3Cpath%20stroke-width%3D%222.066%22%20d%3D%22m42.668%2033.947l15.558-1.49a1.85%201.85%200%200%200%201.496-1.035a12.4%2012.4%200%200%200%201.268-5.167M40.712%2022.51l-28.21%203.657a1.673%201.673%200%200%200-1.456%201.817a12.94%2012.94%200%200%200%202.515%206.605%22%2F%3E%3Cpath%20stroke-width%3D%222.166%22%20d%3D%22M15.157%2033.88L54.98%2016.163a1.85%201.85%200%200%201%202.063.373a13.2%2013.2%200%200%201%203.93%208.37a1.87%201.87%200%200%201-1.15%201.838l-38.21%2016.042a1.864%201.864%200%200%201-2.2-.583l-4.787-6.23a1.376%201.376%200%200%201%20.532-2.095%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M60.335%2026.421A12.945%2012.945%200%200%200%2036%2020.27a12.945%2012.945%200%200%200-24.335%206.151c0%203.076%201%206.69%202.383%208.369c5.541%206.73%2021.083%2025.915%2021.083%2025.915l1.683-.12l20.841-25.498a14.32%2014.32%200%200%200%202.68-8.666%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11%2026.362s.226%208.234%209.287%2016.981l22.381-9.396l16.547-1.585s4.625-10.743-3.142-16.685l-18.792%207.279Z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%222%22%20d%3D%22M24.187%2045.693L36%2060.335l19.377-24.016m-4.911-21.536A12%2012%200%200%200%2047%2014.295a12.5%2012.5%200%200%200-11%206.56a12.5%2012.5%200%200%200-11-6.56c-5.583%200-9.99%202.77-11.595%207.822%22%2F%3E%3Cpath%20stroke-width%3D%222.066%22%20d%3D%22m42.668%2033.947l15.558-1.49a1.85%201.85%200%200%200%201.496-1.035a12.4%2012.4%200%200%200%201.268-5.167M40.712%2022.51l-28.21%203.657a1.673%201.673%200%200%200-1.456%201.817a12.94%2012.94%200%200%200%202.515%206.605%22%2F%3E%3Cpath%20stroke-width%3D%222.166%22%20d%3D%22M15.157%2033.88L54.98%2016.163a1.85%201.85%200%200%201%202.063.373a13.2%2013.2%200%200%201%203.93%208.37a1.87%201.87%200%200%201-1.15%201.838l-38.21%2016.042a1.864%201.864%200%200%201-2.2-.583l-4.787-6.23a1.376%201.376%200%200%201%20.532-2.095%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/mending-heart.svg?color=%231a73e8&size=48
