mending heart emoji
mending-heart from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.
- Name
- mending-heart
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More smileys & emotion icons from Fluent Emoji High Contrast
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat
Use the mending heart emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.156 4.175C7.3 3.497 4.437 4.86 2.747 7.14C1.101 9.362.63 12.365 1.284 14.93c.913 3.59 3.503 6.97 6.133 9.66c2.65 2.713 5.45 4.834 6.938 5.893c.99.704 2.3.703 3.29 0c1.487-1.06 4.284-3.18 6.934-5.893c2.629-2.691 5.22-6.071 6.136-9.66c.655-2.564.184-5.568-1.463-7.79c-1.69-2.28-4.551-3.643-8.409-2.965C18.65 4.559 16.9 6.307 16 7.37c-.9-1.063-2.649-2.811-4.844-3.195M3.082 11.5c.169-1.146.595-2.254 1.272-3.168C5.57 6.69 7.66 5.59 10.81 6.145c1.494.26 2.878 1.574 3.724 2.59c.748.897 2.184.897 2.932 0c.846-1.016 2.23-2.329 3.723-2.59c2.463-.434 4.28.145 5.535 1.203L17.382 11.5zm1.27 5.79c-.497-.942-.886-1.898-1.13-2.853v-.002a7.4 7.4 0 0 1-.221-1.935h12.13zm3.608 4.963c-1.175-1.288-2.256-2.667-3.113-4.088L27.473 8.109q.09.11.173.223c.952 1.285 1.408 2.956 1.349 4.572zm.725.773l7.932-3.526h9.654c-.918 1.293-1.994 2.537-3.123 3.692c-2.534 2.595-5.227 4.638-6.664 5.662a.825.825 0 0 1-.969 0c-1.438-1.024-4.133-3.066-6.668-5.661zm20.178-8.968a7 7 0 0 1-.086.377c-.35 1.369-.998 2.737-1.835 4.065h-8.075z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastMendingHeart(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="M11.156 4.175C7.3 3.497 4.437 4.86 2.747 7.14C1.101 9.362.63 12.365 1.284 14.93c.913 3.59 3.503 6.97 6.133 9.66c2.65 2.713 5.45 4.834 6.938 5.893c.99.704 2.3.703 3.29 0c1.487-1.06 4.284-3.18 6.934-5.893c2.629-2.691 5.22-6.071 6.136-9.66c.655-2.564.184-5.568-1.463-7.79c-1.69-2.28-4.551-3.643-8.409-2.965C18.65 4.559 16.9 6.307 16 7.37c-.9-1.063-2.649-2.811-4.844-3.195M3.082 11.5c.169-1.146.595-2.254 1.272-3.168C5.57 6.69 7.66 5.59 10.81 6.145c1.494.26 2.878 1.574 3.724 2.59c.748.897 2.184.897 2.932 0c.846-1.016 2.23-2.329 3.723-2.59c2.463-.434 4.28.145 5.535 1.203L17.382 11.5zm1.27 5.79c-.497-.942-.886-1.898-1.13-2.853v-.002a7.4 7.4 0 0 1-.221-1.935h12.13zm3.608 4.963c-1.175-1.288-2.256-2.667-3.113-4.088L27.473 8.109q.09.11.173.223c.952 1.285 1.408 2.956 1.349 4.572zm.725.773l7.932-3.526h9.654c-.918 1.293-1.994 2.537-3.123 3.692c-2.534 2.595-5.227 4.638-6.664 5.662a.825.825 0 0 1-.969 0c-1.438-1.024-4.133-3.066-6.668-5.661zm20.178-8.968a7 7 0 0 1-.086.377c-.35 1.369-.998 2.737-1.835 4.065h-8.075z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.156 4.175C7.3 3.497 4.437 4.86 2.747 7.14C1.101 9.362.63 12.365 1.284 14.93c.913 3.59 3.503 6.97 6.133 9.66c2.65 2.713 5.45 4.834 6.938 5.893c.99.704 2.3.703 3.29 0c1.487-1.06 4.284-3.18 6.934-5.893c2.629-2.691 5.22-6.071 6.136-9.66c.655-2.564.184-5.568-1.463-7.79c-1.69-2.28-4.551-3.643-8.409-2.965C18.65 4.559 16.9 6.307 16 7.37c-.9-1.063-2.649-2.811-4.844-3.195M3.082 11.5c.169-1.146.595-2.254 1.272-3.168C5.57 6.69 7.66 5.59 10.81 6.145c1.494.26 2.878 1.574 3.724 2.59c.748.897 2.184.897 2.932 0c.846-1.016 2.23-2.329 3.723-2.59c2.463-.434 4.28.145 5.535 1.203L17.382 11.5zm1.27 5.79c-.497-.942-.886-1.898-1.13-2.853v-.002a7.4 7.4 0 0 1-.221-1.935h12.13zm3.608 4.963c-1.175-1.288-2.256-2.667-3.113-4.088L27.473 8.109q.09.11.173.223c.952 1.285 1.408 2.956 1.349 4.572zm.725.773l7.932-3.526h9.654c-.918 1.293-1.994 2.537-3.123 3.692c-2.534 2.595-5.227 4.638-6.664 5.662a.825.825 0 0 1-.969 0c-1.438-1.024-4.133-3.066-6.668-5.661zm20.178-8.968a7 7 0 0 1-.086.377c-.35 1.369-.998 2.737-1.835 4.065h-8.075z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.156%204.175C7.3%203.497%204.437%204.86%202.747%207.14C1.101%209.362.63%2012.365%201.284%2014.93c.913%203.59%203.503%206.97%206.133%209.66c2.65%202.713%205.45%204.834%206.938%205.893c.99.704%202.3.703%203.29%200c1.487-1.06%204.284-3.18%206.934-5.893c2.629-2.691%205.22-6.071%206.136-9.66c.655-2.564.184-5.568-1.463-7.79c-1.69-2.28-4.551-3.643-8.409-2.965C18.65%204.559%2016.9%206.307%2016%207.37c-.9-1.063-2.649-2.811-4.844-3.195M3.082%2011.5c.169-1.146.595-2.254%201.272-3.168C5.57%206.69%207.66%205.59%2010.81%206.145c1.494.26%202.878%201.574%203.724%202.59c.748.897%202.184.897%202.932%200c.846-1.016%202.23-2.329%203.723-2.59c2.463-.434%204.28.145%205.535%201.203L17.382%2011.5zm1.27%205.79c-.497-.942-.886-1.898-1.13-2.853v-.002a7.4%207.4%200%200%201-.221-1.935h12.13zm3.608%204.963c-1.175-1.288-2.256-2.667-3.113-4.088L27.473%208.109q.09.11.173.223c.952%201.285%201.408%202.956%201.349%204.572zm.725.773l7.932-3.526h9.654c-.918%201.293-1.994%202.537-3.123%203.692c-2.534%202.595-5.227%204.638-6.664%205.662a.825.825%200%200%201-.969%200c-1.438-1.024-4.133-3.066-6.668-5.661zm20.178-8.968a7%207%200%200%201-.086.377c-.35%201.369-.998%202.737-1.835%204.065h-8.075z%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%22M11.156%204.175C7.3%203.497%204.437%204.86%202.747%207.14C1.101%209.362.63%2012.365%201.284%2014.93c.913%203.59%203.503%206.97%206.133%209.66c2.65%202.713%205.45%204.834%206.938%205.893c.99.704%202.3.703%203.29%200c1.487-1.06%204.284-3.18%206.934-5.893c2.629-2.691%205.22-6.071%206.136-9.66c.655-2.564.184-5.568-1.463-7.79c-1.69-2.28-4.551-3.643-8.409-2.965C18.65%204.559%2016.9%206.307%2016%207.37c-.9-1.063-2.649-2.811-4.844-3.195M3.082%2011.5c.169-1.146.595-2.254%201.272-3.168C5.57%206.69%207.66%205.59%2010.81%206.145c1.494.26%202.878%201.574%203.724%202.59c.748.897%202.184.897%202.932%200c.846-1.016%202.23-2.329%203.723-2.59c2.463-.434%204.28.145%205.535%201.203L17.382%2011.5zm1.27%205.79c-.497-.942-.886-1.898-1.13-2.853v-.002a7.4%207.4%200%200%201-.221-1.935h12.13zm3.608%204.963c-1.175-1.288-2.256-2.667-3.113-4.088L27.473%208.109q.09.11.173.223c.952%201.285%201.408%202.956%201.349%204.572zm.725.773l7.932-3.526h9.654c-.918%201.293-1.994%202.537-3.123%203.692c-2.534%202.595-5.227%204.638-6.664%205.662a.825.825%200%200%201-.969%200c-1.438-1.024-4.133-3.066-6.668-5.661zm20.178-8.968a7%207%200%200%201-.086.377c-.35%201.369-.998%202.737-1.835%204.065h-8.075z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/mending-heart.svg?color=%231a73e8&size=48
