revolving hearts emoji

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

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

The same emoji in other sets

revolving-heartsEmoji One (Colored)revolving-heartsFluent Emojirevolving-heartsFluent Emoji High Contrastrevolving-heartsNoto Emojirevolving-heartsOpenMojirevolving-heartsStreamline Emojisrevolving-heartsTwitter 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 revolving hearts emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f92f60" fill-rule="evenodd" d="M25.825 2.076C24.505 2.318 23.5 3.93 23.5 3.93s-1.015-1.612-2.324-1.854c-3.258-.59-4.598 2.37-4.06 4.572c.697 2.834 3.725 5.414 5.348 6.626a1.72 1.72 0 0 0 2.072 0c1.623-1.212 4.651-3.792 5.349-6.626c.538-2.202-.802-5.162-4.06-4.572M2.96 11.697C4.35 8.451 9.105 5.51 15.462 5.999a.5.5 0 0 0 .077-.997C8.895 4.49 3.649 7.549 2.04 11.303a.5.5 0 1 0 .919.394m25.92-.495a.5.5 0 0 0-.784.621c.72.908.98 1.82.94 2.682c-.041.873-.39 1.734-.95 2.518c-1.133 1.585-3.054 2.753-4.657 2.982a.5.5 0 1 0 .142.99c1.897-.271 4.051-1.603 5.328-3.39c.644-.902 1.084-1.944 1.135-3.053c.052-1.118-.293-2.264-1.154-3.35m-16.874 3.692s1.558-2.415 3.586-2.779c5.014-.889 7.071 3.547 6.222 6.851c-1.122 4.444-6.139 8.747-8.535 10.593a2.09 2.09 0 0 1-2.565-.001C8.317 27.71 3.3 23.403 2.177 18.966c-.829-3.304 1.238-7.74 6.242-6.85c2.028.363 3.586 2.778 3.586 2.778" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatRevolvingHearts(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f92f60" fillRule="evenodd" d="M25.825 2.076C24.505 2.318 23.5 3.93 23.5 3.93s-1.015-1.612-2.324-1.854c-3.258-.59-4.598 2.37-4.06 4.572c.697 2.834 3.725 5.414 5.348 6.626a1.72 1.72 0 0 0 2.072 0c1.623-1.212 4.651-3.792 5.349-6.626c.538-2.202-.802-5.162-4.06-4.572M2.96 11.697C4.35 8.451 9.105 5.51 15.462 5.999a.5.5 0 0 0 .077-.997C8.895 4.49 3.649 7.549 2.04 11.303a.5.5 0 1 0 .919.394m25.92-.495a.5.5 0 0 0-.784.621c.72.908.98 1.82.94 2.682c-.041.873-.39 1.734-.95 2.518c-1.133 1.585-3.054 2.753-4.657 2.982a.5.5 0 1 0 .142.99c1.897-.271 4.051-1.603 5.328-3.39c.644-.902 1.084-1.944 1.135-3.053c.052-1.118-.293-2.264-1.154-3.35m-16.874 3.692s1.558-2.415 3.586-2.779c5.014-.889 7.071 3.547 6.222 6.851c-1.122 4.444-6.139 8.747-8.535 10.593a2.09 2.09 0 0 1-2.565-.001C8.317 27.71 3.3 23.403 2.177 18.966c-.829-3.304 1.238-7.74 6.242-6.85c2.028.363 3.586 2.778 3.586 2.778" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f92f60" fill-rule="evenodd" d="M25.825 2.076C24.505 2.318 23.5 3.93 23.5 3.93s-1.015-1.612-2.324-1.854c-3.258-.59-4.598 2.37-4.06 4.572c.697 2.834 3.725 5.414 5.348 6.626a1.72 1.72 0 0 0 2.072 0c1.623-1.212 4.651-3.792 5.349-6.626c.538-2.202-.802-5.162-4.06-4.572M2.96 11.697C4.35 8.451 9.105 5.51 15.462 5.999a.5.5 0 0 0 .077-.997C8.895 4.49 3.649 7.549 2.04 11.303a.5.5 0 1 0 .919.394m25.92-.495a.5.5 0 0 0-.784.621c.72.908.98 1.82.94 2.682c-.041.873-.39 1.734-.95 2.518c-1.133 1.585-3.054 2.753-4.657 2.982a.5.5 0 1 0 .142.99c1.897-.271 4.051-1.603 5.328-3.39c.644-.902 1.084-1.944 1.135-3.053c.052-1.118-.293-2.264-1.154-3.35m-16.874 3.692s1.558-2.415 3.586-2.779c5.014-.889 7.071 3.547 6.222 6.851c-1.122 4.444-6.139 8.747-8.535 10.593a2.09 2.09 0 0 1-2.565-.001C8.317 27.71 3.3 23.403 2.177 18.966c-.829-3.304 1.238-7.74 6.242-6.85c2.028.363 3.586 2.778 3.586 2.778" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-revolving-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%2032%2032%22%3E%3Cpath%20fill%3D%22%23f92f60%22%20fill-rule%3D%22evenodd%22%20d%3D%22M25.825%202.076C24.505%202.318%2023.5%203.93%2023.5%203.93s-1.015-1.612-2.324-1.854c-3.258-.59-4.598%202.37-4.06%204.572c.697%202.834%203.725%205.414%205.348%206.626a1.72%201.72%200%200%200%202.072%200c1.623-1.212%204.651-3.792%205.349-6.626c.538-2.202-.802-5.162-4.06-4.572M2.96%2011.697C4.35%208.451%209.105%205.51%2015.462%205.999a.5.5%200%200%200%20.077-.997C8.895%204.49%203.649%207.549%202.04%2011.303a.5.5%200%201%200%20.919.394m25.92-.495a.5.5%200%200%200-.784.621c.72.908.98%201.82.94%202.682c-.041.873-.39%201.734-.95%202.518c-1.133%201.585-3.054%202.753-4.657%202.982a.5.5%200%201%200%20.142.99c1.897-.271%204.051-1.603%205.328-3.39c.644-.902%201.084-1.944%201.135-3.053c.052-1.118-.293-2.264-1.154-3.35m-16.874%203.692s1.558-2.415%203.586-2.779c5.014-.889%207.071%203.547%206.222%206.851c-1.122%204.444-6.139%208.747-8.535%2010.593a2.09%202.09%200%200%201-2.565-.001C8.317%2027.71%203.3%2023.403%202.177%2018.966c-.829-3.304%201.238-7.74%206.242-6.85c2.028.363%203.586%202.778%203.586%202.778%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%22%23f92f60%22%20fill-rule%3D%22evenodd%22%20d%3D%22M25.825%202.076C24.505%202.318%2023.5%203.93%2023.5%203.93s-1.015-1.612-2.324-1.854c-3.258-.59-4.598%202.37-4.06%204.572c.697%202.834%203.725%205.414%205.348%206.626a1.72%201.72%200%200%200%202.072%200c1.623-1.212%204.651-3.792%205.349-6.626c.538-2.202-.802-5.162-4.06-4.572M2.96%2011.697C4.35%208.451%209.105%205.51%2015.462%205.999a.5.5%200%200%200%20.077-.997C8.895%204.49%203.649%207.549%202.04%2011.303a.5.5%200%201%200%20.919.394m25.92-.495a.5.5%200%200%200-.784.621c.72.908.98%201.82.94%202.682c-.041.873-.39%201.734-.95%202.518c-1.133%201.585-3.054%202.753-4.657%202.982a.5.5%200%201%200%20.142.99c1.897-.271%204.051-1.603%205.328-3.39c.644-.902%201.084-1.944%201.135-3.053c.052-1.118-.293-2.264-1.154-3.35m-16.874%203.692s1.558-2.415%203.586-2.779c5.014-.889%207.071%203.547%206.222%206.851c-1.122%204.444-6.139%208.747-8.535%2010.593a2.09%202.09%200%200%201-2.565-.001C8.317%2027.71%203.3%2023.403%202.177%2018.966c-.829-3.304%201.238-7.74%206.242-6.85c2.028.363%203.586%202.778%203.586%202.778%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-flat/revolving-hearts.svg?color=%231a73e8&size=48