heart with arrow emoji

heart-with-arrow from OpenMoji by OpenMoji · Default · Smileys Emotion · CC-BY-SA-4.0 Attribution required.

Name
heart-with-arrow
Set
OpenMoji
Style
Default
Category
Smileys Emotion
Viewbox
72×72
License
CC BY-SA 4.0

The same emoji in other sets

heart-with-arrowEmoji One (Colored)heart-with-arrowFluent Emojiheart-with-arrowFluent Emoji Flatheart-with-arrowFluent Emoji High Contrastheart-with-arrowNoto Emojiheart-with-arrowStreamline Emojisheart-with-arrowTwitter Emoji

More smileys emotion icons from OpenMoji

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-facecracking-facecrying-cat

Use the heart with arrow emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ea5a47" d="M60.5 25c0-7.444-6.056-13.5-13.5-13.5a13.5 13.5 0 0 0-11 5.672A13.5 13.5 0 0 0 25 11.5c-7.444 0-13.5 6.056-13.5 13.5c0 2.728.84 5.408 2.383 7.65l-.035.027l20.87 25.86h2.571l20.23-25.07l.668-.837l-.035-.024a13.54 13.54 0 0 0 2.354-7.609z"/><path fill="#61b2e4" d="m19.82 52.18l.28 6.72l-5.99 5.99l-.28-6.72z"/><path fill="#92d3f5" d="M7.882 57.67h6.448l5.99-5.99h-6.45zM68.18 3.628L66.92 8.48l-1.25 4.85l-3.6-3.595l-3.59-3.596l4.85-1.255z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m28.26 48.95l7.737 9.589l20.73-25.7l-.004-.003a12.44 12.44 0 0 0 2.77-7.84c0-6.903-5.596-12.5-12.5-12.5a12.5 12.5 0 0 0-11 6.56a12.5 12.5 0 0 0-11-6.56c-6.904 0-12.5 5.597-12.5 12.5c0 2.97 1.04 5.695 2.77 7.84l-.005.003l7.853 9.733M34.5 37.5L21 51M62.09 9.908L58 14M20.6 51.45h-6.95l-6.457 6.46h6.947v6.95l6.46-6.46zM68.18 3.628L66.92 8.48l-1.25 4.85l-3.6-3.595l-3.59-3.596l4.85-1.255z"/></svg>

React

import type { SVGProps } from "react";

export function OpenmojiHeartWithArrow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ea5a47" d="M60.5 25c0-7.444-6.056-13.5-13.5-13.5a13.5 13.5 0 0 0-11 5.672A13.5 13.5 0 0 0 25 11.5c-7.444 0-13.5 6.056-13.5 13.5c0 2.728.84 5.408 2.383 7.65l-.035.027l20.87 25.86h2.571l20.23-25.07l.668-.837l-.035-.024a13.54 13.54 0 0 0 2.354-7.609z"/><path fill="#61b2e4" d="m19.82 52.18l.28 6.72l-5.99 5.99l-.28-6.72z"/><path fill="#92d3f5" d="M7.882 57.67h6.448l5.99-5.99h-6.45zM68.18 3.628L66.92 8.48l-1.25 4.85l-3.6-3.595l-3.59-3.596l4.85-1.255z"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="m28.26 48.95l7.737 9.589l20.73-25.7l-.004-.003a12.44 12.44 0 0 0 2.77-7.84c0-6.903-5.596-12.5-12.5-12.5a12.5 12.5 0 0 0-11 6.56a12.5 12.5 0 0 0-11-6.56c-6.904 0-12.5 5.597-12.5 12.5c0 2.97 1.04 5.695 2.77 7.84l-.005.003l7.853 9.733M34.5 37.5L21 51M62.09 9.908L58 14M20.6 51.45h-6.95l-6.457 6.46h6.947v6.95l6.46-6.46zM68.18 3.628L66.92 8.48l-1.25 4.85l-3.6-3.595l-3.59-3.596l4.85-1.255z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ea5a47" d="M60.5 25c0-7.444-6.056-13.5-13.5-13.5a13.5 13.5 0 0 0-11 5.672A13.5 13.5 0 0 0 25 11.5c-7.444 0-13.5 6.056-13.5 13.5c0 2.728.84 5.408 2.383 7.65l-.035.027l20.87 25.86h2.571l20.23-25.07l.668-.837l-.035-.024a13.54 13.54 0 0 0 2.354-7.609z"/><path fill="#61b2e4" d="m19.82 52.18l.28 6.72l-5.99 5.99l-.28-6.72z"/><path fill="#92d3f5" d="M7.882 57.67h6.448l5.99-5.99h-6.45zM68.18 3.628L66.92 8.48l-1.25 4.85l-3.6-3.595l-3.59-3.596l4.85-1.255z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m28.26 48.95l7.737 9.589l20.73-25.7l-.004-.003a12.44 12.44 0 0 0 2.77-7.84c0-6.903-5.596-12.5-12.5-12.5a12.5 12.5 0 0 0-11 6.56a12.5 12.5 0 0 0-11-6.56c-6.904 0-12.5 5.597-12.5 12.5c0 2.97 1.04 5.695 2.77 7.84l-.005.003l7.853 9.733M34.5 37.5L21 51M62.09 9.908L58 14M20.6 51.45h-6.95l-6.457 6.46h6.947v6.95l6.46-6.46zM68.18 3.628L66.92 8.48l-1.25 4.85l-3.6-3.595l-3.59-3.596l4.85-1.255z"/></svg>
</template>

