heart with arrow emoji

heart-with-arrow from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.

Name
heart-with-arrow
Set
Twitter Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
36×36
License
CC BY 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-arrowOpenMojiheart-with-arrowStreamline 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 heart with arrow emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M16.13 17.444L2.129 3.445c-.391-.39 1.023-1.804 1.414-1.415l14.001 14c.391.391-1.219 1.61-1.414 1.414"/><path fill="#dd2e44" d="M34.197 14.488a8.764 8.764 0 0 0-8.764-8.764a8.75 8.75 0 0 0-7.121 3.667a8.75 8.75 0 0 0-7.121-3.667a8.764 8.764 0 0 0-8.764 8.764c0 .686.087 1.351.236 1.99c1.217 7.562 9.624 15.538 15.649 17.729c6.024-2.19 14.432-10.167 15.647-17.728c.151-.64.238-1.305.238-1.991"/><path fill="#ffcc4d" d="M34.648 25.764s-4.509-4.45-6.41-4.45l-5.657-.009l-1.195 1.195l.009 5.657c0 1.901 4.45 6.41 4.45 6.41c.858.787 1.925 1.204 2.695 1.204c.634 0 1.14-.276 1.505-.775c.31-.427.426-.992.426-1.682c0-1.254-.556-2.864-1.39-4.313c1.449.833 3.059 1.39 4.313 1.39c.689 0 1.255-.116 1.682-.426c.499-.365.775-.871.775-1.505c.001-.771-.416-1.837-1.203-2.696"/><path fill="#ffac33" d="M31.569 32.542c-.256 0-.487-.122-.683-.317L17.497 18.827c-.391-.391 1.023-1.805 1.414-1.415l13.39 13.399a1.015 1.015 0 0 1-.013 1.427a1.04 1.04 0 0 1-.719.304"/><path fill="#ffcc4d" d="M.161 1.123A1.003 1.003 0 0 1 1.402.152l6.541 1.625c.452.113.73.521.759.989a1 1 0 0 1-.793.961c-.144.031-3.636.833-4.005 4.051a.999.999 0 0 1-1.959.145L.195 1.381a1 1 0 0 1-.034-.258"/><path fill="#a0041e" d="M22.184 16.015a1 1 0 0 1-.916.931c-3.268.269-3.75 2.12-4.217 3.91l-.108.411a1 1 0 0 1-1.929-.529l.103-.386c.489-1.875 1.306-5.013 5.988-5.399a1 1 0 0 1 1.079 1.062"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiHeartWithArrow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M16.13 17.444L2.129 3.445c-.391-.39 1.023-1.804 1.414-1.415l14.001 14c.391.391-1.219 1.61-1.414 1.414"/><path fill="#dd2e44" d="M34.197 14.488a8.764 8.764 0 0 0-8.764-8.764a8.75 8.75 0 0 0-7.121 3.667a8.75 8.75 0 0 0-7.121-3.667a8.764 8.764 0 0 0-8.764 8.764c0 .686.087 1.351.236 1.99c1.217 7.562 9.624 15.538 15.649 17.729c6.024-2.19 14.432-10.167 15.647-17.728c.151-.64.238-1.305.238-1.991"/><path fill="#ffcc4d" d="M34.648 25.764s-4.509-4.45-6.41-4.45l-5.657-.009l-1.195 1.195l.009 5.657c0 1.901 4.45 6.41 4.45 6.41c.858.787 1.925 1.204 2.695 1.204c.634 0 1.14-.276 1.505-.775c.31-.427.426-.992.426-1.682c0-1.254-.556-2.864-1.39-4.313c1.449.833 3.059 1.39 4.313 1.39c.689 0 1.255-.116 1.682-.426c.499-.365.775-.871.775-1.505c.001-.771-.416-1.837-1.203-2.696"/><path fill="#ffac33" d="M31.569 32.542c-.256 0-.487-.122-.683-.317L17.497 18.827c-.391-.391 1.023-1.805 1.414-1.415l13.39 13.399a1.015 1.015 0 0 1-.013 1.427a1.04 1.04 0 0 1-.719.304"/><path fill="#ffcc4d" d="M.161 1.123A1.003 1.003 0 0 1 1.402.152l6.541 1.625c.452.113.73.521.759.989a1 1 0 0 1-.793.961c-.144.031-3.636.833-4.005 4.051a.999.999 0 0 1-1.959.145L.195 1.381a1 1 0 0 1-.034-.258"/><path fill="#a0041e" d="M22.184 16.015a1 1 0 0 1-.916.931c-3.268.269-3.75 2.12-4.217 3.91l-.108.411a1 1 0 0 1-1.929-.529l.103-.386c.489-1.875 1.306-5.013 5.988-5.399a1 1 0 0 1 1.079 1.062"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M16.13 17.444L2.129 3.445c-.391-.39 1.023-1.804 1.414-1.415l14.001 14c.391.391-1.219 1.61-1.414 1.414"/><path fill="#dd2e44" d="M34.197 14.488a8.764 8.764 0 0 0-8.764-8.764a8.75 8.75 0 0 0-7.121 3.667a8.75 8.75 0 0 0-7.121-3.667a8.764 8.764 0 0 0-8.764 8.764c0 .686.087 1.351.236 1.99c1.217 7.562 9.624 15.538 15.649 17.729c6.024-2.19 14.432-10.167 15.647-17.728c.151-.64.238-1.305.238-1.991"/><path fill="#ffcc4d" d="M34.648 25.764s-4.509-4.45-6.41-4.45l-5.657-.009l-1.195 1.195l.009 5.657c0 1.901 4.45 6.41 4.45 6.41c.858.787 1.925 1.204 2.695 1.204c.634 0 1.14-.276 1.505-.775c.31-.427.426-.992.426-1.682c0-1.254-.556-2.864-1.39-4.313c1.449.833 3.059 1.39 4.313 1.39c.689 0 1.255-.116 1.682-.426c.499-.365.775-.871.775-1.505c.001-.771-.416-1.837-1.203-2.696"/><path fill="#ffac33" d="M31.569 32.542c-.256 0-.487-.122-.683-.317L17.497 18.827c-.391-.391 1.023-1.805 1.414-1.415l13.39 13.399a1.015 1.015 0 0 1-.013 1.427a1.04 1.04 0 0 1-.719.304"/><path fill="#ffcc4d" d="M.161 1.123A1.003 1.003 0 0 1 1.402.152l6.541 1.625c.452.113.73.521.759.989a1 1 0 0 1-.793.961c-.144.031-3.636.833-4.005 4.051a.999.999 0 0 1-1.959.145L.195 1.381a1 1 0 0 1-.034-.258"/><path fill="#a0041e" d="M22.184 16.015a1 1 0 0 1-.916.931c-3.268.269-3.75 2.12-4.217 3.91l-.108.411a1 1 0 0 1-1.929-.529l.103-.386c.489-1.875 1.306-5.013 5.988-5.399a1 1 0 0 1 1.079 1.062"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M16.13%2017.444L2.129%203.445c-.391-.39%201.023-1.804%201.414-1.415l14.001%2014c.391.391-1.219%201.61-1.414%201.414%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M34.197%2014.488a8.764%208.764%200%200%200-8.764-8.764a8.75%208.75%200%200%200-7.121%203.667a8.75%208.75%200%200%200-7.121-3.667a8.764%208.764%200%200%200-8.764%208.764c0%20.686.087%201.351.236%201.99c1.217%207.562%209.624%2015.538%2015.649%2017.729c6.024-2.19%2014.432-10.167%2015.647-17.728c.151-.64.238-1.305.238-1.991%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M34.648%2025.764s-4.509-4.45-6.41-4.45l-5.657-.009l-1.195%201.195l.009%205.657c0%201.901%204.45%206.41%204.45%206.41c.858.787%201.925%201.204%202.695%201.204c.634%200%201.14-.276%201.505-.775c.31-.427.426-.992.426-1.682c0-1.254-.556-2.864-1.39-4.313c1.449.833%203.059%201.39%204.313%201.39c.689%200%201.255-.116%201.682-.426c.499-.365.775-.871.775-1.505c.001-.771-.416-1.837-1.203-2.696%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M31.569%2032.542c-.256%200-.487-.122-.683-.317L17.497%2018.827c-.391-.391%201.023-1.805%201.414-1.415l13.39%2013.399a1.015%201.015%200%200%201-.013%201.427a1.04%201.04%200%200%201-.719.304%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M.161%201.123A1.003%201.003%200%200%201%201.402.152l6.541%201.625c.452.113.73.521.759.989a1%201%200%200%201-.793.961c-.144.031-3.636.833-4.005%204.051a.999.999%200%200%201-1.959.145L.195%201.381a1%201%200%200%201-.034-.258%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M22.184%2016.015a1%201%200%200%201-.916.931c-3.268.269-3.75%202.12-4.217%203.91l-.108.411a1%201%200%200%201-1.929-.529l.103-.386c.489-1.875%201.306-5.013%205.988-5.399a1%201%200%200%201%201.079%201.062%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%23ffac33%22%20d%3D%22M16.13%2017.444L2.129%203.445c-.391-.39%201.023-1.804%201.414-1.415l14.001%2014c.391.391-1.219%201.61-1.414%201.414%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M34.197%2014.488a8.764%208.764%200%200%200-8.764-8.764a8.75%208.75%200%200%200-7.121%203.667a8.75%208.75%200%200%200-7.121-3.667a8.764%208.764%200%200%200-8.764%208.764c0%20.686.087%201.351.236%201.99c1.217%207.562%209.624%2015.538%2015.649%2017.729c6.024-2.19%2014.432-10.167%2015.647-17.728c.151-.64.238-1.305.238-1.991%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M34.648%2025.764s-4.509-4.45-6.41-4.45l-5.657-.009l-1.195%201.195l.009%205.657c0%201.901%204.45%206.41%204.45%206.41c.858.787%201.925%201.204%202.695%201.204c.634%200%201.14-.276%201.505-.775c.31-.427.426-.992.426-1.682c0-1.254-.556-2.864-1.39-4.313c1.449.833%203.059%201.39%204.313%201.39c.689%200%201.255-.116%201.682-.426c.499-.365.775-.871.775-1.505c.001-.771-.416-1.837-1.203-2.696%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M31.569%2032.542c-.256%200-.487-.122-.683-.317L17.497%2018.827c-.391-.391%201.023-1.805%201.414-1.415l13.39%2013.399a1.015%201.015%200%200%201-.013%201.427a1.04%201.04%200%200%201-.719.304%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M.161%201.123A1.003%201.003%200%200%201%201.402.152l6.541%201.625c.452.113.73.521.759.989a1%201%200%200%201-.793.961c-.144.031-3.636.833-4.005%204.051a.999.999%200%200%201-1.959.145L.195%201.381a1%201%200%200%201-.034-.258%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M22.184%2016.015a1%201%200%200%201-.916.931c-3.268.269-3.75%202.12-4.217%203.91l-.108.411a1%201%200%200%201-1.929-.529l.103-.386c.489-1.875%201.306-5.013%205.988-5.399a1%201%200%200%201%201.079%201.062%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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