2hearts emoji

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

Name: 2hearts
Set: Firefox OS Emoji
Style: Default
Category: People
Viewbox: 72×72
License: Apache 2.0

More people icons from Firefox OS Emoji

Use the 2hearts emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FF473E" d="M46.3 34.6c-5.8-5.9-15.2-5.5-20.5.7c-.7.8-2 .9-2.8.2c-5.8-5-14.6-4.4-19.6 1.4c-4.3 4.9-4.5 12.4-.5 17.6c1.2 1.6 2.7 2.8 4.4 3.7l18.9 13.1c.7.5 1.6.4 2.2-.2L45 55.3c1.4-1.1 2.7-2.5 3.6-4.2c2.9-5.3 2-12.1-2.3-16.5"/><path fill="#FF7DDA" d="M70.4 7c-3.3-5.2-10.2-6.3-15-2.7c-.7.5-1.6.4-2.1-.3c-3.5-4.5-9.9-5.4-14.5-2c-3.8 3-5.1 8.4-3 12.8c.7 1.4 1.5 2.5 2.6 3.4l11.7 12.4c.4.4 1.1.5 1.6.2l14.5-8.9c1.2-.6 2.3-1.4 3.3-2.5c3-3.5 3.3-8.6.9-12.4"/></svg>

React

import type { SVGProps } from "react";

export function Fxemoji2hearts(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FF473E" d="M46.3 34.6c-5.8-5.9-15.2-5.5-20.5.7c-.7.8-2 .9-2.8.2c-5.8-5-14.6-4.4-19.6 1.4c-4.3 4.9-4.5 12.4-.5 17.6c1.2 1.6 2.7 2.8 4.4 3.7l18.9 13.1c.7.5 1.6.4 2.2-.2L45 55.3c1.4-1.1 2.7-2.5 3.6-4.2c2.9-5.3 2-12.1-2.3-16.5"/><path fill="#FF7DDA" d="M70.4 7c-3.3-5.2-10.2-6.3-15-2.7c-.7.5-1.6.4-2.1-.3c-3.5-4.5-9.9-5.4-14.5-2c-3.8 3-5.1 8.4-3 12.8c.7 1.4 1.5 2.5 2.6 3.4l11.7 12.4c.4.4 1.1.5 1.6.2l14.5-8.9c1.2-.6 2.3-1.4 3.3-2.5c3-3.5 3.3-8.6.9-12.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FF473E" d="M46.3 34.6c-5.8-5.9-15.2-5.5-20.5.7c-.7.8-2 .9-2.8.2c-5.8-5-14.6-4.4-19.6 1.4c-4.3 4.9-4.5 12.4-.5 17.6c1.2 1.6 2.7 2.8 4.4 3.7l18.9 13.1c.7.5 1.6.4 2.2-.2L45 55.3c1.4-1.1 2.7-2.5 3.6-4.2c2.9-5.3 2-12.1-2.3-16.5"/><path fill="#FF7DDA" d="M70.4 7c-3.3-5.2-10.2-6.3-15-2.7c-.7.5-1.6.4-2.1-.3c-3.5-4.5-9.9-5.4-14.5-2c-3.8 3-5.1 8.4-3 12.8c.7 1.4 1.5 2.5 2.6 3.4l11.7 12.4c.4.4 1.1.5 1.6.2l14.5-8.9c1.2-.6 2.3-1.4 3.3-2.5c3-3.5 3.3-8.6.9-12.4"/></svg>
</template>

CSS

.icon-2hearts {
  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%23FF473E%22%20d%3D%22M46.3%2034.6c-5.8-5.9-15.2-5.5-20.5.7c-.7.8-2%20.9-2.8.2c-5.8-5-14.6-4.4-19.6%201.4c-4.3%204.9-4.5%2012.4-.5%2017.6c1.2%201.6%202.7%202.8%204.4%203.7l18.9%2013.1c.7.5%201.6.4%202.2-.2L45%2055.3c1.4-1.1%202.7-2.5%203.6-4.2c2.9-5.3%202-12.1-2.3-16.5%22%2F%3E%3Cpath%20fill%3D%22%23FF7DDA%22%20d%3D%22M70.4%207c-3.3-5.2-10.2-6.3-15-2.7c-.7.5-1.6.4-2.1-.3c-3.5-4.5-9.9-5.4-14.5-2c-3.8%203-5.1%208.4-3%2012.8c.7%201.4%201.5%202.5%202.6%203.4l11.7%2012.4c.4.4%201.1.5%201.6.2l14.5-8.9c1.2-.6%202.3-1.4%203.3-2.5c3-3.5%203.3-8.6.9-12.4%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%23FF473E%22%20d%3D%22M46.3%2034.6c-5.8-5.9-15.2-5.5-20.5.7c-.7.8-2%20.9-2.8.2c-5.8-5-14.6-4.4-19.6%201.4c-4.3%204.9-4.5%2012.4-.5%2017.6c1.2%201.6%202.7%202.8%204.4%203.7l18.9%2013.1c.7.5%201.6.4%202.2-.2L45%2055.3c1.4-1.1%202.7-2.5%203.6-4.2c2.9-5.3%202-12.1-2.3-16.5%22%2F%3E%3Cpath%20fill%3D%22%23FF7DDA%22%20d%3D%22M70.4%207c-3.3-5.2-10.2-6.3-15-2.7c-.7.5-1.6.4-2.1-.3c-3.5-4.5-9.9-5.4-14.5-2c-3.8%203-5.1%208.4-3%2012.8c.7%201.4%201.5%202.5%202.6%203.4l11.7%2012.4c.4.4%201.1.5%201.6.2l14.5-8.9c1.2-.6%202.3-1.4%203.3-2.5c3-3.5%203.3-8.6.9-12.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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