beating heart emoji

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

Name
beating-heart
Set
Fluent Emoji Flat
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

beating-heartEmoji One (Colored)beating-heartFluent Emojibeating-heartFluent Emoji High Contrastbeating-heartFirefox OS Emojibeating-heartNoto Emojibeating-heartOpenMojibeating-heartStreamline Emojisbeating-heartTwitter Emoji

More smileys & emotion icons from Fluent Emoji Flat

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-face

Use the beating heart emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="#f92f60"><path d="M11.372 4.011c-3.845-.961-7.089.014-8.933 2.781a.527.527 0 1 1-.877-.584c2.155-3.233 5.911-4.258 10.066-3.22a.527.527 0 0 1-.256 1.023m8.926 4.123C17.87 8.557 16 11.37 16 11.37s-1.86-2.823-4.298-3.236C5.695 7.1 3.216 12.275 4.215 16.132c1.397 5.36 7.792 10.496 10.533 12.493a2.12 2.12 0 0 0 2.505 0c2.74-1.997 9.135-7.134 10.532-12.493c1-3.847-1.48-9.031-7.487-7.998"/><path d="M4.917 7.777c.445-.672 1.008-1.21 1.724-1.535c.713-.324 1.615-.455 2.772-.25a.5.5 0 0 0 .174-.984c-1.323-.235-2.435-.097-3.36.324c-.922.42-1.619 1.101-2.144 1.892a.5.5 0 1 0 .834.553m15.711-3.766c3.846-.961 7.09.014 8.934 2.781a.527.527 0 0 0 .877-.584c-2.156-3.233-5.912-4.258-10.067-3.22a.527.527 0 0 0 .256 1.023"/><path d="M27.084 7.777c-.446-.672-1.01-1.21-1.725-1.535c-.713-.324-1.615-.455-2.772-.25a.5.5 0 1 1-.174-.984c1.323-.235 2.436-.097 3.36.324c.922.42 1.62 1.101 2.144 1.892a.5.5 0 1 1-.834.553"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatBeatingHeart(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="#f92f60"><path d="M11.372 4.011c-3.845-.961-7.089.014-8.933 2.781a.527.527 0 1 1-.877-.584c2.155-3.233 5.911-4.258 10.066-3.22a.527.527 0 0 1-.256 1.023m8.926 4.123C17.87 8.557 16 11.37 16 11.37s-1.86-2.823-4.298-3.236C5.695 7.1 3.216 12.275 4.215 16.132c1.397 5.36 7.792 10.496 10.533 12.493a2.12 2.12 0 0 0 2.505 0c2.74-1.997 9.135-7.134 10.532-12.493c1-3.847-1.48-9.031-7.487-7.998"/><path d="M4.917 7.777c.445-.672 1.008-1.21 1.724-1.535c.713-.324 1.615-.455 2.772-.25a.5.5 0 0 0 .174-.984c-1.323-.235-2.435-.097-3.36.324c-.922.42-1.619 1.101-2.144 1.892a.5.5 0 1 0 .834.553m15.711-3.766c3.846-.961 7.09.014 8.934 2.781a.527.527 0 0 0 .877-.584c-2.156-3.233-5.912-4.258-10.067-3.22a.527.527 0 0 0 .256 1.023"/><path d="M27.084 7.777c-.446-.672-1.01-1.21-1.725-1.535c-.713-.324-1.615-.455-2.772-.25a.5.5 0 1 1-.174-.984c1.323-.235 2.436-.097 3.36.324c.922.42 1.62 1.101 2.144 1.892a.5.5 0 1 1-.834.553"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="#f92f60"><path d="M11.372 4.011c-3.845-.961-7.089.014-8.933 2.781a.527.527 0 1 1-.877-.584c2.155-3.233 5.911-4.258 10.066-3.22a.527.527 0 0 1-.256 1.023m8.926 4.123C17.87 8.557 16 11.37 16 11.37s-1.86-2.823-4.298-3.236C5.695 7.1 3.216 12.275 4.215 16.132c1.397 5.36 7.792 10.496 10.533 12.493a2.12 2.12 0 0 0 2.505 0c2.74-1.997 9.135-7.134 10.532-12.493c1-3.847-1.48-9.031-7.487-7.998"/><path d="M4.917 7.777c.445-.672 1.008-1.21 1.724-1.535c.713-.324 1.615-.455 2.772-.25a.5.5 0 0 0 .174-.984c-1.323-.235-2.435-.097-3.36.324c-.922.42-1.619 1.101-2.144 1.892a.5.5 0 1 0 .834.553m15.711-3.766c3.846-.961 7.09.014 8.934 2.781a.527.527 0 0 0 .877-.584c-2.156-3.233-5.912-4.258-10.067-3.22a.527.527 0 0 0 .256 1.023"/><path d="M27.084 7.777c-.446-.672-1.01-1.21-1.725-1.535c-.713-.324-1.615-.455-2.772-.25a.5.5 0 1 1-.174-.984c1.323-.235 2.436-.097 3.36.324c.922.42 1.62 1.101 2.144 1.892a.5.5 0 1 1-.834.553"/></g></svg>
</template>

CSS

.icon-beating-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%22%23f92f60%22%3E%3Cpath%20d%3D%22M11.372%204.011c-3.845-.961-7.089.014-8.933%202.781a.527.527%200%201%201-.877-.584c2.155-3.233%205.911-4.258%2010.066-3.22a.527.527%200%200%201-.256%201.023m8.926%204.123C17.87%208.557%2016%2011.37%2016%2011.37s-1.86-2.823-4.298-3.236C5.695%207.1%203.216%2012.275%204.215%2016.132c1.397%205.36%207.792%2010.496%2010.533%2012.493a2.12%202.12%200%200%200%202.505%200c2.74-1.997%209.135-7.134%2010.532-12.493c1-3.847-1.48-9.031-7.487-7.998%22%2F%3E%3Cpath%20d%3D%22M4.917%207.777c.445-.672%201.008-1.21%201.724-1.535c.713-.324%201.615-.455%202.772-.25a.5.5%200%200%200%20.174-.984c-1.323-.235-2.435-.097-3.36.324c-.922.42-1.619%201.101-2.144%201.892a.5.5%200%201%200%20.834.553m15.711-3.766c3.846-.961%207.09.014%208.934%202.781a.527.527%200%200%200%20.877-.584c-2.156-3.233-5.912-4.258-10.067-3.22a.527.527%200%200%200%20.256%201.023%22%2F%3E%3Cpath%20d%3D%22M27.084%207.777c-.446-.672-1.01-1.21-1.725-1.535c-.713-.324-1.615-.455-2.772-.25a.5.5%200%201%201-.174-.984c1.323-.235%202.436-.097%203.36.324c.922.42%201.62%201.101%202.144%201.892a.5.5%200%201%201-.834.553%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%22%23f92f60%22%3E%3Cpath%20d%3D%22M11.372%204.011c-3.845-.961-7.089.014-8.933%202.781a.527.527%200%201%201-.877-.584c2.155-3.233%205.911-4.258%2010.066-3.22a.527.527%200%200%201-.256%201.023m8.926%204.123C17.87%208.557%2016%2011.37%2016%2011.37s-1.86-2.823-4.298-3.236C5.695%207.1%203.216%2012.275%204.215%2016.132c1.397%205.36%207.792%2010.496%2010.533%2012.493a2.12%202.12%200%200%200%202.505%200c2.74-1.997%209.135-7.134%2010.532-12.493c1-3.847-1.48-9.031-7.487-7.998%22%2F%3E%3Cpath%20d%3D%22M4.917%207.777c.445-.672%201.008-1.21%201.724-1.535c.713-.324%201.615-.455%202.772-.25a.5.5%200%200%200%20.174-.984c-1.323-.235-2.435-.097-3.36.324c-.922.42-1.619%201.101-2.144%201.892a.5.5%200%201%200%20.834.553m15.711-3.766c3.846-.961%207.09.014%208.934%202.781a.527.527%200%200%200%20.877-.584c-2.156-3.233-5.912-4.258-10.067-3.22a.527.527%200%200%200%20.256%201.023%22%2F%3E%3Cpath%20d%3D%22M27.084%207.777c-.446-.672-1.01-1.21-1.725-1.535c-.713-.324-1.615-.455-2.772-.25a.5.5%200%201%201-.174-.984c1.323-.235%202.436-.097%203.36.324c.922.42%201.62%201.101%202.144%201.892a.5.5%200%201%201-.834.553%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-flat/beating-heart.svg?color=%231a73e8&size=48