growingheart emoji

growingheart from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.

Name
growingheart
Set
Firefox OS Emoji
Style
Default
Category
People
Viewbox
72×72
License
Apache 2.0

More people icons from Firefox OS Emoji

2heartsalienangerangryanguishaokastonishedbabybabyangelbeating-heartbikiniblackdownpointingbackhandblackleftpointingbackhandblackmissingsmileyblackrightpointingbackhandblackuppointingbackhandblondebootbowbowingboybridebriefcasebrokenheart

Use the growingheart emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FFA9BA" d="M67 18.7c-7.6-8.9-20.9-9.4-29-1.3c-1.1 1.1-2.9 1.1-4 0c-7.7-7.7-20.1-7.7-27.9-.1c-6.6 6.5-7.6 17-2.6 24.8c1.6 2.4 3.6 4.3 5.7 5.7l25.3 20.5c.9.7 2.2.7 3.1 0l25.2-20.5c2.1-1.4 4-3.2 5.6-5.6c4.8-7.1 4.2-16.9-1.4-23.5"/><path fill="#FF6E83" d="M60.2 23.4c-5.9-7-16.3-7.3-22.6-1c-.9.9-2.3.9-3.1 0c-6-6-15.7-6-21.7 0c-5.1 5.1-6 13.3-2 19.3c1.2 1.9 2.8 3.4 4.5 4.5l19.8 16c.7.6 1.7.6 2.4 0l19.6-16c1.6-1.1 3.1-2.5 4.3-4.3c3.6-5.7 3.2-13.3-1.2-18.5"/><path fill="#FF473E" d="M50.7 30c-3.6-4.2-9.9-4.4-13.8-.6c-.5.5-1.4.5-1.9 0c-3.7-3.7-9.6-3.7-13.2 0c-3.1 3.1-3.6 8.1-1.2 11.8c.8 1.2 1.7 2 2.7 2.7l12 9.7c.4.3 1 .3 1.5 0l12-9.8c1-.7 1.9-1.5 2.6-2.6c2.3-3.4 2-8-.7-11.2"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiGrowingheart(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FFA9BA" d="M67 18.7c-7.6-8.9-20.9-9.4-29-1.3c-1.1 1.1-2.9 1.1-4 0c-7.7-7.7-20.1-7.7-27.9-.1c-6.6 6.5-7.6 17-2.6 24.8c1.6 2.4 3.6 4.3 5.7 5.7l25.3 20.5c.9.7 2.2.7 3.1 0l25.2-20.5c2.1-1.4 4-3.2 5.6-5.6c4.8-7.1 4.2-16.9-1.4-23.5"/><path fill="#FF6E83" d="M60.2 23.4c-5.9-7-16.3-7.3-22.6-1c-.9.9-2.3.9-3.1 0c-6-6-15.7-6-21.7 0c-5.1 5.1-6 13.3-2 19.3c1.2 1.9 2.8 3.4 4.5 4.5l19.8 16c.7.6 1.7.6 2.4 0l19.6-16c1.6-1.1 3.1-2.5 4.3-4.3c3.6-5.7 3.2-13.3-1.2-18.5"/><path fill="#FF473E" d="M50.7 30c-3.6-4.2-9.9-4.4-13.8-.6c-.5.5-1.4.5-1.9 0c-3.7-3.7-9.6-3.7-13.2 0c-3.1 3.1-3.6 8.1-1.2 11.8c.8 1.2 1.7 2 2.7 2.7l12 9.7c.4.3 1 .3 1.5 0l12-9.8c1-.7 1.9-1.5 2.6-2.6c2.3-3.4 2-8-.7-11.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FFA9BA" d="M67 18.7c-7.6-8.9-20.9-9.4-29-1.3c-1.1 1.1-2.9 1.1-4 0c-7.7-7.7-20.1-7.7-27.9-.1c-6.6 6.5-7.6 17-2.6 24.8c1.6 2.4 3.6 4.3 5.7 5.7l25.3 20.5c.9.7 2.2.7 3.1 0l25.2-20.5c2.1-1.4 4-3.2 5.6-5.6c4.8-7.1 4.2-16.9-1.4-23.5"/><path fill="#FF6E83" d="M60.2 23.4c-5.9-7-16.3-7.3-22.6-1c-.9.9-2.3.9-3.1 0c-6-6-15.7-6-21.7 0c-5.1 5.1-6 13.3-2 19.3c1.2 1.9 2.8 3.4 4.5 4.5l19.8 16c.7.6 1.7.6 2.4 0l19.6-16c1.6-1.1 3.1-2.5 4.3-4.3c3.6-5.7 3.2-13.3-1.2-18.5"/><path fill="#FF473E" d="M50.7 30c-3.6-4.2-9.9-4.4-13.8-.6c-.5.5-1.4.5-1.9 0c-3.7-3.7-9.6-3.7-13.2 0c-3.1 3.1-3.6 8.1-1.2 11.8c.8 1.2 1.7 2 2.7 2.7l12 9.7c.4.3 1 .3 1.5 0l12-9.8c1-.7 1.9-1.5 2.6-2.6c2.3-3.4 2-8-.7-11.2"/></svg>
</template>

