growing heart emoji

growing-heart from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
growing-heart
Set
Fluent Emoji High Contrast
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

growing-heartEmoji One (Colored)growing-heartFluent Emojigrowing-heartFluent Emoji Flatgrowing-heartNoto Emojigrowing-heartOpenMojigrowing-heartStreamline Emojisgrowing-heartTwitter Emoji

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 growing heart emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19.94 7.121c-2.23.38-3.938 2.927-3.938 2.927s-1.709-2.556-3.94-2.927c-5.506-.936-7.787 3.747-6.862 7.24c1.26 4.78 6.974 9.686 9.543 11.694c.746.584 1.77.584 2.516 0c2.57-2.011 8.284-6.92 9.544-11.694c.915-3.493-1.356-8.176-6.863-7.24m-1.445 3.963c3.502-.645 4.954 2.56 4.385 4.947c-.744 3.014-3.89 5.76-5.657 7.103a2 2 0 0 1-2.44 0c-1.769-1.342-4.918-4.088-5.656-7.103c-.588-2.386.864-5.592 4.365-4.947c1.413.266 2.502 2.008 2.502 2.008s1.079-1.752 2.501-2.008"/><path d="M9.43 2C6.126 2 3.98 3.733 2.702 5.766C1.453 7.755 1 10.07 1 11.5c0 2.432.96 4.86 2.307 7.081c1.352 2.232 3.142 4.334 4.912 6.134a56 56 0 0 0 4.894 4.4c.672.537 1.24.963 1.649 1.258q.308.221.497.348q.093.061.171.109a2 2 0 0 0 .2.1h.001c.015.006.169.07.369.07s.354-.064.369-.07h.001a1 1 0 0 0 .2-.1q.078-.048.171-.11c.125-.083.294-.2.497-.348c.41-.296.977-.723 1.65-1.26a56 56 0 0 0 4.893-4.404c1.77-1.802 3.56-3.905 4.912-6.135C30.039 16.352 31 13.927 31 11.5c0-2.125-.652-4.47-2.037-6.307C27.556 3.327 25.396 2 22.5 2c-2.365 0-4.185 1.178-5.383 2.27c-.436.396-.8.79-1.09 1.13c-.274-.339-.62-.73-1.043-1.123C13.79 3.163 11.95 2 9.43 2M3 11.5c0-1.108.374-3.043 1.396-4.67C5.39 5.247 6.957 4 9.43 4c1.854 0 3.23.845 4.191 1.74c.48.448.848.9 1.107 1.247c.102.137.183.252.254.353l.06.084c.037.052.085.12.132.177a1.1 1.1 0 0 0 .292.264a1.02 1.02 0 0 0 1.214-.109a1.4 1.4 0 0 0 .125-.126c.048-.055.099-.12.14-.174l.079-.103c.075-.097.16-.208.264-.34c.282-.352.676-.81 1.175-1.265C19.47 4.83 20.83 4 22.5 4c2.21 0 3.8.983 4.866 2.397C28.454 7.841 29 9.747 29 11.5c0 1.915-.767 3.974-2.017 6.036c-1.245 2.052-2.922 4.032-4.629 5.77a54 54 0 0 1-4.715 4.243c-.649.519-1.19.926-1.572 1.202L16 28.8l-.068-.05a42 42 0 0 1-1.57-1.198a54 54 0 0 1-4.716-4.239c-1.707-1.736-3.383-3.715-4.628-5.768C3.767 15.482 3 13.42 3 11.5"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastGrowingHeart(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19.94 7.121c-2.23.38-3.938 2.927-3.938 2.927s-1.709-2.556-3.94-2.927c-5.506-.936-7.787 3.747-6.862 7.24c1.26 4.78 6.974 9.686 9.543 11.694c.746.584 1.77.584 2.516 0c2.57-2.011 8.284-6.92 9.544-11.694c.915-3.493-1.356-8.176-6.863-7.24m-1.445 3.963c3.502-.645 4.954 2.56 4.385 4.947c-.744 3.014-3.89 5.76-5.657 7.103a2 2 0 0 1-2.44 0c-1.769-1.342-4.918-4.088-5.656-7.103c-.588-2.386.864-5.592 4.365-4.947c1.413.266 2.502 2.008 2.502 2.008s1.079-1.752 2.501-2.008"/><path d="M9.43 2C6.126 2 3.98 3.733 2.702 5.766C1.453 7.755 1 10.07 1 11.5c0 2.432.96 4.86 2.307 7.081c1.352 2.232 3.142 4.334 4.912 6.134a56 56 0 0 0 4.894 4.4c.672.537 1.24.963 1.649 1.258q.308.221.497.348q.093.061.171.109a2 2 0 0 0 .2.1h.001c.015.006.169.07.369.07s.354-.064.369-.07h.001a1 1 0 0 0 .2-.1q.078-.048.171-.11c.125-.083.294-.2.497-.348c.41-.296.977-.723 1.65-1.26a56 56 0 0 0 4.893-4.404c1.77-1.802 3.56-3.905 4.912-6.135C30.039 16.352 31 13.927 31 11.5c0-2.125-.652-4.47-2.037-6.307C27.556 3.327 25.396 2 22.5 2c-2.365 0-4.185 1.178-5.383 2.27c-.436.396-.8.79-1.09 1.13c-.274-.339-.62-.73-1.043-1.123C13.79 3.163 11.95 2 9.43 2M3 11.5c0-1.108.374-3.043 1.396-4.67C5.39 5.247 6.957 4 9.43 4c1.854 0 3.23.845 4.191 1.74c.48.448.848.9 1.107 1.247c.102.137.183.252.254.353l.06.084c.037.052.085.12.132.177a1.1 1.1 0 0 0 .292.264a1.02 1.02 0 0 0 1.214-.109a1.4 1.4 0 0 0 .125-.126c.048-.055.099-.12.14-.174l.079-.103c.075-.097.16-.208.264-.34c.282-.352.676-.81 1.175-1.265C19.47 4.83 20.83 4 22.5 4c2.21 0 3.8.983 4.866 2.397C28.454 7.841 29 9.747 29 11.5c0 1.915-.767 3.974-2.017 6.036c-1.245 2.052-2.922 4.032-4.629 5.77a54 54 0 0 1-4.715 4.243c-.649.519-1.19.926-1.572 1.202L16 28.8l-.068-.05a42 42 0 0 1-1.57-1.198a54 54 0 0 1-4.716-4.239c-1.707-1.736-3.383-3.715-4.628-5.768C3.767 15.482 3 13.42 3 11.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19.94 7.121c-2.23.38-3.938 2.927-3.938 2.927s-1.709-2.556-3.94-2.927c-5.506-.936-7.787 3.747-6.862 7.24c1.26 4.78 6.974 9.686 9.543 11.694c.746.584 1.77.584 2.516 0c2.57-2.011 8.284-6.92 9.544-11.694c.915-3.493-1.356-8.176-6.863-7.24m-1.445 3.963c3.502-.645 4.954 2.56 4.385 4.947c-.744 3.014-3.89 5.76-5.657 7.103a2 2 0 0 1-2.44 0c-1.769-1.342-4.918-4.088-5.656-7.103c-.588-2.386.864-5.592 4.365-4.947c1.413.266 2.502 2.008 2.502 2.008s1.079-1.752 2.501-2.008"/><path d="M9.43 2C6.126 2 3.98 3.733 2.702 5.766C1.453 7.755 1 10.07 1 11.5c0 2.432.96 4.86 2.307 7.081c1.352 2.232 3.142 4.334 4.912 6.134a56 56 0 0 0 4.894 4.4c.672.537 1.24.963 1.649 1.258q.308.221.497.348q.093.061.171.109a2 2 0 0 0 .2.1h.001c.015.006.169.07.369.07s.354-.064.369-.07h.001a1 1 0 0 0 .2-.1q.078-.048.171-.11c.125-.083.294-.2.497-.348c.41-.296.977-.723 1.65-1.26a56 56 0 0 0 4.893-4.404c1.77-1.802 3.56-3.905 4.912-6.135C30.039 16.352 31 13.927 31 11.5c0-2.125-.652-4.47-2.037-6.307C27.556 3.327 25.396 2 22.5 2c-2.365 0-4.185 1.178-5.383 2.27c-.436.396-.8.79-1.09 1.13c-.274-.339-.62-.73-1.043-1.123C13.79 3.163 11.95 2 9.43 2M3 11.5c0-1.108.374-3.043 1.396-4.67C5.39 5.247 6.957 4 9.43 4c1.854 0 3.23.845 4.191 1.74c.48.448.848.9 1.107 1.247c.102.137.183.252.254.353l.06.084c.037.052.085.12.132.177a1.1 1.1 0 0 0 .292.264a1.02 1.02 0 0 0 1.214-.109a1.4 1.4 0 0 0 .125-.126c.048-.055.099-.12.14-.174l.079-.103c.075-.097.16-.208.264-.34c.282-.352.676-.81 1.175-1.265C19.47 4.83 20.83 4 22.5 4c2.21 0 3.8.983 4.866 2.397C28.454 7.841 29 9.747 29 11.5c0 1.915-.767 3.974-2.017 6.036c-1.245 2.052-2.922 4.032-4.629 5.77a54 54 0 0 1-4.715 4.243c-.649.519-1.19.926-1.572 1.202L16 28.8l-.068-.05a42 42 0 0 1-1.57-1.198a54 54 0 0 1-4.716-4.239c-1.707-1.736-3.383-3.715-4.628-5.768C3.767 15.482 3 13.42 3 11.5"/></g></svg>
</template>

