revolving hearts emoji

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

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

The same emoji in other sets

revolving-heartsEmoji One (Colored)revolving-heartsFluent Emojirevolving-heartsFluent Emoji Flatrevolving-heartsFluent Emoji High Contrastrevolving-heartsNoto Emojirevolving-heartsOpenMojirevolving-heartsStreamline Emojis

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 revolving hearts emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4abba" d="M35.977 16.672c-.25 4.574-8.194 8.248-17.977 8.248c-3.285 0-6.352-.422-9-1.145v3.588c2.65 1.023 5.718 1.619 9 1.619c9.941 0 18-5.373 18-12c0-.104-.02-.207-.023-.31M27 6.6c-2.646-1.024-5.717-1.617-9-1.617c-9.018 0-16.465 4.426-17.774 10.194C1.535 11.106 8.982 7.982 18 7.982c3.283 0 6.354.418 9 1.142z"/><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 TwemojiRevolvingHearts(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4abba" d="M35.977 16.672c-.25 4.574-8.194 8.248-17.977 8.248c-3.285 0-6.352-.422-9-1.145v3.588c2.65 1.023 5.718 1.619 9 1.619c9.941 0 18-5.373 18-12c0-.104-.02-.207-.023-.31M27 6.6c-2.646-1.024-5.717-1.617-9-1.617c-9.018 0-16.465 4.426-17.774 10.194C1.535 11.106 8.982 7.982 18 7.982c3.283 0 6.354.418 9 1.142z"/><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="#f4abba" d="M35.977 16.672c-.25 4.574-8.194 8.248-17.977 8.248c-3.285 0-6.352-.422-9-1.145v3.588c2.65 1.023 5.718 1.619 9 1.619c9.941 0 18-5.373 18-12c0-.104-.02-.207-.023-.31M27 6.6c-2.646-1.024-5.717-1.617-9-1.617c-9.018 0-16.465 4.426-17.774 10.194C1.535 11.106 8.982 7.982 18 7.982c3.283 0 6.354.418 9 1.142z"/><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-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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M35.977%2016.672c-.25%204.574-8.194%208.248-17.977%208.248c-3.285%200-6.352-.422-9-1.145v3.588c2.65%201.023%205.718%201.619%209%201.619c9.941%200%2018-5.373%2018-12c0-.104-.02-.207-.023-.31M27%206.6c-2.646-1.024-5.717-1.617-9-1.617c-9.018%200-16.465%204.426-17.774%2010.194C1.535%2011.106%208.982%207.982%2018%207.982c3.283%200%206.354.418%209%201.142z%22%2F%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%23f4abba%22%20d%3D%22M35.977%2016.672c-.25%204.574-8.194%208.248-17.977%208.248c-3.285%200-6.352-.422-9-1.145v3.588c2.65%201.023%205.718%201.619%209%201.619c9.941%200%2018-5.373%2018-12c0-.104-.02-.207-.023-.31M27%206.6c-2.646-1.024-5.717-1.617-9-1.617c-9.018%200-16.465%204.426-17.774%2010.194C1.535%2011.106%208.982%207.982%2018%207.982c3.283%200%206.354.418%209%201.142z%22%2F%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/revolving-hearts.svg?color=%231a73e8&size=48