heart on fire emoji

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

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

The same emoji in other sets

heart-on-fireFluent Emojiheart-on-fireFluent Emoji High Contrastheart-on-fireNoto Emojiheart-on-fireOpenMojiheart-on-fireTwitter Emoji

More smileys & emotion icons from Fluent Emoji Flat

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 heart on fire emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f9c23c" d="M19 6.97c-1.11-.381-2.71-1.716-2.964-4.286c-.041-.381-.377-.672-.775-.683c-2.974-.08-4.914 3.072-5.698 4.638c-.234.472-.727.753-1.063.361C8 6.418 8.14 4.588 7 5.1C3.74 6.566 2 10.543 2 15c0 7.64 11.49 13.775 13.649 14.91a.73.73 0 0 0 .702 0C18.521 28.775 30 22.64 30 15c0-5.25-4.186-9.143-8.861-10.96c-.51-.2-1.139.418-1.139.96v.974c-.01.522-.5 1.167-1 .996"/><path fill="#f92f60" d="M20.298 8.64C17.87 9.083 16 12.03 16 12.03s-1.86-2.957-4.298-3.39c-6.007-1.082-8.486 4.339-7.487 8.38C6.005 24.212 16 30.5 16 30.5s9.996-6.287 11.785-13.48c1-4.041-1.48-9.462-7.487-8.38"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatHeartOnFire(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f9c23c" d="M19 6.97c-1.11-.381-2.71-1.716-2.964-4.286c-.041-.381-.377-.672-.775-.683c-2.974-.08-4.914 3.072-5.698 4.638c-.234.472-.727.753-1.063.361C8 6.418 8.14 4.588 7 5.1C3.74 6.566 2 10.543 2 15c0 7.64 11.49 13.775 13.649 14.91a.73.73 0 0 0 .702 0C18.521 28.775 30 22.64 30 15c0-5.25-4.186-9.143-8.861-10.96c-.51-.2-1.139.418-1.139.96v.974c-.01.522-.5 1.167-1 .996"/><path fill="#f92f60" d="M20.298 8.64C17.87 9.083 16 12.03 16 12.03s-1.86-2.957-4.298-3.39c-6.007-1.082-8.486 4.339-7.487 8.38C6.005 24.212 16 30.5 16 30.5s9.996-6.287 11.785-13.48c1-4.041-1.48-9.462-7.487-8.38"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f9c23c" d="M19 6.97c-1.11-.381-2.71-1.716-2.964-4.286c-.041-.381-.377-.672-.775-.683c-2.974-.08-4.914 3.072-5.698 4.638c-.234.472-.727.753-1.063.361C8 6.418 8.14 4.588 7 5.1C3.74 6.566 2 10.543 2 15c0 7.64 11.49 13.775 13.649 14.91a.73.73 0 0 0 .702 0C18.521 28.775 30 22.64 30 15c0-5.25-4.186-9.143-8.861-10.96c-.51-.2-1.139.418-1.139.96v.974c-.01.522-.5 1.167-1 .996"/><path fill="#f92f60" d="M20.298 8.64C17.87 9.083 16 12.03 16 12.03s-1.86-2.957-4.298-3.39c-6.007-1.082-8.486 4.339-7.487 8.38C6.005 24.212 16 30.5 16 30.5s9.996-6.287 11.785-13.48c1-4.041-1.48-9.462-7.487-8.38"/></g></svg>
</template>

CSS

.icon-heart-on-fire {
  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%22none%22%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M19%206.97c-1.11-.381-2.71-1.716-2.964-4.286c-.041-.381-.377-.672-.775-.683c-2.974-.08-4.914%203.072-5.698%204.638c-.234.472-.727.753-1.063.361C8%206.418%208.14%204.588%207%205.1C3.74%206.566%202%2010.543%202%2015c0%207.64%2011.49%2013.775%2013.649%2014.91a.73.73%200%200%200%20.702%200C18.521%2028.775%2030%2022.64%2030%2015c0-5.25-4.186-9.143-8.861-10.96c-.51-.2-1.139.418-1.139.96v.974c-.01.522-.5%201.167-1%20.996%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M20.298%208.64C17.87%209.083%2016%2012.03%2016%2012.03s-1.86-2.957-4.298-3.39c-6.007-1.082-8.486%204.339-7.487%208.38C6.005%2024.212%2016%2030.5%2016%2030.5s9.996-6.287%2011.785-13.48c1-4.041-1.48-9.462-7.487-8.38%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%22none%22%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M19%206.97c-1.11-.381-2.71-1.716-2.964-4.286c-.041-.381-.377-.672-.775-.683c-2.974-.08-4.914%203.072-5.698%204.638c-.234.472-.727.753-1.063.361C8%206.418%208.14%204.588%207%205.1C3.74%206.566%202%2010.543%202%2015c0%207.64%2011.49%2013.775%2013.649%2014.91a.73.73%200%200%200%20.702%200C18.521%2028.775%2030%2022.64%2030%2015c0-5.25-4.186-9.143-8.861-10.96c-.51-.2-1.139.418-1.139.96v.974c-.01.522-.5%201.167-1%20.996%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M20.298%208.64C17.87%209.083%2016%2012.03%2016%2012.03s-1.86-2.957-4.298-3.39c-6.007-1.082-8.486%204.339-7.487%208.38C6.005%2024.212%2016%2030.5%2016%2030.5s9.996-6.287%2011.785-13.48c1-4.041-1.48-9.462-7.487-8.38%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/heart-on-fire.svg?color=%231a73e8&size=48