CSS

.icon-growing-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19.94%207.121c-2.23.38-3.938%202.927-3.938%202.927s-1.709-2.556-3.94-2.927c-5.506-.936-7.787%203.747-6.862%207.24c1.26%204.78%206.974%209.686%209.543%2011.694c.746.584%201.77.584%202.516%200c2.57-2.011%208.284-6.92%209.544-11.694c.915-3.493-1.356-8.176-6.863-7.24m-1.445%203.963c3.502-.645%204.954%202.56%204.385%204.947c-.744%203.014-3.89%205.76-5.657%207.103a2%202%200%200%201-2.44%200c-1.769-1.342-4.918-4.088-5.656-7.103c-.588-2.386.864-5.592%204.365-4.947c1.413.266%202.502%202.008%202.502%202.008s1.079-1.752%202.501-2.008%22%2F%3E%3Cpath%20d%3D%22M9.43%202C6.126%202%203.98%203.733%202.702%205.766C1.453%207.755%201%2010.07%201%2011.5c0%202.432.96%204.86%202.307%207.081c1.352%202.232%203.142%204.334%204.912%206.134a56%2056%200%200%200%204.894%204.4c.672.537%201.24.963%201.649%201.258q.308.221.497.348q.093.061.171.109a2%202%200%200%200%20.2.1h.001c.015.006.169.07.369.07s.354-.064.369-.07h.001a1%201%200%200%200%20.2-.1q.078-.048.171-.11c.125-.083.294-.2.497-.348c.41-.296.977-.723%201.65-1.26a56%2056%200%200%200%204.893-4.404c1.77-1.802%203.56-3.905%204.912-6.135C30.039%2016.352%2031%2013.927%2031%2011.5c0-2.125-.652-4.47-2.037-6.307C27.556%203.327%2025.396%202%2022.5%202c-2.365%200-4.185%201.178-5.383%202.27c-.436.396-.8.79-1.09%201.13c-.274-.339-.62-.73-1.043-1.123C13.79%203.163%2011.95%202%209.43%202M3%2011.5c0-1.108.374-3.043%201.396-4.67C5.39%205.247%206.957%204%209.43%204c1.854%200%203.23.845%204.191%201.74c.48.448.848.9%201.107%201.247c.102.137.183.252.254.353l.06.084c.037.052.085.12.132.177a1.1%201.1%200%200%200%20.292.264a1.02%201.02%200%200%200%201.214-.109a1.4%201.4%200%200%200%20.125-.126c.048-.055.099-.12.14-.174l.079-.103c.075-.097.16-.208.264-.34c.282-.352.676-.81%201.175-1.265C19.47%204.83%2020.83%204%2022.5%204c2.21%200%203.8.983%204.866%202.397C28.454%207.841%2029%209.747%2029%2011.5c0%201.915-.767%203.974-2.017%206.036c-1.245%202.052-2.922%204.032-4.629%205.77a54%2054%200%200%201-4.715%204.243c-.649.519-1.19.926-1.572%201.202L16%2028.8l-.068-.05a42%2042%200%200%201-1.57-1.198a54%2054%200%200%201-4.716-4.239c-1.707-1.736-3.383-3.715-4.628-5.768C3.767%2015.482%203%2013.42%203%2011.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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19.94%207.121c-2.23.38-3.938%202.927-3.938%202.927s-1.709-2.556-3.94-2.927c-5.506-.936-7.787%203.747-6.862%207.24c1.26%204.78%206.974%209.686%209.543%2011.694c.746.584%201.77.584%202.516%200c2.57-2.011%208.284-6.92%209.544-11.694c.915-3.493-1.356-8.176-6.863-7.24m-1.445%203.963c3.502-.645%204.954%202.56%204.385%204.947c-.744%203.014-3.89%205.76-5.657%207.103a2%202%200%200%201-2.44%200c-1.769-1.342-4.918-4.088-5.656-7.103c-.588-2.386.864-5.592%204.365-4.947c1.413.266%202.502%202.008%202.502%202.008s1.079-1.752%202.501-2.008%22%2F%3E%3Cpath%20d%3D%22M9.43%202C6.126%202%203.98%203.733%202.702%205.766C1.453%207.755%201%2010.07%201%2011.5c0%202.432.96%204.86%202.307%207.081c1.352%202.232%203.142%204.334%204.912%206.134a56%2056%200%200%200%204.894%204.4c.672.537%201.24.963%201.649%201.258q.308.221.497.348q.093.061.171.109a2%202%200%200%200%20.2.1h.001c.015.006.169.07.369.07s.354-.064.369-.07h.001a1%201%200%200%200%20.2-.1q.078-.048.171-.11c.125-.083.294-.2.497-.348c.41-.296.977-.723%201.65-1.26a56%2056%200%200%200%204.893-4.404c1.77-1.802%203.56-3.905%204.912-6.135C30.039%2016.352%2031%2013.927%2031%2011.5c0-2.125-.652-4.47-2.037-6.307C27.556%203.327%2025.396%202%2022.5%202c-2.365%200-4.185%201.178-5.383%202.27c-.436.396-.8.79-1.09%201.13c-.274-.339-.62-.73-1.043-1.123C13.79%203.163%2011.95%202%209.43%202M3%2011.5c0-1.108.374-3.043%201.396-4.67C5.39%205.247%206.957%204%209.43%204c1.854%200%203.23.845%204.191%201.74c.48.448.848.9%201.107%201.247c.102.137.183.252.254.353l.06.084c.037.052.085.12.132.177a1.1%201.1%200%200%200%20.292.264a1.02%201.02%200%200%200%201.214-.109a1.4%201.4%200%200%200%20.125-.126c.048-.055.099-.12.14-.174l.079-.103c.075-.097.16-.208.264-.34c.282-.352.676-.81%201.175-1.265C19.47%204.83%2020.83%204%2022.5%204c2.21%200%203.8.983%204.866%202.397C28.454%207.841%2029%209.747%2029%2011.5c0%201.915-.767%203.974-2.017%206.036c-1.245%202.052-2.922%204.032-4.629%205.77a54%2054%200%200%201-4.715%204.243c-.649.519-1.19.926-1.572%201.202L16%2028.8l-.068-.05a42%2042%200%200%201-1.57-1.198a54%2054%200%200%201-4.716-4.239c-1.707-1.736-3.383-3.715-4.628-5.768C3.767%2015.482%203%2013.42%203%2011.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/fluent-emoji-high-contrast/growing-heart.svg?color=%231a73e8&size=48