CSS

.icon-heart-with-arrow {
  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%2072%2072%22%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M60.5%2025c0-7.444-6.056-13.5-13.5-13.5a13.5%2013.5%200%200%200-11%205.672A13.5%2013.5%200%200%200%2025%2011.5c-7.444%200-13.5%206.056-13.5%2013.5c0%202.728.84%205.408%202.383%207.65l-.035.027l20.87%2025.86h2.571l20.23-25.07l.668-.837l-.035-.024a13.54%2013.54%200%200%200%202.354-7.609z%22%2F%3E%3Cpath%20fill%3D%22%2361b2e4%22%20d%3D%22m19.82%2052.18l.28%206.72l-5.99%205.99l-.28-6.72z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M7.882%2057.67h6.448l5.99-5.99h-6.45zM68.18%203.628L66.92%208.48l-1.25%204.85l-3.6-3.595l-3.59-3.596l4.85-1.255z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m28.26%2048.95l7.737%209.589l20.73-25.7l-.004-.003a12.44%2012.44%200%200%200%202.77-7.84c0-6.903-5.596-12.5-12.5-12.5a12.5%2012.5%200%200%200-11%206.56a12.5%2012.5%200%200%200-11-6.56c-6.904%200-12.5%205.597-12.5%2012.5c0%202.97%201.04%205.695%202.77%207.84l-.005.003l7.853%209.733M34.5%2037.5L21%2051M62.09%209.908L58%2014M20.6%2051.45h-6.95l-6.457%206.46h6.947v6.95l6.46-6.46zM68.18%203.628L66.92%208.48l-1.25%204.85l-3.6-3.595l-3.59-3.596l4.85-1.255z%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M60.5%2025c0-7.444-6.056-13.5-13.5-13.5a13.5%2013.5%200%200%200-11%205.672A13.5%2013.5%200%200%200%2025%2011.5c-7.444%200-13.5%206.056-13.5%2013.5c0%202.728.84%205.408%202.383%207.65l-.035.027l20.87%2025.86h2.571l20.23-25.07l.668-.837l-.035-.024a13.54%2013.54%200%200%200%202.354-7.609z%22%2F%3E%3Cpath%20fill%3D%22%2361b2e4%22%20d%3D%22m19.82%2052.18l.28%206.72l-5.99%205.99l-.28-6.72z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M7.882%2057.67h6.448l5.99-5.99h-6.45zM68.18%203.628L66.92%208.48l-1.25%204.85l-3.6-3.595l-3.59-3.596l4.85-1.255z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m28.26%2048.95l7.737%209.589l20.73-25.7l-.004-.003a12.44%2012.44%200%200%200%202.77-7.84c0-6.903-5.596-12.5-12.5-12.5a12.5%2012.5%200%200%200-11%206.56a12.5%2012.5%200%200%200-11-6.56c-6.904%200-12.5%205.597-12.5%2012.5c0%202.97%201.04%205.695%202.77%207.84l-.005.003l7.853%209.733M34.5%2037.5L21%2051M62.09%209.908L58%2014M20.6%2051.45h-6.95l-6.457%206.46h6.947v6.95l6.46-6.46zM68.18%203.628L66.92%208.48l-1.25%204.85l-3.6-3.595l-3.59-3.596l4.85-1.255z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/heart-with-arrow.svg?color=%231a73e8&size=48