heart on fire emoji

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

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

The same emoji in other sets

heart-on-fireFluent Emojiheart-on-fireFluent Emoji Flatheart-on-fireNoto Emojiheart-on-fireOpenMojiheart-on-fireTwitter Emoji

More smileys & emotion icons from Fluent Emoji High Contrast

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"><path fill="currentColor" fill-rule="evenodd" d="M16.036 2.684C16.29 5.254 17.89 6.59 19 6.97c.5.17.99-.474 1-.996V5c0-.542.63-1.16 1.139-.96C25.814 5.857 30 9.75 30 15c0 7.64-11.48 14.775-13.649 15.91a.73.73 0 0 1-.702 0C13.489 29.775 2 22.64 2 15c0-4.457 1.74-8.434 5-9.9c.755-.339.95.349 1.139 1.02c.097.344.192.683.361.88c.336.392.829.111 1.063-.36c.784-1.567 2.724-4.719 5.698-4.638c.398.01.734.3.775.682m-.038 9.776s1.71-2.68 3.938-3.08c5.51-.994 7.788 3.943 6.865 7.617C25.16 23.53 15.997 29.25 15.997 29.25S6.836 23.53 5.196 16.997c-.913-3.674 1.356-8.611 6.865-7.618c2.229.402 3.937 3.081 3.937 3.081" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastHeartOnFire(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" fillRule="evenodd" d="M16.036 2.684C16.29 5.254 17.89 6.59 19 6.97c.5.17.99-.474 1-.996V5c0-.542.63-1.16 1.139-.96C25.814 5.857 30 9.75 30 15c0 7.64-11.48 14.775-13.649 15.91a.73.73 0 0 1-.702 0C13.489 29.775 2 22.64 2 15c0-4.457 1.74-8.434 5-9.9c.755-.339.95.349 1.139 1.02c.097.344.192.683.361.88c.336.392.829.111 1.063-.36c.784-1.567 2.724-4.719 5.698-4.638c.398.01.734.3.775.682m-.038 9.776s1.71-2.68 3.938-3.08c5.51-.994 7.788 3.943 6.865 7.617C25.16 23.53 15.997 29.25 15.997 29.25S6.836 23.53 5.196 16.997c-.913-3.674 1.356-8.611 6.865-7.618c2.229.402 3.937 3.081 3.937 3.081" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M16.036 2.684C16.29 5.254 17.89 6.59 19 6.97c.5.17.99-.474 1-.996V5c0-.542.63-1.16 1.139-.96C25.814 5.857 30 9.75 30 15c0 7.64-11.48 14.775-13.649 15.91a.73.73 0 0 1-.702 0C13.489 29.775 2 22.64 2 15c0-4.457 1.74-8.434 5-9.9c.755-.339.95.349 1.139 1.02c.097.344.192.683.361.88c.336.392.829.111 1.063-.36c.784-1.567 2.724-4.719 5.698-4.638c.398.01.734.3.775.682m-.038 9.776s1.71-2.68 3.938-3.08c5.51-.994 7.788 3.943 6.865 7.617C25.16 23.53 15.997 29.25 15.997 29.25S6.836 23.53 5.196 16.997c-.913-3.674 1.356-8.611 6.865-7.618c2.229.402 3.937 3.081 3.937 3.081" clip-rule="evenodd"/></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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.036%202.684C16.29%205.254%2017.89%206.59%2019%206.97c.5.17.99-.474%201-.996V5c0-.542.63-1.16%201.139-.96C25.814%205.857%2030%209.75%2030%2015c0%207.64-11.48%2014.775-13.649%2015.91a.73.73%200%200%201-.702%200C13.489%2029.775%202%2022.64%202%2015c0-4.457%201.74-8.434%205-9.9c.755-.339.95.349%201.139%201.02c.097.344.192.683.361.88c.336.392.829.111%201.063-.36c.784-1.567%202.724-4.719%205.698-4.638c.398.01.734.3.775.682m-.038%209.776s1.71-2.68%203.938-3.08c5.51-.994%207.788%203.943%206.865%207.617C25.16%2023.53%2015.997%2029.25%2015.997%2029.25S6.836%2023.53%205.196%2016.997c-.913-3.674%201.356-8.611%206.865-7.618c2.229.402%203.937%203.081%203.937%203.081%22%20clip-rule%3D%22evenodd%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.036%202.684C16.29%205.254%2017.89%206.59%2019%206.97c.5.17.99-.474%201-.996V5c0-.542.63-1.16%201.139-.96C25.814%205.857%2030%209.75%2030%2015c0%207.64-11.48%2014.775-13.649%2015.91a.73.73%200%200%201-.702%200C13.489%2029.775%202%2022.64%202%2015c0-4.457%201.74-8.434%205-9.9c.755-.339.95.349%201.139%201.02c.097.344.192.683.361.88c.336.392.829.111%201.063-.36c.784-1.567%202.724-4.719%205.698-4.638c.398.01.734.3.775.682m-.038%209.776s1.71-2.68%203.938-3.08c5.51-.994%207.788%203.943%206.865%207.617C25.16%2023.53%2015.997%2029.25%2015.997%2029.25S6.836%2023.53%205.196%2016.997c-.913-3.674%201.356-8.611%206.865-7.618c2.229.402%203.937%203.081%203.937%203.081%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/heart-on-fire.svg?color=%231a73e8&size=48