# Hearts icon — Nodo Icons

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

## React

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

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

## Vue

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

<template><HeartsIcon :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="M9.5 20.18C6 18.08 3.2 15.63 3.2 12.48C3.2 10.66 4.6 9.32 6.35 9.32C7.61 9.32 8.73 10.03 9.5 11.08C10.27 10.03 11.39 9.32 12.65 9.32C14.4 9.32 15.8 10.66 15.8 12.48C15.8 15.63 13 18.08 9.5 20.18Z"/><path d="M17.25 9.2C15.35 8.06 13.83 6.73 13.83 5.01C13.83 4.03 14.59 3.31 15.54 3.31C16.22 3.31 16.83 3.69 17.25 4.26C17.67 3.69 18.28 3.31 18.96 3.31C19.91 3.31 20.67 4.03 20.67 5.01C20.67 6.73 19.15 8.06 17.25 9.2Z"/></svg>
```

## Pro styles

With Nodo Icons Pro: `import { HeartsIcon } 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

- [heart](https://nodoicons.com/icons/heart/index.md)
- [advertisement](https://nodoicons.com/icons/advertisement/index.md)
- [angry](https://nodoicons.com/icons/angry/index.md)
- [blog](https://nodoicons.com/icons/blog/index.md)
- [blush](https://nodoicons.com/icons/blush/index.md)
- [bookmark](https://nodoicons.com/icons/bookmark/index.md)
- [bookmark-check](https://nodoicons.com/icons/bookmark-check/index.md)
- [bookmark-minus](https://nodoicons.com/icons/bookmark-minus/index.md)
- [bookmark-plus](https://nodoicons.com/icons/bookmark-plus/index.md)
- [bookmark-search](https://nodoicons.com/icons/bookmark-search/index.md)
- [bookmark-share](https://nodoicons.com/icons/bookmark-share/index.md)
- [bookmarks](https://nodoicons.com/icons/bookmarks/index.md)