# Heart arrow icon — Nodo Icons

- Name: `heart-arrow`
- Category: social
- Tags: cupid, love arrow, valentine, heart
- Free style: Linear (MIT). Pro styles: Light, Bold, Sharp, Twotone, Duotone, Bulk, Solid, Contained, Soft.
- Page: https://nodoicons.com/icons/heart-arrow/
- SVG (Linear): https://nodoicons.com/svg/linear/heart-arrow.svg

## React

```jsx
import { HeartArrowIcon } from '@nodo-icons/react';

<HeartArrowIcon size={24} />
```

## Vue

```vue
<script setup>
import { HeartArrowIcon } from '@nodo-icons/vue';
</script>

<template><HeartArrowIcon :size="24" /></template>
```

## SVG (Linear)

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 18.8C8.1 16.45 4.98 13.73 4.98 10.22C4.98 8.19 6.54 6.71 8.49 6.71C9.89 6.71 11.14 7.49 12 8.66C12.86 7.49 14.11 6.71 15.51 6.71C17.46 6.71 19.02 8.19 19.02 10.22C19.02 13.73 15.9 16.45 12 18.8Z"/><line x1="3.5" y1="20.5" x2="6.25" y2="17.75"/><line x1="18.5" y1="5.5" x2="20.5" y2="3.5"/><path d="M16.5 3.5h4v4"/></svg>
```

## Pro styles

With Nodo Icons Pro: `import { HeartArrowIcon } from '@nodo-icons/react-pro/<style>'`, where `<style>` is one of light, bold, sharp, twotone, duotone, bulk, solid, contained, soft. The Pro packages install from the Nodo Icons registry with your license key: https://nodoicons.com/docs/#nodo-icons-pro-in-react-and-vue. Pricing: https://nodoicons.com/#pricing

## Related icons

- [chat-heart](https://nodoicons.com/icons/chat-heart/index.md)
- [heart](https://nodoicons.com/icons/heart/index.md)
- [heart-broken](https://nodoicons.com/icons/heart-broken/index.md)
- [heart-check](https://nodoicons.com/icons/heart-check/index.md)
- [heart-eyes](https://nodoicons.com/icons/heart-eyes/index.md)
- [heart-minus](https://nodoicons.com/icons/heart-minus/index.md)
- [heart-off](https://nodoicons.com/icons/heart-off/index.md)
- [heart-plus](https://nodoicons.com/icons/heart-plus/index.md)
- [heart-search](https://nodoicons.com/icons/heart-search/index.md)
- [user-heart](https://nodoicons.com/icons/user-heart/index.md)
- [users-heart](https://nodoicons.com/icons/users-heart/index.md)
- [advertisement](https://nodoicons.com/icons/advertisement/index.md)