two hearts emoji

two-hearts from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.

Name
two-hearts
Set
Twitter Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

two-heartsEmoji One (Colored)two-heartsFluent Emojitwo-heartsFluent Emoji Flattwo-heartsFluent Emoji High Contrasttwo-heartsNoto Emojitwo-heartsOpenMoji

More smileys & emotion icons from Twitter Emoji

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-facecrying-catcrying-face

Use the two hearts emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M24.77 19.715a6.8 6.8 0 0 0-6.801-6.801a6.79 6.79 0 0 0-5.526 2.845a6.79 6.79 0 0 0-5.526-2.845a6.8 6.8 0 0 0-6.801 6.801c0 .531.067 1.049.183 1.545c.945 5.867 7.468 12.059 12.144 13.758c4.675-1.699 11.2-7.891 12.142-13.756a6.8 6.8 0 0 0 .185-1.547M35.885 5.693A4.71 4.71 0 0 0 31.174.982c-1.579 0-2.973.78-3.828 1.972A4.7 4.7 0 0 0 23.519.982a4.71 4.71 0 0 0-4.711 4.711c0 .369.047.727.127 1.07c.654 4.064 5.173 8.353 8.411 9.529c3.238-1.177 7.758-5.465 8.412-9.528c.08-.344.127-.702.127-1.071"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiTwoHearts(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M24.77 19.715a6.8 6.8 0 0 0-6.801-6.801a6.79 6.79 0 0 0-5.526 2.845a6.79 6.79 0 0 0-5.526-2.845a6.8 6.8 0 0 0-6.801 6.801c0 .531.067 1.049.183 1.545c.945 5.867 7.468 12.059 12.144 13.758c4.675-1.699 11.2-7.891 12.142-13.756a6.8 6.8 0 0 0 .185-1.547M35.885 5.693A4.71 4.71 0 0 0 31.174.982c-1.579 0-2.973.78-3.828 1.972A4.7 4.7 0 0 0 23.519.982a4.71 4.71 0 0 0-4.711 4.711c0 .369.047.727.127 1.07c.654 4.064 5.173 8.353 8.411 9.529c3.238-1.177 7.758-5.465 8.412-9.528c.08-.344.127-.702.127-1.071"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M24.77 19.715a6.8 6.8 0 0 0-6.801-6.801a6.79 6.79 0 0 0-5.526 2.845a6.79 6.79 0 0 0-5.526-2.845a6.8 6.8 0 0 0-6.801 6.801c0 .531.067 1.049.183 1.545c.945 5.867 7.468 12.059 12.144 13.758c4.675-1.699 11.2-7.891 12.142-13.756a6.8 6.8 0 0 0 .185-1.547M35.885 5.693A4.71 4.71 0 0 0 31.174.982c-1.579 0-2.973.78-3.828 1.972A4.7 4.7 0 0 0 23.519.982a4.71 4.71 0 0 0-4.711 4.711c0 .369.047.727.127 1.07c.654 4.064 5.173 8.353 8.411 9.529c3.238-1.177 7.758-5.465 8.412-9.528c.08-.344.127-.702.127-1.071"/></svg>
</template>

CSS

.icon-two-hearts {
  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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M24.77%2019.715a6.8%206.8%200%200%200-6.801-6.801a6.79%206.79%200%200%200-5.526%202.845a6.79%206.79%200%200%200-5.526-2.845a6.8%206.8%200%200%200-6.801%206.801c0%20.531.067%201.049.183%201.545c.945%205.867%207.468%2012.059%2012.144%2013.758c4.675-1.699%2011.2-7.891%2012.142-13.756a6.8%206.8%200%200%200%20.185-1.547M35.885%205.693A4.71%204.71%200%200%200%2031.174.982c-1.579%200-2.973.78-3.828%201.972A4.7%204.7%200%200%200%2023.519.982a4.71%204.71%200%200%200-4.711%204.711c0%20.369.047.727.127%201.07c.654%204.064%205.173%208.353%208.411%209.529c3.238-1.177%207.758-5.465%208.412-9.528c.08-.344.127-.702.127-1.071%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M24.77%2019.715a6.8%206.8%200%200%200-6.801-6.801a6.79%206.79%200%200%200-5.526%202.845a6.79%206.79%200%200%200-5.526-2.845a6.8%206.8%200%200%200-6.801%206.801c0%20.531.067%201.049.183%201.545c.945%205.867%207.468%2012.059%2012.144%2013.758c4.675-1.699%2011.2-7.891%2012.142-13.756a6.8%206.8%200%200%200%20.185-1.547M35.885%205.693A4.71%204.71%200%200%200%2031.174.982c-1.579%200-2.973.78-3.828%201.972A4.7%204.7%200%200%200%2023.519.982a4.71%204.71%200%200%200-4.711%204.711c0%20.369.047.727.127%201.07c.654%204.064%205.173%208.353%208.411%209.529c3.238-1.177%207.758-5.465%208.412-9.528c.08-.344.127-.702.127-1.071%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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