CSS

.icon-growingheart {
  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%23FFA9BA%22%20d%3D%22M67%2018.7c-7.6-8.9-20.9-9.4-29-1.3c-1.1%201.1-2.9%201.1-4%200c-7.7-7.7-20.1-7.7-27.9-.1c-6.6%206.5-7.6%2017-2.6%2024.8c1.6%202.4%203.6%204.3%205.7%205.7l25.3%2020.5c.9.7%202.2.7%203.1%200l25.2-20.5c2.1-1.4%204-3.2%205.6-5.6c4.8-7.1%204.2-16.9-1.4-23.5%22%2F%3E%3Cpath%20fill%3D%22%23FF6E83%22%20d%3D%22M60.2%2023.4c-5.9-7-16.3-7.3-22.6-1c-.9.9-2.3.9-3.1%200c-6-6-15.7-6-21.7%200c-5.1%205.1-6%2013.3-2%2019.3c1.2%201.9%202.8%203.4%204.5%204.5l19.8%2016c.7.6%201.7.6%202.4%200l19.6-16c1.6-1.1%203.1-2.5%204.3-4.3c3.6-5.7%203.2-13.3-1.2-18.5%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M50.7%2030c-3.6-4.2-9.9-4.4-13.8-.6c-.5.5-1.4.5-1.9%200c-3.7-3.7-9.6-3.7-13.2%200c-3.1%203.1-3.6%208.1-1.2%2011.8c.8%201.2%201.7%202%202.7%202.7l12%209.7c.4.3%201%20.3%201.5%200l12-9.8c1-.7%201.9-1.5%202.6-2.6c2.3-3.4%202-8-.7-11.2%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23FFA9BA%22%20d%3D%22M67%2018.7c-7.6-8.9-20.9-9.4-29-1.3c-1.1%201.1-2.9%201.1-4%200c-7.7-7.7-20.1-7.7-27.9-.1c-6.6%206.5-7.6%2017-2.6%2024.8c1.6%202.4%203.6%204.3%205.7%205.7l25.3%2020.5c.9.7%202.2.7%203.1%200l25.2-20.5c2.1-1.4%204-3.2%205.6-5.6c4.8-7.1%204.2-16.9-1.4-23.5%22%2F%3E%3Cpath%20fill%3D%22%23FF6E83%22%20d%3D%22M60.2%2023.4c-5.9-7-16.3-7.3-22.6-1c-.9.9-2.3.9-3.1%200c-6-6-15.7-6-21.7%200c-5.1%205.1-6%2013.3-2%2019.3c1.2%201.9%202.8%203.4%204.5%204.5l19.8%2016c.7.6%201.7.6%202.4%200l19.6-16c1.6-1.1%203.1-2.5%204.3-4.3c3.6-5.7%203.2-13.3-1.2-18.5%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M50.7%2030c-3.6-4.2-9.9-4.4-13.8-.6c-.5.5-1.4.5-1.9%200c-3.7-3.7-9.6-3.7-13.2%200c-3.1%203.1-3.6%208.1-1.2%2011.8c.8%201.2%201.7%202%202.7%202.7l12%209.7c.4.3%201%20.3%201.5%200l12-9.8c1-.7%201.9-1.5%202.6-2.6c2.3-3.4%202-8-.7-11.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/growingheart.svg?color=%231a73e8&size=48