heart with arrow emoji

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

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

The same emoji in other sets

heart-with-arrowEmoji One (Colored)heart-with-arrowFluent Emojiheart-with-arrowFluent Emoji Flatheart-with-arrowNoto Emojiheart-with-arrowOpenMojiheart-with-arrowStreamline Emojisheart-with-arrowTwitter 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 with arrow emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m2.022 2.712l1.49 4.85c.12.39.62.51.91.22l.974-.971l5.919 5.918a1 1 0 0 0 1.414-1.414L6.813 5.398l.979-.976a.55.55 0 0 0-.23-.91l-4.85-1.49a.559.559 0 0 0-.69.69m23.92 24.32l-.014-.014a.998.998 0 0 0 1.087-1.112l.037.036a1.498 1.498 0 0 0 2.91-.5c0-.41-.16-.78-.43-1.05l-.02-.02l-2.91-2.84a2.2 2.2 0 0 0-1.52-.61l-2.728.017l-3.685-3.684a1 1 0 0 0-1.414 1.414l3.684 3.684l-.017 2.709c0 .57.22 1.11.61 1.52l2.84 2.91l.02.02c.27.27.64.43 1.05.43c.83 0 1.5-.67 1.5-1.5c0-.65-.42-1.2-1-1.41"/><path d="M2 14c0-1.946.572-3.72 1.64-5.108c.505.13 1.076.01 1.489-.403l.266-.265l.87.869q-.367.27-.675.592C4.596 10.725 4 12.217 4 14c0 1.732.703 3.54 1.856 5.326c1.15 1.78 2.701 3.467 4.284 4.935a45.4 45.4 0 0 0 5.814 4.54l.046.029l.046-.03c.35-.226.849-.561 1.448-.99a47 47 0 0 0 2.53-1.945a3.2 3.2 0 0 0 .783 1.406l.292.299a50 50 0 0 1-2.441 1.866c-.625.447-1.15.8-1.526 1.044a18 18 0 0 1-.596.37a2 2 0 0 1-.151.074a1 1 0 0 1-.092.032h-.002a1 1 0 0 1-.29.044c-.152 0-.268-.036-.292-.043h-.002a1 1 0 0 1-.242-.108l-.146-.085a18 18 0 0 1-.451-.284a47.4 47.4 0 0 1-6.087-4.752c-1.654-1.534-3.333-3.348-4.605-5.317C2.91 18.45 2 16.261 2 14m11.727-4.49c-.7-.6-1.627-1.176-2.794-1.405L8.878 6.05Q9.352 6 9.846 6c2.317 0 4.045 1.016 5.182 1.99c.389.334.713.665.972.955c.26-.29.583-.621.972-.954C18.11 7.016 19.837 6 22.154 6c2.325 0 4.305.842 5.701 2.303C29.247 9.759 30 11.766 30 14c0 2.261-.91 4.45-2.176 6.411q-.18.28-.371.554l-.153-.149l-.009-.008a3.2 3.2 0 0 0-1.592-.826q.23-.326.445-.656C27.298 17.54 28 15.732 28 14c0-1.783-.596-3.275-1.59-4.315C25.42 8.65 23.977 8 22.154 8c-1.692 0-2.976.734-3.88 1.51a8.7 8.7 0 0 0-1.049 1.078c-.096.117-.173.216-.24.303l-.062.078a4 4 0 0 1-.13.158a1.1 1.1 0 0 1-.29.24a1.015 1.015 0 0 1-1.17-.116c-.06-.05-.104-.1-.125-.124a4 4 0 0 1-.13-.158l-.062-.078a15 15 0 0 0-.241-.303a8.6 8.6 0 0 0-1.048-1.079"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastHeartWithArrow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m2.022 2.712l1.49 4.85c.12.39.62.51.91.22l.974-.971l5.919 5.918a1 1 0 0 0 1.414-1.414L6.813 5.398l.979-.976a.55.55 0 0 0-.23-.91l-4.85-1.49a.559.559 0 0 0-.69.69m23.92 24.32l-.014-.014a.998.998 0 0 0 1.087-1.112l.037.036a1.498 1.498 0 0 0 2.91-.5c0-.41-.16-.78-.43-1.05l-.02-.02l-2.91-2.84a2.2 2.2 0 0 0-1.52-.61l-2.728.017l-3.685-3.684a1 1 0 0 0-1.414 1.414l3.684 3.684l-.017 2.709c0 .57.22 1.11.61 1.52l2.84 2.91l.02.02c.27.27.64.43 1.05.43c.83 0 1.5-.67 1.5-1.5c0-.65-.42-1.2-1-1.41"/><path d="M2 14c0-1.946.572-3.72 1.64-5.108c.505.13 1.076.01 1.489-.403l.266-.265l.87.869q-.367.27-.675.592C4.596 10.725 4 12.217 4 14c0 1.732.703 3.54 1.856 5.326c1.15 1.78 2.701 3.467 4.284 4.935a45.4 45.4 0 0 0 5.814 4.54l.046.029l.046-.03c.35-.226.849-.561 1.448-.99a47 47 0 0 0 2.53-1.945a3.2 3.2 0 0 0 .783 1.406l.292.299a50 50 0 0 1-2.441 1.866c-.625.447-1.15.8-1.526 1.044a18 18 0 0 1-.596.37a2 2 0 0 1-.151.074a1 1 0 0 1-.092.032h-.002a1 1 0 0 1-.29.044c-.152 0-.268-.036-.292-.043h-.002a1 1 0 0 1-.242-.108l-.146-.085a18 18 0 0 1-.451-.284a47.4 47.4 0 0 1-6.087-4.752c-1.654-1.534-3.333-3.348-4.605-5.317C2.91 18.45 2 16.261 2 14m11.727-4.49c-.7-.6-1.627-1.176-2.794-1.405L8.878 6.05Q9.352 6 9.846 6c2.317 0 4.045 1.016 5.182 1.99c.389.334.713.665.972.955c.26-.29.583-.621.972-.954C18.11 7.016 19.837 6 22.154 6c2.325 0 4.305.842 5.701 2.303C29.247 9.759 30 11.766 30 14c0 2.261-.91 4.45-2.176 6.411q-.18.28-.371.554l-.153-.149l-.009-.008a3.2 3.2 0 0 0-1.592-.826q.23-.326.445-.656C27.298 17.54 28 15.732 28 14c0-1.783-.596-3.275-1.59-4.315C25.42 8.65 23.977 8 22.154 8c-1.692 0-2.976.734-3.88 1.51a8.7 8.7 0 0 0-1.049 1.078c-.096.117-.173.216-.24.303l-.062.078a4 4 0 0 1-.13.158a1.1 1.1 0 0 1-.29.24a1.015 1.015 0 0 1-1.17-.116c-.06-.05-.104-.1-.125-.124a4 4 0 0 1-.13-.158l-.062-.078a15 15 0 0 0-.241-.303a8.6 8.6 0 0 0-1.048-1.079"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m2.022 2.712l1.49 4.85c.12.39.62.51.91.22l.974-.971l5.919 5.918a1 1 0 0 0 1.414-1.414L6.813 5.398l.979-.976a.55.55 0 0 0-.23-.91l-4.85-1.49a.559.559 0 0 0-.69.69m23.92 24.32l-.014-.014a.998.998 0 0 0 1.087-1.112l.037.036a1.498 1.498 0 0 0 2.91-.5c0-.41-.16-.78-.43-1.05l-.02-.02l-2.91-2.84a2.2 2.2 0 0 0-1.52-.61l-2.728.017l-3.685-3.684a1 1 0 0 0-1.414 1.414l3.684 3.684l-.017 2.709c0 .57.22 1.11.61 1.52l2.84 2.91l.02.02c.27.27.64.43 1.05.43c.83 0 1.5-.67 1.5-1.5c0-.65-.42-1.2-1-1.41"/><path d="M2 14c0-1.946.572-3.72 1.64-5.108c.505.13 1.076.01 1.489-.403l.266-.265l.87.869q-.367.27-.675.592C4.596 10.725 4 12.217 4 14c0 1.732.703 3.54 1.856 5.326c1.15 1.78 2.701 3.467 4.284 4.935a45.4 45.4 0 0 0 5.814 4.54l.046.029l.046-.03c.35-.226.849-.561 1.448-.99a47 47 0 0 0 2.53-1.945a3.2 3.2 0 0 0 .783 1.406l.292.299a50 50 0 0 1-2.441 1.866c-.625.447-1.15.8-1.526 1.044a18 18 0 0 1-.596.37a2 2 0 0 1-.151.074a1 1 0 0 1-.092.032h-.002a1 1 0 0 1-.29.044c-.152 0-.268-.036-.292-.043h-.002a1 1 0 0 1-.242-.108l-.146-.085a18 18 0 0 1-.451-.284a47.4 47.4 0 0 1-6.087-4.752c-1.654-1.534-3.333-3.348-4.605-5.317C2.91 18.45 2 16.261 2 14m11.727-4.49c-.7-.6-1.627-1.176-2.794-1.405L8.878 6.05Q9.352 6 9.846 6c2.317 0 4.045 1.016 5.182 1.99c.389.334.713.665.972.955c.26-.29.583-.621.972-.954C18.11 7.016 19.837 6 22.154 6c2.325 0 4.305.842 5.701 2.303C29.247 9.759 30 11.766 30 14c0 2.261-.91 4.45-2.176 6.411q-.18.28-.371.554l-.153-.149l-.009-.008a3.2 3.2 0 0 0-1.592-.826q.23-.326.445-.656C27.298 17.54 28 15.732 28 14c0-1.783-.596-3.275-1.59-4.315C25.42 8.65 23.977 8 22.154 8c-1.692 0-2.976.734-3.88 1.51a8.7 8.7 0 0 0-1.049 1.078c-.096.117-.173.216-.24.303l-.062.078a4 4 0 0 1-.13.158a1.1 1.1 0 0 1-.29.24a1.015 1.015 0 0 1-1.17-.116c-.06-.05-.104-.1-.125-.124a4 4 0 0 1-.13-.158l-.062-.078a15 15 0 0 0-.241-.303a8.6 8.6 0 0 0-1.048-1.079"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m2.022%202.712l1.49%204.85c.12.39.62.51.91.22l.974-.971l5.919%205.918a1%201%200%200%200%201.414-1.414L6.813%205.398l.979-.976a.55.55%200%200%200-.23-.91l-4.85-1.49a.559.559%200%200%200-.69.69m23.92%2024.32l-.014-.014a.998.998%200%200%200%201.087-1.112l.037.036a1.498%201.498%200%200%200%202.91-.5c0-.41-.16-.78-.43-1.05l-.02-.02l-2.91-2.84a2.2%202.2%200%200%200-1.52-.61l-2.728.017l-3.685-3.684a1%201%200%200%200-1.414%201.414l3.684%203.684l-.017%202.709c0%20.57.22%201.11.61%201.52l2.84%202.91l.02.02c.27.27.64.43%201.05.43c.83%200%201.5-.67%201.5-1.5c0-.65-.42-1.2-1-1.41%22%2F%3E%3Cpath%20d%3D%22M2%2014c0-1.946.572-3.72%201.64-5.108c.505.13%201.076.01%201.489-.403l.266-.265l.87.869q-.367.27-.675.592C4.596%2010.725%204%2012.217%204%2014c0%201.732.703%203.54%201.856%205.326c1.15%201.78%202.701%203.467%204.284%204.935a45.4%2045.4%200%200%200%205.814%204.54l.046.029l.046-.03c.35-.226.849-.561%201.448-.99a47%2047%200%200%200%202.53-1.945a3.2%203.2%200%200%200%20.783%201.406l.292.299a50%2050%200%200%201-2.441%201.866c-.625.447-1.15.8-1.526%201.044a18%2018%200%200%201-.596.37a2%202%200%200%201-.151.074a1%201%200%200%201-.092.032h-.002a1%201%200%200%201-.29.044c-.152%200-.268-.036-.292-.043h-.002a1%201%200%200%201-.242-.108l-.146-.085a18%2018%200%200%201-.451-.284a47.4%2047.4%200%200%201-6.087-4.752c-1.654-1.534-3.333-3.348-4.605-5.317C2.91%2018.45%202%2016.261%202%2014m11.727-4.49c-.7-.6-1.627-1.176-2.794-1.405L8.878%206.05Q9.352%206%209.846%206c2.317%200%204.045%201.016%205.182%201.99c.389.334.713.665.972.955c.26-.29.583-.621.972-.954C18.11%207.016%2019.837%206%2022.154%206c2.325%200%204.305.842%205.701%202.303C29.247%209.759%2030%2011.766%2030%2014c0%202.261-.91%204.45-2.176%206.411q-.18.28-.371.554l-.153-.149l-.009-.008a3.2%203.2%200%200%200-1.592-.826q.23-.326.445-.656C27.298%2017.54%2028%2015.732%2028%2014c0-1.783-.596-3.275-1.59-4.315C25.42%208.65%2023.977%208%2022.154%208c-1.692%200-2.976.734-3.88%201.51a8.7%208.7%200%200%200-1.049%201.078c-.096.117-.173.216-.24.303l-.062.078a4%204%200%200%201-.13.158a1.1%201.1%200%200%201-.29.24a1.015%201.015%200%200%201-1.17-.116c-.06-.05-.104-.1-.125-.124a4%204%200%200%201-.13-.158l-.062-.078a15%2015%200%200%200-.241-.303a8.6%208.6%200%200%200-1.048-1.079%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m2.022%202.712l1.49%204.85c.12.39.62.51.91.22l.974-.971l5.919%205.918a1%201%200%200%200%201.414-1.414L6.813%205.398l.979-.976a.55.55%200%200%200-.23-.91l-4.85-1.49a.559.559%200%200%200-.69.69m23.92%2024.32l-.014-.014a.998.998%200%200%200%201.087-1.112l.037.036a1.498%201.498%200%200%200%202.91-.5c0-.41-.16-.78-.43-1.05l-.02-.02l-2.91-2.84a2.2%202.2%200%200%200-1.52-.61l-2.728.017l-3.685-3.684a1%201%200%200%200-1.414%201.414l3.684%203.684l-.017%202.709c0%20.57.22%201.11.61%201.52l2.84%202.91l.02.02c.27.27.64.43%201.05.43c.83%200%201.5-.67%201.5-1.5c0-.65-.42-1.2-1-1.41%22%2F%3E%3Cpath%20d%3D%22M2%2014c0-1.946.572-3.72%201.64-5.108c.505.13%201.076.01%201.489-.403l.266-.265l.87.869q-.367.27-.675.592C4.596%2010.725%204%2012.217%204%2014c0%201.732.703%203.54%201.856%205.326c1.15%201.78%202.701%203.467%204.284%204.935a45.4%2045.4%200%200%200%205.814%204.54l.046.029l.046-.03c.35-.226.849-.561%201.448-.99a47%2047%200%200%200%202.53-1.945a3.2%203.2%200%200%200%20.783%201.406l.292.299a50%2050%200%200%201-2.441%201.866c-.625.447-1.15.8-1.526%201.044a18%2018%200%200%201-.596.37a2%202%200%200%201-.151.074a1%201%200%200%201-.092.032h-.002a1%201%200%200%201-.29.044c-.152%200-.268-.036-.292-.043h-.002a1%201%200%200%201-.242-.108l-.146-.085a18%2018%200%200%201-.451-.284a47.4%2047.4%200%200%201-6.087-4.752c-1.654-1.534-3.333-3.348-4.605-5.317C2.91%2018.45%202%2016.261%202%2014m11.727-4.49c-.7-.6-1.627-1.176-2.794-1.405L8.878%206.05Q9.352%206%209.846%206c2.317%200%204.045%201.016%205.182%201.99c.389.334.713.665.972.955c.26-.29.583-.621.972-.954C18.11%207.016%2019.837%206%2022.154%206c2.325%200%204.305.842%205.701%202.303C29.247%209.759%2030%2011.766%2030%2014c0%202.261-.91%204.45-2.176%206.411q-.18.28-.371.554l-.153-.149l-.009-.008a3.2%203.2%200%200%200-1.592-.826q.23-.326.445-.656C27.298%2017.54%2028%2015.732%2028%2014c0-1.783-.596-3.275-1.59-4.315C25.42%208.65%2023.977%208%2022.154%208c-1.692%200-2.976.734-3.88%201.51a8.7%208.7%200%200%200-1.049%201.078c-.096.117-.173.216-.24.303l-.062.078a4%204%200%200%201-.13.158a1.1%201.1%200%200%201-.29.24a1.015%201.015%200%200%201-1.17-.116c-.06-.05-.104-.1-.125-.124a4%204%200%200%201-.13-.158l-.062-.078a15%2015%200%200%200-.241-.303a8.6%208.6%200%200%200-1.048-1.079%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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