# hearts icon

Hearts. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/hearts

- Category: Social & emotions
- Use it for: hearts, lives, multiple likes
- Tags: hearts, love, likes, lives, favorite, valentine
- Component name: HeartsIcon
- Added: 2026-11-12

## Files

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too.

- line-round: https://gentleface.com/svg/line-round/16/hearts.svg · PNG https://gentleface.com/png/line-round/16/hearts.png · https://gentleface.com/png/line-round/32/hearts.png · https://gentleface.com/png/line-round/48/hearts.png
- line-soft: https://gentleface.com/svg/line-soft/16/hearts.svg · PNG https://gentleface.com/png/line-soft/16/hearts.png · https://gentleface.com/png/line-soft/32/hearts.png · https://gentleface.com/png/line-soft/48/hearts.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/hearts.svg · PNG https://gentleface.com/png/line-sharp/16/hearts.png · https://gentleface.com/png/line-sharp/32/hearts.png · https://gentleface.com/png/line-sharp/48/hearts.png
- solid-round: https://gentleface.com/svg/solid-round/16/hearts.svg · PNG https://gentleface.com/png/solid-round/16/hearts.png · https://gentleface.com/png/solid-round/32/hearts.png · https://gentleface.com/png/solid-round/48/hearts.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/hearts.svg · PNG https://gentleface.com/png/solid-soft/16/hearts.png · https://gentleface.com/png/solid-soft/32/hearts.png · https://gentleface.com/png/solid-soft/48/hearts.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/hearts.svg · PNG https://gentleface.com/png/solid-sharp/16/hearts.png · https://gentleface.com/png/solid-sharp/32/hearts.png · https://gentleface.com/png/solid-sharp/48/hearts.png

The SVG of every style: https://gentleface.com/icons/hearts.json (`svg`).

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.992 7.931C1.718 7.656 1.489 7.304 1.305 6.875C1.102 6.401 1 5.93 1 5.462C1 4.989 1.084 4.536 1.252 4.104C1.411 3.695 1.634 3.331 1.921 3.012C2.205 2.697 2.526 2.452 2.886 2.276C3.262 2.092 3.646 2 4.038 2C4.395 2 4.757 2.056 5.123 2.167C5.46 2.27 5.784 2.414 6.094 2.6C6.393 2.78 6.659 2.985 6.891 3.217C6.929 3.255 6.965 3.293 7 3.331C7.035 3.293 7.071 3.255 7.109 3.217C7.341 2.985 7.607 2.78 7.906 2.6C8.216 2.414 8.54 2.27 8.877 2.167C9.243 2.056 9.605 2 9.962 2C10.354 2 10.738 2.092 11.114 2.276C11.474 2.452 11.795 2.697 12.079 3.012C12.366 3.331 12.589 3.695 12.748 4.104C12.916 4.536 13 4.989 13 5.462C13 5.964 12.884 6.467 12.653 6.97C12.632 7.015 12.607 7.055 12.577 7.09C12.368 7.108 12.162 7.145 11.958 7.2C11.847 7.141 11.77 7.053 11.727 6.936C11.68 6.809 11.685 6.681 11.744 6.553C11.915 6.182 12 5.818 12 5.462C12 5.114 11.939 4.782 11.816 4.466C11.701 4.171 11.541 3.909 11.335 3.681C11.139 3.462 10.918 3.293 10.674 3.174C10.437 3.058 10.2 3 9.962 3C9.443 3 8.929 3.153 8.421 3.458C8.191 3.595 7.99 3.751 7.816 3.924C7.652 4.089 7.529 4.252 7.447 4.416C7.398 4.515 7.323 4.59 7.224 4.639C7.1 4.701 6.973 4.71 6.842 4.666C6.711 4.623 6.615 4.539 6.553 4.416C6.471 4.252 6.348 4.089 6.184 3.924C6.01 3.751 5.809 3.595 5.579 3.458C5.071 3.153 4.557 3 4.038 3C3.8 3 3.563 3.058 3.326 3.174C3.082 3.293 2.861 3.462 2.665 3.681C2.459 3.909 2.299 4.171 2.184 4.466C2.061 4.782 2 5.114 2 5.462C2 5.793 2.075 6.133 2.224 6.481C2.357 6.792 2.516 7.04 2.7 7.223L6.001 10.524C6.006 10.802 6.047 11.079 6.123 11.353L6.122 11.353C6.023 11.453 5.905 11.503 5.769 11.503C5.633 11.503 5.515 11.453 5.415 11.353L1.992 7.931ZM11 15C10.683 15 10.412 14.888 10.187 14.663L7.685 12.162C7.493 11.97 7.334 11.726 7.209 11.432C7.07 11.108 7 10.784 7 10.462C7 10.138 7.058 9.828 7.173 9.532C7.282 9.251 7.435 9.001 7.633 8.781C7.829 8.563 8.052 8.393 8.302 8.271C8.567 8.142 8.838 8.077 9.115 8.077C9.596 8.077 10.064 8.213 10.517 8.485C10.7 8.595 10.861 8.714 11 8.843C11.139 8.714 11.3 8.595 11.483 8.485C11.936 8.213 12.404 8.077 12.885 8.077C13.162 8.077 13.433 8.142 13.698 8.271C13.948 8.393 14.171 8.563 14.367 8.781C14.565 9.001 14.718 9.251 14.827 9.532C14.942 9.828 15 10.138 15 10.462C15 10.784 14.93 11.108 14.791 11.432C14.666 11.726 14.507 11.969 14.316 12.161L14.316 12.162L11.813 14.663C11.588 14.888 11.317 15 11 15ZM13.872 11.039C13.957 10.84 14 10.648 14 10.462C14 10.066 13.874 9.729 13.623 9.45C13.514 9.328 13.392 9.235 13.258 9.169C13.132 9.108 13.008 9.077 12.885 9.077C12.588 9.077 12.292 9.165 11.998 9.342C11.728 9.504 11.545 9.682 11.447 9.877C11.398 9.977 11.323 10.052 11.223 10.101C11.1 10.163 10.972 10.172 10.842 10.128C10.711 10.084 10.614 10.001 10.553 9.877C10.455 9.682 10.272 9.504 10.002 9.342C9.708 9.165 9.412 9.077 9.115 9.077C8.992 9.077 8.868 9.108 8.742 9.169C8.608 9.235 8.486 9.328 8.377 9.45C8.126 9.729 8 10.066 8 10.462C8 10.648 8.043 10.84 8.128 11.039C8.203 11.215 8.291 11.354 8.391 11.454L10.894 13.956C10.923 13.985 10.959 14 11 14C11.041 14 11.077 13.985 11.106 13.956L13.608 11.455C13.708 11.354 13.797 11.215 13.872 11.039Z"/></svg>
```

### React

```tsx
// Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts
import type { SVGProps } from 'react';

export function HeartsIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.992 7.931C1.718 7.656 1.489 7.304 1.305 6.875C1.102 6.401 1 5.93 1 5.462C1 4.989 1.084 4.536 1.252 4.104C1.411 3.695 1.634 3.331 1.921 3.012C2.205 2.697 2.526 2.452 2.886 2.276C3.262 2.092 3.646 2 4.038 2C4.395 2 4.757 2.056 5.123 2.167C5.46 2.27 5.784 2.414 6.094 2.6C6.393 2.78 6.659 2.985 6.891 3.217C6.929 3.255 6.965 3.293 7 3.331C7.035 3.293 7.071 3.255 7.109 3.217C7.341 2.985 7.607 2.78 7.906 2.6C8.216 2.414 8.54 2.27 8.877 2.167C9.243 2.056 9.605 2 9.962 2C10.354 2 10.738 2.092 11.114 2.276C11.474 2.452 11.795 2.697 12.079 3.012C12.366 3.331 12.589 3.695 12.748 4.104C12.916 4.536 13 4.989 13 5.462C13 5.964 12.884 6.467 12.653 6.97C12.632 7.015 12.607 7.055 12.577 7.09C12.368 7.108 12.162 7.145 11.958 7.2C11.847 7.141 11.77 7.053 11.727 6.936C11.68 6.809 11.685 6.681 11.744 6.553C11.915 6.182 12 5.818 12 5.462C12 5.114 11.939 4.782 11.816 4.466C11.701 4.171 11.541 3.909 11.335 3.681C11.139 3.462 10.918 3.293 10.674 3.174C10.437 3.058 10.2 3 9.962 3C9.443 3 8.929 3.153 8.421 3.458C8.191 3.595 7.99 3.751 7.816 3.924C7.652 4.089 7.529 4.252 7.447 4.416C7.398 4.515 7.323 4.59 7.224 4.639C7.1 4.701 6.973 4.71 6.842 4.666C6.711 4.623 6.615 4.539 6.553 4.416C6.471 4.252 6.348 4.089 6.184 3.924C6.01 3.751 5.809 3.595 5.579 3.458C5.071 3.153 4.557 3 4.038 3C3.8 3 3.563 3.058 3.326 3.174C3.082 3.293 2.861 3.462 2.665 3.681C2.459 3.909 2.299 4.171 2.184 4.466C2.061 4.782 2 5.114 2 5.462C2 5.793 2.075 6.133 2.224 6.481C2.357 6.792 2.516 7.04 2.7 7.223L6.001 10.524C6.006 10.802 6.047 11.079 6.123 11.353L6.122 11.353C6.023 11.453 5.905 11.503 5.769 11.503C5.633 11.503 5.515 11.453 5.415 11.353L1.992 7.931ZM11 15C10.683 15 10.412 14.888 10.187 14.663L7.685 12.162C7.493 11.97 7.334 11.726 7.209 11.432C7.07 11.108 7 10.784 7 10.462C7 10.138 7.058 9.828 7.173 9.532C7.282 9.251 7.435 9.001 7.633 8.781C7.829 8.563 8.052 8.393 8.302 8.271C8.567 8.142 8.838 8.077 9.115 8.077C9.596 8.077 10.064 8.213 10.517 8.485C10.7 8.595 10.861 8.714 11 8.843C11.139 8.714 11.3 8.595 11.483 8.485C11.936 8.213 12.404 8.077 12.885 8.077C13.162 8.077 13.433 8.142 13.698 8.271C13.948 8.393 14.171 8.563 14.367 8.781C14.565 9.001 14.718 9.251 14.827 9.532C14.942 9.828 15 10.138 15 10.462C15 10.784 14.93 11.108 14.791 11.432C14.666 11.726 14.507 11.969 14.316 12.161L14.316 12.162L11.813 14.663C11.588 14.888 11.317 15 11 15ZM13.872 11.039C13.957 10.84 14 10.648 14 10.462C14 10.066 13.874 9.729 13.623 9.45C13.514 9.328 13.392 9.235 13.258 9.169C13.132 9.108 13.008 9.077 12.885 9.077C12.588 9.077 12.292 9.165 11.998 9.342C11.728 9.504 11.545 9.682 11.447 9.877C11.398 9.977 11.323 10.052 11.223 10.101C11.1 10.163 10.972 10.172 10.842 10.128C10.711 10.084 10.614 10.001 10.553 9.877C10.455 9.682 10.272 9.504 10.002 9.342C9.708 9.165 9.412 9.077 9.115 9.077C8.992 9.077 8.868 9.108 8.742 9.169C8.608 9.235 8.486 9.328 8.377 9.45C8.126 9.729 8 10.066 8 10.462C8 10.648 8.043 10.84 8.128 11.039C8.203 11.215 8.291 11.354 8.391 11.454L10.894 13.956C10.923 13.985 10.959 14 11 14C11.041 14 11.077 13.985 11.106 13.956L13.608 11.455C13.708 11.354 13.797 11.215 13.872 11.039Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M1.992 7.931C1.718 7.656 1.489 7.304 1.305 6.875C1.102 6.401 1 5.93 1 5.462C1 4.989 1.084 4.536 1.252 4.104C1.411 3.695 1.634 3.331 1.921 3.012C2.205 2.697 2.526 2.452 2.886 2.276C3.262 2.092 3.646 2 4.038 2C4.395 2 4.757 2.056 5.123 2.167C5.46 2.27 5.784 2.414 6.094 2.6C6.393 2.78 6.659 2.985 6.891 3.217C6.929 3.255 6.965 3.293 7 3.331C7.035 3.293 7.071 3.255 7.109 3.217C7.341 2.985 7.607 2.78 7.906 2.6C8.216 2.414 8.54 2.27 8.877 2.167C9.243 2.056 9.605 2 9.962 2C10.354 2 10.738 2.092 11.114 2.276C11.474 2.452 11.795 2.697 12.079 3.012C12.366 3.331 12.589 3.695 12.748 4.104C12.916 4.536 13 4.989 13 5.462C13 5.964 12.884 6.467 12.653 6.97C12.632 7.015 12.607 7.055 12.577 7.09C12.368 7.108 12.162 7.145 11.958 7.2C11.847 7.141 11.77 7.053 11.727 6.936C11.68 6.809 11.685 6.681 11.744 6.553C11.915 6.182 12 5.818 12 5.462C12 5.114 11.939 4.782 11.816 4.466C11.701 4.171 11.541 3.909 11.335 3.681C11.139 3.462 10.918 3.293 10.674 3.174C10.437 3.058 10.2 3 9.962 3C9.443 3 8.929 3.153 8.421 3.458C8.191 3.595 7.99 3.751 7.816 3.924C7.652 4.089 7.529 4.252 7.447 4.416C7.398 4.515 7.323 4.59 7.224 4.639C7.1 4.701 6.973 4.71 6.842 4.666C6.711 4.623 6.615 4.539 6.553 4.416C6.471 4.252 6.348 4.089 6.184 3.924C6.01 3.751 5.809 3.595 5.579 3.458C5.071 3.153 4.557 3 4.038 3C3.8 3 3.563 3.058 3.326 3.174C3.082 3.293 2.861 3.462 2.665 3.681C2.459 3.909 2.299 4.171 2.184 4.466C2.061 4.782 2 5.114 2 5.462C2 5.793 2.075 6.133 2.224 6.481C2.357 6.792 2.516 7.04 2.7 7.223L6.001 10.524C6.006 10.802 6.047 11.079 6.123 11.353L6.122 11.353C6.023 11.453 5.905 11.503 5.769 11.503C5.633 11.503 5.515 11.453 5.415 11.353L1.992 7.931ZM11 15C10.683 15 10.412 14.888 10.187 14.663L7.685 12.162C7.493 11.97 7.334 11.726 7.209 11.432C7.07 11.108 7 10.784 7 10.462C7 10.138 7.058 9.828 7.173 9.532C7.282 9.251 7.435 9.001 7.633 8.781C7.829 8.563 8.052 8.393 8.302 8.271C8.567 8.142 8.838 8.077 9.115 8.077C9.596 8.077 10.064 8.213 10.517 8.485C10.7 8.595 10.861 8.714 11 8.843C11.139 8.714 11.3 8.595 11.483 8.485C11.936 8.213 12.404 8.077 12.885 8.077C13.162 8.077 13.433 8.142 13.698 8.271C13.948 8.393 14.171 8.563 14.367 8.781C14.565 9.001 14.718 9.251 14.827 9.532C14.942 9.828 15 10.138 15 10.462C15 10.784 14.93 11.108 14.791 11.432C14.666 11.726 14.507 11.969 14.316 12.161L14.316 12.162L11.813 14.663C11.588 14.888 11.317 15 11 15ZM13.872 11.039C13.957 10.84 14 10.648 14 10.462C14 10.066 13.874 9.729 13.623 9.45C13.514 9.328 13.392 9.235 13.258 9.169C13.132 9.108 13.008 9.077 12.885 9.077C12.588 9.077 12.292 9.165 11.998 9.342C11.728 9.504 11.545 9.682 11.447 9.877C11.398 9.977 11.323 10.052 11.223 10.101C11.1 10.163 10.972 10.172 10.842 10.128C10.711 10.084 10.614 10.001 10.553 9.877C10.455 9.682 10.272 9.504 10.002 9.342C9.708 9.165 9.412 9.077 9.115 9.077C8.992 9.077 8.868 9.108 8.742 9.169C8.608 9.235 8.486 9.328 8.377 9.45C8.126 9.729 8 10.066 8 10.462C8 10.648 8.043 10.84 8.128 11.039C8.203 11.215 8.291 11.354 8.391 11.454L10.894 13.956C10.923 13.985 10.959 14 11 14C11.041 14 11.077 13.985 11.106 13.956L13.608 11.455C13.708 11.354 13.797 11.215 13.872 11.039Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M1.992 7.931C1.718 7.656 1.489 7.304 1.305 6.875C1.102 6.401 1 5.93 1 5.462C1 4.989 1.084 4.536 1.252 4.104C1.411 3.695 1.634 3.331 1.921 3.012C2.205 2.697 2.526 2.452 2.886 2.276C3.262 2.092 3.646 2 4.038 2C4.395 2 4.757 2.056 5.123 2.167C5.46 2.27 5.784 2.414 6.094 2.6C6.393 2.78 6.659 2.985 6.891 3.217C6.929 3.255 6.965 3.293 7 3.331C7.035 3.293 7.071 3.255 7.109 3.217C7.341 2.985 7.607 2.78 7.906 2.6C8.216 2.414 8.54 2.27 8.877 2.167C9.243 2.056 9.605 2 9.962 2C10.354 2 10.738 2.092 11.114 2.276C11.474 2.452 11.795 2.697 12.079 3.012C12.366 3.331 12.589 3.695 12.748 4.104C12.916 4.536 13 4.989 13 5.462C13 5.964 12.884 6.467 12.653 6.97C12.632 7.015 12.607 7.055 12.577 7.09C12.368 7.108 12.162 7.145 11.958 7.2C11.847 7.141 11.77 7.053 11.727 6.936C11.68 6.809 11.685 6.681 11.744 6.553C11.915 6.182 12 5.818 12 5.462C12 5.114 11.939 4.782 11.816 4.466C11.701 4.171 11.541 3.909 11.335 3.681C11.139 3.462 10.918 3.293 10.674 3.174C10.437 3.058 10.2 3 9.962 3C9.443 3 8.929 3.153 8.421 3.458C8.191 3.595 7.99 3.751 7.816 3.924C7.652 4.089 7.529 4.252 7.447 4.416C7.398 4.515 7.323 4.59 7.224 4.639C7.1 4.701 6.973 4.71 6.842 4.666C6.711 4.623 6.615 4.539 6.553 4.416C6.471 4.252 6.348 4.089 6.184 3.924C6.01 3.751 5.809 3.595 5.579 3.458C5.071 3.153 4.557 3 4.038 3C3.8 3 3.563 3.058 3.326 3.174C3.082 3.293 2.861 3.462 2.665 3.681C2.459 3.909 2.299 4.171 2.184 4.466C2.061 4.782 2 5.114 2 5.462C2 5.793 2.075 6.133 2.224 6.481C2.357 6.792 2.516 7.04 2.7 7.223L6.001 10.524C6.006 10.802 6.047 11.079 6.123 11.353L6.122 11.353C6.023 11.453 5.905 11.503 5.769 11.503C5.633 11.503 5.515 11.453 5.415 11.353L1.992 7.931ZM11 15C10.683 15 10.412 14.888 10.187 14.663L7.685 12.162C7.493 11.97 7.334 11.726 7.209 11.432C7.07 11.108 7 10.784 7 10.462C7 10.138 7.058 9.828 7.173 9.532C7.282 9.251 7.435 9.001 7.633 8.781C7.829 8.563 8.052 8.393 8.302 8.271C8.567 8.142 8.838 8.077 9.115 8.077C9.596 8.077 10.064 8.213 10.517 8.485C10.7 8.595 10.861 8.714 11 8.843C11.139 8.714 11.3 8.595 11.483 8.485C11.936 8.213 12.404 8.077 12.885 8.077C13.162 8.077 13.433 8.142 13.698 8.271C13.948 8.393 14.171 8.563 14.367 8.781C14.565 9.001 14.718 9.251 14.827 9.532C14.942 9.828 15 10.138 15 10.462C15 10.784 14.93 11.108 14.791 11.432C14.666 11.726 14.507 11.969 14.316 12.161L14.316 12.162L11.813 14.663C11.588 14.888 11.317 15 11 15ZM13.872 11.039C13.957 10.84 14 10.648 14 10.462C14 10.066 13.874 9.729 13.623 9.45C13.514 9.328 13.392 9.235 13.258 9.169C13.132 9.108 13.008 9.077 12.885 9.077C12.588 9.077 12.292 9.165 11.998 9.342C11.728 9.504 11.545 9.682 11.447 9.877C11.398 9.977 11.323 10.052 11.223 10.101C11.1 10.163 10.972 10.172 10.842 10.128C10.711 10.084 10.614 10.001 10.553 9.877C10.455 9.682 10.272 9.504 10.002 9.342C9.708 9.165 9.412 9.077 9.115 9.077C8.992 9.077 8.868 9.108 8.742 9.169C8.608 9.235 8.486 9.328 8.377 9.45C8.126 9.729 8 10.066 8 10.462C8 10.648 8.043 10.84 8.128 11.039C8.203 11.215 8.291 11.354 8.391 11.454L10.894 13.956C10.923 13.985 10.959 14 11 14C11.041 14 11.077 13.985 11.106 13.956L13.608 11.455C13.708 11.354 13.797 11.215 13.872 11.039Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/hearts.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts. Takes the text color. */
.icon-hearts {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.992 7.931C1.718 7.656 1.489 7.304 1.305 6.875C1.102 6.401 1 5.93 1 5.462C1 4.989 1.084 4.536 1.252 4.104C1.411 3.695 1.634 3.331 1.921 3.012C2.205 2.697 2.526 2.452 2.886 2.276C3.262 2.092 3.646 2 4.038 2C4.395 2 4.757 2.056 5.123 2.167C5.46 2.27 5.784 2.414 6.094 2.6C6.393 2.78 6.659 2.985 6.891 3.217C6.929 3.255 6.965 3.293 7 3.331C7.035 3.293 7.071 3.255 7.109 3.217C7.341 2.985 7.607 2.78 7.906 2.6C8.216 2.414 8.54 2.27 8.877 2.167C9.243 2.056 9.605 2 9.962 2C10.354 2 10.738 2.092 11.114 2.276C11.474 2.452 11.795 2.697 12.079 3.012C12.366 3.331 12.589 3.695 12.748 4.104C12.916 4.536 13 4.989 13 5.462C13 5.964 12.884 6.467 12.653 6.97C12.632 7.015 12.607 7.055 12.577 7.09C12.368 7.108 12.162 7.145 11.958 7.2C11.847 7.141 11.77 7.053 11.727 6.936C11.68 6.809 11.685 6.681 11.744 6.553C11.915 6.182 12 5.818 12 5.462C12 5.114 11.939 4.782 11.816 4.466C11.701 4.171 11.541 3.909 11.335 3.681C11.139 3.462 10.918 3.293 10.674 3.174C10.437 3.058 10.2 3 9.962 3C9.443 3 8.929 3.153 8.421 3.458C8.191 3.595 7.99 3.751 7.816 3.924C7.652 4.089 7.529 4.252 7.447 4.416C7.398 4.515 7.323 4.59 7.224 4.639C7.1 4.701 6.973 4.71 6.842 4.666C6.711 4.623 6.615 4.539 6.553 4.416C6.471 4.252 6.348 4.089 6.184 3.924C6.01 3.751 5.809 3.595 5.579 3.458C5.071 3.153 4.557 3 4.038 3C3.8 3 3.563 3.058 3.326 3.174C3.082 3.293 2.861 3.462 2.665 3.681C2.459 3.909 2.299 4.171 2.184 4.466C2.061 4.782 2 5.114 2 5.462C2 5.793 2.075 6.133 2.224 6.481C2.357 6.792 2.516 7.04 2.7 7.223L6.001 10.524C6.006 10.802 6.047 11.079 6.123 11.353L6.122 11.353C6.023 11.453 5.905 11.503 5.769 11.503C5.633 11.503 5.515 11.453 5.415 11.353L1.992 7.931ZM11 15C10.683 15 10.412 14.888 10.187 14.663L7.685 12.162C7.493 11.97 7.334 11.726 7.209 11.432C7.07 11.108 7 10.784 7 10.462C7 10.138 7.058 9.828 7.173 9.532C7.282 9.251 7.435 9.001 7.633 8.781C7.829 8.563 8.052 8.393 8.302 8.271C8.567 8.142 8.838 8.077 9.115 8.077C9.596 8.077 10.064 8.213 10.517 8.485C10.7 8.595 10.861 8.714 11 8.843C11.139 8.714 11.3 8.595 11.483 8.485C11.936 8.213 12.404 8.077 12.885 8.077C13.162 8.077 13.433 8.142 13.698 8.271C13.948 8.393 14.171 8.563 14.367 8.781C14.565 9.001 14.718 9.251 14.827 9.532C14.942 9.828 15 10.138 15 10.462C15 10.784 14.93 11.108 14.791 11.432C14.666 11.726 14.507 11.969 14.316 12.161L14.316 12.162L11.813 14.663C11.588 14.888 11.317 15 11 15ZM13.872 11.039C13.957 10.84 14 10.648 14 10.462C14 10.066 13.874 9.729 13.623 9.45C13.514 9.328 13.392 9.235 13.258 9.169C13.132 9.108 13.008 9.077 12.885 9.077C12.588 9.077 12.292 9.165 11.998 9.342C11.728 9.504 11.545 9.682 11.447 9.877C11.398 9.977 11.323 10.052 11.223 10.101C11.1 10.163 10.972 10.172 10.842 10.128C10.711 10.084 10.614 10.001 10.553 9.877C10.455 9.682 10.272 9.504 10.002 9.342C9.708 9.165 9.412 9.077 9.115 9.077C8.992 9.077 8.868 9.108 8.742 9.169C8.608 9.235 8.486 9.328 8.377 9.45C8.126 9.729 8 10.066 8 10.462C8 10.648 8.043 10.84 8.128 11.039C8.203 11.215 8.291 11.354 8.391 11.454L10.894 13.956C10.923 13.985 10.959 14 11 14C11.041 14 11.077 13.985 11.106 13.956L13.608 11.455C13.708 11.354 13.797 11.215 13.872 11.039Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.992 7.931C1.718 7.656 1.489 7.304 1.305 6.875C1.102 6.401 1 5.93 1 5.462C1 4.989 1.084 4.536 1.252 4.104C1.411 3.695 1.634 3.331 1.921 3.012C2.205 2.697 2.526 2.452 2.886 2.276C3.262 2.092 3.646 2 4.038 2C4.395 2 4.757 2.056 5.123 2.167C5.46 2.27 5.784 2.414 6.094 2.6C6.393 2.78 6.659 2.985 6.891 3.217C6.929 3.255 6.965 3.293 7 3.331C7.035 3.293 7.071 3.255 7.109 3.217C7.341 2.985 7.607 2.78 7.906 2.6C8.216 2.414 8.54 2.27 8.877 2.167C9.243 2.056 9.605 2 9.962 2C10.354 2 10.738 2.092 11.114 2.276C11.474 2.452 11.795 2.697 12.079 3.012C12.366 3.331 12.589 3.695 12.748 4.104C12.916 4.536 13 4.989 13 5.462C13 5.964 12.884 6.467 12.653 6.97C12.632 7.015 12.607 7.055 12.577 7.09C12.368 7.108 12.162 7.145 11.958 7.2C11.847 7.141 11.77 7.053 11.727 6.936C11.68 6.809 11.685 6.681 11.744 6.553C11.915 6.182 12 5.818 12 5.462C12 5.114 11.939 4.782 11.816 4.466C11.701 4.171 11.541 3.909 11.335 3.681C11.139 3.462 10.918 3.293 10.674 3.174C10.437 3.058 10.2 3 9.962 3C9.443 3 8.929 3.153 8.421 3.458C8.191 3.595 7.99 3.751 7.816 3.924C7.652 4.089 7.529 4.252 7.447 4.416C7.398 4.515 7.323 4.59 7.224 4.639C7.1 4.701 6.973 4.71 6.842 4.666C6.711 4.623 6.615 4.539 6.553 4.416C6.471 4.252 6.348 4.089 6.184 3.924C6.01 3.751 5.809 3.595 5.579 3.458C5.071 3.153 4.557 3 4.038 3C3.8 3 3.563 3.058 3.326 3.174C3.082 3.293 2.861 3.462 2.665 3.681C2.459 3.909 2.299 4.171 2.184 4.466C2.061 4.782 2 5.114 2 5.462C2 5.793 2.075 6.133 2.224 6.481C2.357 6.792 2.516 7.04 2.7 7.223L6.001 10.524C6.006 10.802 6.047 11.079 6.123 11.353L6.122 11.353C6.023 11.453 5.905 11.503 5.769 11.503C5.633 11.503 5.515 11.453 5.415 11.353L1.992 7.931ZM11 15C10.683 15 10.412 14.888 10.187 14.663L7.685 12.162C7.493 11.97 7.334 11.726 7.209 11.432C7.07 11.108 7 10.784 7 10.462C7 10.138 7.058 9.828 7.173 9.532C7.282 9.251 7.435 9.001 7.633 8.781C7.829 8.563 8.052 8.393 8.302 8.271C8.567 8.142 8.838 8.077 9.115 8.077C9.596 8.077 10.064 8.213 10.517 8.485C10.7 8.595 10.861 8.714 11 8.843C11.139 8.714 11.3 8.595 11.483 8.485C11.936 8.213 12.404 8.077 12.885 8.077C13.162 8.077 13.433 8.142 13.698 8.271C13.948 8.393 14.171 8.563 14.367 8.781C14.565 9.001 14.718 9.251 14.827 9.532C14.942 9.828 15 10.138 15 10.462C15 10.784 14.93 11.108 14.791 11.432C14.666 11.726 14.507 11.969 14.316 12.161L14.316 12.162L11.813 14.663C11.588 14.888 11.317 15 11 15ZM13.872 11.039C13.957 10.84 14 10.648 14 10.462C14 10.066 13.874 9.729 13.623 9.45C13.514 9.328 13.392 9.235 13.258 9.169C13.132 9.108 13.008 9.077 12.885 9.077C12.588 9.077 12.292 9.165 11.998 9.342C11.728 9.504 11.545 9.682 11.447 9.877C11.398 9.977 11.323 10.052 11.223 10.101C11.1 10.163 10.972 10.172 10.842 10.128C10.711 10.084 10.614 10.001 10.553 9.877C10.455 9.682 10.272 9.504 10.002 9.342C9.708 9.165 9.412 9.077 9.115 9.077C8.992 9.077 8.868 9.108 8.742 9.169C8.608 9.235 8.486 9.328 8.377 9.45C8.126 9.729 8 10.066 8 10.462C8 10.648 8.043 10.84 8.128 11.039C8.203 11.215 8.291 11.354 8.391 11.454L10.894 13.956C10.923 13.985 10.959 14 11 14C11.041 14 11.077 13.985 11.106 13.956L13.608 11.455C13.708 11.354 13.797 11.215 13.872 11.039Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M1.992 7.931C1.718 7.656 1.489 7.304 1.305 6.875C1.102 6.401 1 5.93 1 5.462C1 4.989 1.084 4.536 1.252 4.104C1.411 3.695 1.634 3.331 1.921 3.012C2.205 2.697 2.526 2.452 2.886 2.276C3.262 2.092 3.646 2 4.038 2C4.395 2 4.757 2.056 5.123 2.167C5.46 2.27 5.784 2.414 6.094 2.6C6.393 2.78 6.659 2.985 6.891 3.217C6.929 3.255 6.965 3.293 7 3.331C7.035 3.293 7.071 3.255 7.109 3.217C7.341 2.985 7.607 2.78 7.906 2.6C8.216 2.414 8.54 2.27 8.877 2.167C9.243 2.056 9.605 2 9.962 2C10.354 2 10.738 2.092 11.114 2.276C11.474 2.452 11.795 2.697 12.079 3.012C12.366 3.331 12.589 3.695 12.748 4.104C12.916 4.536 13 4.989 13 5.462C13 5.964 12.884 6.467 12.653 6.97C12.632 7.015 12.607 7.055 12.577 7.09C12.368 7.108 12.162 7.145 11.958 7.2C11.847 7.141 11.77 7.053 11.727 6.936C11.68 6.809 11.685 6.681 11.744 6.553C11.915 6.182 12 5.818 12 5.462C12 5.114 11.939 4.782 11.816 4.466C11.701 4.171 11.541 3.909 11.335 3.681C11.139 3.462 10.918 3.293 10.674 3.174C10.437 3.058 10.2 3 9.962 3C9.443 3 8.929 3.153 8.421 3.458C8.191 3.595 7.99 3.751 7.816 3.924C7.652 4.089 7.529 4.252 7.447 4.416C7.398 4.515 7.323 4.59 7.224 4.639C7.1 4.701 6.973 4.71 6.842 4.666C6.711 4.623 6.615 4.539 6.553 4.416C6.471 4.252 6.348 4.089 6.184 3.924C6.01 3.751 5.809 3.595 5.579 3.458C5.071 3.153 4.557 3 4.038 3C3.8 3 3.563 3.058 3.326 3.174C3.082 3.293 2.861 3.462 2.665 3.681C2.459 3.909 2.299 4.171 2.184 4.466C2.061 4.782 2 5.114 2 5.462C2 5.793 2.075 6.133 2.224 6.481C2.357 6.792 2.516 7.04 2.7 7.223L6.001 10.524C6.006 10.802 6.047 11.079 6.123 11.353L6.122 11.353C6.023 11.453 5.905 11.503 5.769 11.503C5.633 11.503 5.515 11.453 5.415 11.353L1.992 7.931ZM11 15C10.683 15 10.412 14.888 10.187 14.663L7.685 12.162C7.493 11.97 7.334 11.726 7.209 11.432C7.07 11.108 7 10.784 7 10.462C7 10.138 7.058 9.828 7.173 9.532C7.282 9.251 7.435 9.001 7.633 8.781C7.829 8.563 8.052 8.393 8.302 8.271C8.567 8.142 8.838 8.077 9.115 8.077C9.596 8.077 10.064 8.213 10.517 8.485C10.7 8.595 10.861 8.714 11 8.843C11.139 8.714 11.3 8.595 11.483 8.485C11.936 8.213 12.404 8.077 12.885 8.077C13.162 8.077 13.433 8.142 13.698 8.271C13.948 8.393 14.171 8.563 14.367 8.781C14.565 9.001 14.718 9.251 14.827 9.532C14.942 9.828 15 10.138 15 10.462C15 10.784 14.93 11.108 14.791 11.432C14.666 11.726 14.507 11.969 14.316 12.161L14.316 12.162L11.813 14.663C11.588 14.888 11.317 15 11 15ZM13.872 11.039C13.957 10.84 14 10.648 14 10.462C14 10.066 13.874 9.729 13.623 9.45C13.514 9.328 13.392 9.235 13.258 9.169C13.132 9.108 13.008 9.077 12.885 9.077C12.588 9.077 12.292 9.165 11.998 9.342C11.728 9.504 11.545 9.682 11.447 9.877C11.398 9.977 11.323 10.052 11.223 10.101C11.1 10.163 10.972 10.172 10.842 10.128C10.711 10.084 10.614 10.001 10.553 9.877C10.455 9.682 10.272 9.504 10.002 9.342C9.708 9.165 9.412 9.077 9.115 9.077C8.992 9.077 8.868 9.108 8.742 9.169C8.608 9.235 8.486 9.328 8.377 9.45C8.126 9.729 8 10.066 8 10.462C8 10.648 8.043 10.84 8.128 11.039C8.203 11.215 8.291 11.354 8.391 11.454L10.894 13.956C10.923 13.985 10.959 14 11 14C11.041 14 11.077 13.985 11.106 13.956L13.608 11.455C13.708 11.354 13.797 11.215 13.872 11.039Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#hearts"/></svg>
```

### SwiftUI

```swift
// Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts
import SwiftUI

struct HeartsIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 1.992, y: 7.931))
        p.addCurve(to: CGPoint(x: 1.305, y: 6.875), control1: CGPoint(x: 1.718, y: 7.656), control2: CGPoint(x: 1.489, y: 7.304))
        p.addCurve(to: CGPoint(x: 1, y: 5.462), control1: CGPoint(x: 1.102, y: 6.401), control2: CGPoint(x: 1, y: 5.93))
        p.addCurve(to: CGPoint(x: 1.252, y: 4.104), control1: CGPoint(x: 1, y: 4.989), control2: CGPoint(x: 1.084, y: 4.536))
        p.addCurve(to: CGPoint(x: 1.921, y: 3.012), control1: CGPoint(x: 1.411, y: 3.695), control2: CGPoint(x: 1.634, y: 3.331))
        p.addCurve(to: CGPoint(x: 2.886, y: 2.276), control1: CGPoint(x: 2.205, y: 2.697), control2: CGPoint(x: 2.526, y: 2.452))
        p.addCurve(to: CGPoint(x: 4.038, y: 2), control1: CGPoint(x: 3.262, y: 2.092), control2: CGPoint(x: 3.646, y: 2))
        p.addCurve(to: CGPoint(x: 5.123, y: 2.167), control1: CGPoint(x: 4.395, y: 2), control2: CGPoint(x: 4.757, y: 2.056))
        p.addCurve(to: CGPoint(x: 6.094, y: 2.6), control1: CGPoint(x: 5.46, y: 2.27), control2: CGPoint(x: 5.784, y: 2.414))
        p.addCurve(to: CGPoint(x: 6.891, y: 3.217), control1: CGPoint(x: 6.393, y: 2.78), control2: CGPoint(x: 6.659, y: 2.985))
        p.addCurve(to: CGPoint(x: 7, y: 3.331), control1: CGPoint(x: 6.929, y: 3.255), control2: CGPoint(x: 6.965, y: 3.293))
        p.addCurve(to: CGPoint(x: 7.109, y: 3.217), control1: CGPoint(x: 7.035, y: 3.293), control2: CGPoint(x: 7.071, y: 3.255))
        p.addCurve(to: CGPoint(x: 7.906, y: 2.6), control1: CGPoint(x: 7.341, y: 2.985), control2: CGPoint(x: 7.607, y: 2.78))
        p.addCurve(to: CGPoint(x: 8.877, y: 2.167), control1: CGPoint(x: 8.216, y: 2.414), control2: CGPoint(x: 8.54, y: 2.27))
        p.addCurve(to: CGPoint(x: 9.962, y: 2), control1: CGPoint(x: 9.243, y: 2.056), control2: CGPoint(x: 9.605, y: 2))
        p.addCurve(to: CGPoint(x: 11.114, y: 2.276), control1: CGPoint(x: 10.354, y: 2), control2: CGPoint(x: 10.738, y: 2.092))
        p.addCurve(to: CGPoint(x: 12.079, y: 3.012), control1: CGPoint(x: 11.474, y: 2.452), control2: CGPoint(x: 11.795, y: 2.697))
        p.addCurve(to: CGPoint(x: 12.748, y: 4.104), control1: CGPoint(x: 12.366, y: 3.331), control2: CGPoint(x: 12.589, y: 3.695))
        p.addCurve(to: CGPoint(x: 13, y: 5.462), control1: CGPoint(x: 12.916, y: 4.536), control2: CGPoint(x: 13, y: 4.989))
        p.addCurve(to: CGPoint(x: 12.653, y: 6.97), control1: CGPoint(x: 13, y: 5.964), control2: CGPoint(x: 12.884, y: 6.467))
        p.addCurve(to: CGPoint(x: 12.577, y: 7.09), control1: CGPoint(x: 12.632, y: 7.015), control2: CGPoint(x: 12.607, y: 7.055))
        p.addCurve(to: CGPoint(x: 11.958, y: 7.2), control1: CGPoint(x: 12.368, y: 7.108), control2: CGPoint(x: 12.162, y: 7.145))
        p.addCurve(to: CGPoint(x: 11.727, y: 6.936), control1: CGPoint(x: 11.847, y: 7.141), control2: CGPoint(x: 11.77, y: 7.053))
        p.addCurve(to: CGPoint(x: 11.744, y: 6.553), control1: CGPoint(x: 11.68, y: 6.809), control2: CGPoint(x: 11.685, y: 6.681))
        p.addCurve(to: CGPoint(x: 12, y: 5.462), control1: CGPoint(x: 11.915, y: 6.182), control2: CGPoint(x: 12, y: 5.818))
        p.addCurve(to: CGPoint(x: 11.816, y: 4.466), control1: CGPoint(x: 12, y: 5.114), control2: CGPoint(x: 11.939, y: 4.782))
        p.addCurve(to: CGPoint(x: 11.335, y: 3.681), control1: CGPoint(x: 11.701, y: 4.171), control2: CGPoint(x: 11.541, y: 3.909))
        p.addCurve(to: CGPoint(x: 10.674, y: 3.174), control1: CGPoint(x: 11.139, y: 3.462), control2: CGPoint(x: 10.918, y: 3.293))
        p.addCurve(to: CGPoint(x: 9.962, y: 3), control1: CGPoint(x: 10.437, y: 3.058), control2: CGPoint(x: 10.2, y: 3))
        p.addCurve(to: CGPoint(x: 8.421, y: 3.458), control1: CGPoint(x: 9.443, y: 3), control2: CGPoint(x: 8.929, y: 3.153))
        p.addCurve(to: CGPoint(x: 7.816, y: 3.924), control1: CGPoint(x: 8.191, y: 3.595), control2: CGPoint(x: 7.99, y: 3.751))
        p.addCurve(to: CGPoint(x: 7.447, y: 4.416), control1: CGPoint(x: 7.652, y: 4.089), control2: CGPoint(x: 7.529, y: 4.252))
        p.addCurve(to: CGPoint(x: 7.224, y: 4.639), control1: CGPoint(x: 7.398, y: 4.515), control2: CGPoint(x: 7.323, y: 4.59))
        p.addCurve(to: CGPoint(x: 6.842, y: 4.666), control1: CGPoint(x: 7.1, y: 4.701), control2: CGPoint(x: 6.973, y: 4.71))
        p.addCurve(to: CGPoint(x: 6.553, y: 4.416), control1: CGPoint(x: 6.711, y: 4.623), control2: CGPoint(x: 6.615, y: 4.539))
        p.addCurve(to: CGPoint(x: 6.184, y: 3.924), control1: CGPoint(x: 6.471, y: 4.252), control2: CGPoint(x: 6.348, y: 4.089))
        p.addCurve(to: CGPoint(x: 5.579, y: 3.458), control1: CGPoint(x: 6.01, y: 3.751), control2: CGPoint(x: 5.809, y: 3.595))
        p.addCurve(to: CGPoint(x: 4.038, y: 3), control1: CGPoint(x: 5.071, y: 3.153), control2: CGPoint(x: 4.557, y: 3))
        p.addCurve(to: CGPoint(x: 3.326, y: 3.174), control1: CGPoint(x: 3.8, y: 3), control2: CGPoint(x: 3.563, y: 3.058))
        p.addCurve(to: CGPoint(x: 2.665, y: 3.681), control1: CGPoint(x: 3.082, y: 3.293), control2: CGPoint(x: 2.861, y: 3.462))
        p.addCurve(to: CGPoint(x: 2.184, y: 4.466), control1: CGPoint(x: 2.459, y: 3.909), control2: CGPoint(x: 2.299, y: 4.171))
        p.addCurve(to: CGPoint(x: 2, y: 5.462), control1: CGPoint(x: 2.061, y: 4.782), control2: CGPoint(x: 2, y: 5.114))
        p.addCurve(to: CGPoint(x: 2.224, y: 6.481), control1: CGPoint(x: 2, y: 5.793), control2: CGPoint(x: 2.075, y: 6.133))
        p.addCurve(to: CGPoint(x: 2.7, y: 7.223), control1: CGPoint(x: 2.357, y: 6.792), control2: CGPoint(x: 2.516, y: 7.04))
        p.addLine(to: CGPoint(x: 6.001, y: 10.524))
        p.addCurve(to: CGPoint(x: 6.123, y: 11.353), control1: CGPoint(x: 6.006, y: 10.802), control2: CGPoint(x: 6.047, y: 11.079))
        p.addLine(to: CGPoint(x: 6.122, y: 11.353))
        p.addCurve(to: CGPoint(x: 5.769, y: 11.503), control1: CGPoint(x: 6.023, y: 11.453), control2: CGPoint(x: 5.905, y: 11.503))
        p.addCurve(to: CGPoint(x: 5.415, y: 11.353), control1: CGPoint(x: 5.633, y: 11.503), control2: CGPoint(x: 5.515, y: 11.453))
        p.addLine(to: CGPoint(x: 1.992, y: 7.931))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11, y: 15))
        p.addCurve(to: CGPoint(x: 10.187, y: 14.663), control1: CGPoint(x: 10.683, y: 15), control2: CGPoint(x: 10.412, y: 14.888))
        p.addLine(to: CGPoint(x: 7.685, y: 12.162))
        p.addCurve(to: CGPoint(x: 7.209, y: 11.432), control1: CGPoint(x: 7.493, y: 11.97), control2: CGPoint(x: 7.334, y: 11.726))
        p.addCurve(to: CGPoint(x: 7, y: 10.462), control1: CGPoint(x: 7.07, y: 11.108), control2: CGPoint(x: 7, y: 10.784))
        p.addCurve(to: CGPoint(x: 7.173, y: 9.532), control1: CGPoint(x: 7, y: 10.138), control2: CGPoint(x: 7.058, y: 9.828))
        p.addCurve(to: CGPoint(x: 7.633, y: 8.781), control1: CGPoint(x: 7.282, y: 9.251), control2: CGPoint(x: 7.435, y: 9.001))
        p.addCurve(to: CGPoint(x: 8.302, y: 8.271), control1: CGPoint(x: 7.829, y: 8.563), control2: CGPoint(x: 8.052, y: 8.393))
        p.addCurve(to: CGPoint(x: 9.115, y: 8.077), control1: CGPoint(x: 8.567, y: 8.142), control2: CGPoint(x: 8.838, y: 8.077))
        p.addCurve(to: CGPoint(x: 10.517, y: 8.485), control1: CGPoint(x: 9.596, y: 8.077), control2: CGPoint(x: 10.064, y: 8.213))
        p.addCurve(to: CGPoint(x: 11, y: 8.843), control1: CGPoint(x: 10.7, y: 8.595), control2: CGPoint(x: 10.861, y: 8.714))
        p.addCurve(to: CGPoint(x: 11.483, y: 8.485), control1: CGPoint(x: 11.139, y: 8.714), control2: CGPoint(x: 11.3, y: 8.595))
        p.addCurve(to: CGPoint(x: 12.885, y: 8.077), control1: CGPoint(x: 11.936, y: 8.213), control2: CGPoint(x: 12.404, y: 8.077))
        p.addCurve(to: CGPoint(x: 13.698, y: 8.271), control1: CGPoint(x: 13.162, y: 8.077), control2: CGPoint(x: 13.433, y: 8.142))
        p.addCurve(to: CGPoint(x: 14.367, y: 8.781), control1: CGPoint(x: 13.948, y: 8.393), control2: CGPoint(x: 14.171, y: 8.563))
        p.addCurve(to: CGPoint(x: 14.827, y: 9.532), control1: CGPoint(x: 14.565, y: 9.001), control2: CGPoint(x: 14.718, y: 9.251))
        p.addCurve(to: CGPoint(x: 15, y: 10.462), control1: CGPoint(x: 14.942, y: 9.828), control2: CGPoint(x: 15, y: 10.138))
        p.addCurve(to: CGPoint(x: 14.791, y: 11.432), control1: CGPoint(x: 15, y: 10.784), control2: CGPoint(x: 14.93, y: 11.108))
        p.addCurve(to: CGPoint(x: 14.316, y: 12.161), control1: CGPoint(x: 14.666, y: 11.726), control2: CGPoint(x: 14.507, y: 11.969))
        p.addLine(to: CGPoint(x: 14.316, y: 12.162))
        p.addLine(to: CGPoint(x: 11.813, y: 14.663))
        p.addCurve(to: CGPoint(x: 11, y: 15), control1: CGPoint(x: 11.588, y: 14.888), control2: CGPoint(x: 11.317, y: 15))
        p.closeSubpath()
        p.move(to: CGPoint(x: 13.872, y: 11.039))
        p.addCurve(to: CGPoint(x: 14, y: 10.462), control1: CGPoint(x: 13.957, y: 10.84), control2: CGPoint(x: 14, y: 10.648))
        p.addCurve(to: CGPoint(x: 13.623, y: 9.45), control1: CGPoint(x: 14, y: 10.066), control2: CGPoint(x: 13.874, y: 9.729))
        p.addCurve(to: CGPoint(x: 13.258, y: 9.169), control1: CGPoint(x: 13.514, y: 9.328), control2: CGPoint(x: 13.392, y: 9.235))
        p.addCurve(to: CGPoint(x: 12.885, y: 9.077), control1: CGPoint(x: 13.132, y: 9.108), control2: CGPoint(x: 13.008, y: 9.077))
        p.addCurve(to: CGPoint(x: 11.998, y: 9.342), control1: CGPoint(x: 12.588, y: 9.077), control2: CGPoint(x: 12.292, y: 9.165))
        p.addCurve(to: CGPoint(x: 11.447, y: 9.877), control1: CGPoint(x: 11.728, y: 9.504), control2: CGPoint(x: 11.545, y: 9.682))
        p.addCurve(to: CGPoint(x: 11.223, y: 10.101), control1: CGPoint(x: 11.398, y: 9.977), control2: CGPoint(x: 11.323, y: 10.052))
        p.addCurve(to: CGPoint(x: 10.842, y: 10.128), control1: CGPoint(x: 11.1, y: 10.163), control2: CGPoint(x: 10.972, y: 10.172))
        p.addCurve(to: CGPoint(x: 10.553, y: 9.877), control1: CGPoint(x: 10.711, y: 10.084), control2: CGPoint(x: 10.614, y: 10.001))
        p.addCurve(to: CGPoint(x: 10.002, y: 9.342), control1: CGPoint(x: 10.455, y: 9.682), control2: CGPoint(x: 10.272, y: 9.504))
        p.addCurve(to: CGPoint(x: 9.115, y: 9.077), control1: CGPoint(x: 9.708, y: 9.165), control2: CGPoint(x: 9.412, y: 9.077))
        p.addCurve(to: CGPoint(x: 8.742, y: 9.169), control1: CGPoint(x: 8.992, y: 9.077), control2: CGPoint(x: 8.868, y: 9.108))
        p.addCurve(to: CGPoint(x: 8.377, y: 9.45), control1: CGPoint(x: 8.608, y: 9.235), control2: CGPoint(x: 8.486, y: 9.328))
        p.addCurve(to: CGPoint(x: 8, y: 10.462), control1: CGPoint(x: 8.126, y: 9.729), control2: CGPoint(x: 8, y: 10.066))
        p.addCurve(to: CGPoint(x: 8.128, y: 11.039), control1: CGPoint(x: 8, y: 10.648), control2: CGPoint(x: 8.043, y: 10.84))
        p.addCurve(to: CGPoint(x: 8.391, y: 11.454), control1: CGPoint(x: 8.203, y: 11.215), control2: CGPoint(x: 8.291, y: 11.354))
        p.addLine(to: CGPoint(x: 10.894, y: 13.956))
        p.addCurve(to: CGPoint(x: 11, y: 14), control1: CGPoint(x: 10.923, y: 13.985), control2: CGPoint(x: 10.959, y: 14))
        p.addCurve(to: CGPoint(x: 11.106, y: 13.956), control1: CGPoint(x: 11.041, y: 14), control2: CGPoint(x: 11.077, y: 13.985))
        p.addLine(to: CGPoint(x: 13.608, y: 11.455))
        p.addCurve(to: CGPoint(x: 13.872, y: 11.039), control1: CGPoint(x: 13.708, y: 11.354), control2: CGPoint(x: 13.797, y: 11.215))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// HeartsIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val HeartsIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "hearts", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M1.992 7.931C1.718 7.656 1.489 7.304 1.305 6.875C1.102 6.401 1 5.93 1 5.462C1 4.989 1.084 4.536 1.252 4.104C1.411 3.695 1.634 3.331 1.921 3.012C2.205 2.697 2.526 2.452 2.886 2.276C3.262 2.092 3.646 2 4.038 2C4.395 2 4.757 2.056 5.123 2.167C5.46 2.27 5.784 2.414 6.094 2.6C6.393 2.78 6.659 2.985 6.891 3.217C6.929 3.255 6.965 3.293 7 3.331C7.035 3.293 7.071 3.255 7.109 3.217C7.341 2.985 7.607 2.78 7.906 2.6C8.216 2.414 8.54 2.27 8.877 2.167C9.243 2.056 9.605 2 9.962 2C10.354 2 10.738 2.092 11.114 2.276C11.474 2.452 11.795 2.697 12.079 3.012C12.366 3.331 12.589 3.695 12.748 4.104C12.916 4.536 13 4.989 13 5.462C13 5.964 12.884 6.467 12.653 6.97C12.632 7.015 12.607 7.055 12.577 7.09C12.368 7.108 12.162 7.145 11.958 7.2C11.847 7.141 11.77 7.053 11.727 6.936C11.68 6.809 11.685 6.681 11.744 6.553C11.915 6.182 12 5.818 12 5.462C12 5.114 11.939 4.782 11.816 4.466C11.701 4.171 11.541 3.909 11.335 3.681C11.139 3.462 10.918 3.293 10.674 3.174C10.437 3.058 10.2 3 9.962 3C9.443 3 8.929 3.153 8.421 3.458C8.191 3.595 7.99 3.751 7.816 3.924C7.652 4.089 7.529 4.252 7.447 4.416C7.398 4.515 7.323 4.59 7.224 4.639C7.1 4.701 6.973 4.71 6.842 4.666C6.711 4.623 6.615 4.539 6.553 4.416C6.471 4.252 6.348 4.089 6.184 3.924C6.01 3.751 5.809 3.595 5.579 3.458C5.071 3.153 4.557 3 4.038 3C3.8 3 3.563 3.058 3.326 3.174C3.082 3.293 2.861 3.462 2.665 3.681C2.459 3.909 2.299 4.171 2.184 4.466C2.061 4.782 2 5.114 2 5.462C2 5.793 2.075 6.133 2.224 6.481C2.357 6.792 2.516 7.04 2.7 7.223L6.001 10.524C6.006 10.802 6.047 11.079 6.123 11.353L6.122 11.353C6.023 11.453 5.905 11.503 5.769 11.503C5.633 11.503 5.515 11.453 5.415 11.353L1.992 7.931ZM11 15C10.683 15 10.412 14.888 10.187 14.663L7.685 12.162C7.493 11.97 7.334 11.726 7.209 11.432C7.07 11.108 7 10.784 7 10.462C7 10.138 7.058 9.828 7.173 9.532C7.282 9.251 7.435 9.001 7.633 8.781C7.829 8.563 8.052 8.393 8.302 8.271C8.567 8.142 8.838 8.077 9.115 8.077C9.596 8.077 10.064 8.213 10.517 8.485C10.7 8.595 10.861 8.714 11 8.843C11.139 8.714 11.3 8.595 11.483 8.485C11.936 8.213 12.404 8.077 12.885 8.077C13.162 8.077 13.433 8.142 13.698 8.271C13.948 8.393 14.171 8.563 14.367 8.781C14.565 9.001 14.718 9.251 14.827 9.532C14.942 9.828 15 10.138 15 10.462C15 10.784 14.93 11.108 14.791 11.432C14.666 11.726 14.507 11.969 14.316 12.161L14.316 12.162L11.813 14.663C11.588 14.888 11.317 15 11 15ZM13.872 11.039C13.957 10.84 14 10.648 14 10.462C14 10.066 13.874 9.729 13.623 9.45C13.514 9.328 13.392 9.235 13.258 9.169C13.132 9.108 13.008 9.077 12.885 9.077C12.588 9.077 12.292 9.165 11.998 9.342C11.728 9.504 11.545 9.682 11.447 9.877C11.398 9.977 11.323 10.052 11.223 10.101C11.1 10.163 10.972 10.172 10.842 10.128C10.711 10.084 10.614 10.001 10.553 9.877C10.455 9.682 10.272 9.504 10.002 9.342C9.708 9.165 9.412 9.077 9.115 9.077C8.992 9.077 8.868 9.108 8.742 9.169C8.608 9.235 8.486 9.328 8.377 9.45C8.126 9.729 8 10.066 8 10.462C8 10.648 8.043 10.84 8.128 11.039C8.203 11.215 8.291 11.354 8.391 11.454L10.894 13.956C10.923 13.985 10.959 14 11 14C11.041 14 11.077 13.985 11.106 13.956L13.608 11.455C13.708 11.354 13.797 11.215 13.872 11.039Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(HeartsIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_hearts.xml · Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M1.992 7.931C1.718 7.656 1.489 7.304 1.305 6.875C1.102 6.401 1 5.93 1 5.462C1 4.989 1.084 4.536 1.252 4.104C1.411 3.695 1.634 3.331 1.921 3.012C2.205 2.697 2.526 2.452 2.886 2.276C3.262 2.092 3.646 2 4.038 2C4.395 2 4.757 2.056 5.123 2.167C5.46 2.27 5.784 2.414 6.094 2.6C6.393 2.78 6.659 2.985 6.891 3.217C6.929 3.255 6.965 3.293 7 3.331C7.035 3.293 7.071 3.255 7.109 3.217C7.341 2.985 7.607 2.78 7.906 2.6C8.216 2.414 8.54 2.27 8.877 2.167C9.243 2.056 9.605 2 9.962 2C10.354 2 10.738 2.092 11.114 2.276C11.474 2.452 11.795 2.697 12.079 3.012C12.366 3.331 12.589 3.695 12.748 4.104C12.916 4.536 13 4.989 13 5.462C13 5.964 12.884 6.467 12.653 6.97C12.632 7.015 12.607 7.055 12.577 7.09C12.368 7.108 12.162 7.145 11.958 7.2C11.847 7.141 11.77 7.053 11.727 6.936C11.68 6.809 11.685 6.681 11.744 6.553C11.915 6.182 12 5.818 12 5.462C12 5.114 11.939 4.782 11.816 4.466C11.701 4.171 11.541 3.909 11.335 3.681C11.139 3.462 10.918 3.293 10.674 3.174C10.437 3.058 10.2 3 9.962 3C9.443 3 8.929 3.153 8.421 3.458C8.191 3.595 7.99 3.751 7.816 3.924C7.652 4.089 7.529 4.252 7.447 4.416C7.398 4.515 7.323 4.59 7.224 4.639C7.1 4.701 6.973 4.71 6.842 4.666C6.711 4.623 6.615 4.539 6.553 4.416C6.471 4.252 6.348 4.089 6.184 3.924C6.01 3.751 5.809 3.595 5.579 3.458C5.071 3.153 4.557 3 4.038 3C3.8 3 3.563 3.058 3.326 3.174C3.082 3.293 2.861 3.462 2.665 3.681C2.459 3.909 2.299 4.171 2.184 4.466C2.061 4.782 2 5.114 2 5.462C2 5.793 2.075 6.133 2.224 6.481C2.357 6.792 2.516 7.04 2.7 7.223L6.001 10.524C6.006 10.802 6.047 11.079 6.123 11.353L6.122 11.353C6.023 11.453 5.905 11.503 5.769 11.503C5.633 11.503 5.515 11.453 5.415 11.353L1.992 7.931ZM11 15C10.683 15 10.412 14.888 10.187 14.663L7.685 12.162C7.493 11.97 7.334 11.726 7.209 11.432C7.07 11.108 7 10.784 7 10.462C7 10.138 7.058 9.828 7.173 9.532C7.282 9.251 7.435 9.001 7.633 8.781C7.829 8.563 8.052 8.393 8.302 8.271C8.567 8.142 8.838 8.077 9.115 8.077C9.596 8.077 10.064 8.213 10.517 8.485C10.7 8.595 10.861 8.714 11 8.843C11.139 8.714 11.3 8.595 11.483 8.485C11.936 8.213 12.404 8.077 12.885 8.077C13.162 8.077 13.433 8.142 13.698 8.271C13.948 8.393 14.171 8.563 14.367 8.781C14.565 9.001 14.718 9.251 14.827 9.532C14.942 9.828 15 10.138 15 10.462C15 10.784 14.93 11.108 14.791 11.432C14.666 11.726 14.507 11.969 14.316 12.161L14.316 12.162L11.813 14.663C11.588 14.888 11.317 15 11 15ZM13.872 11.039C13.957 10.84 14 10.648 14 10.462C14 10.066 13.874 9.729 13.623 9.45C13.514 9.328 13.392 9.235 13.258 9.169C13.132 9.108 13.008 9.077 12.885 9.077C12.588 9.077 12.292 9.165 11.998 9.342C11.728 9.504 11.545 9.682 11.447 9.877C11.398 9.977 11.323 10.052 11.223 10.101C11.1 10.163 10.972 10.172 10.842 10.128C10.711 10.084 10.614 10.001 10.553 9.877C10.455 9.682 10.272 9.504 10.002 9.342C9.708 9.165 9.412 9.077 9.115 9.077C8.992 9.077 8.868 9.108 8.742 9.169C8.608 9.235 8.486 9.328 8.377 9.45C8.126 9.729 8 10.066 8 10.462C8 10.648 8.043 10.84 8.128 11.039C8.203 11.215 8.291 11.354 8.391 11.454L10.894 13.956C10.923 13.985 10.959 14 11 14C11.041 14 11.077 13.985 11.106 13.956L13.608 11.455C13.708 11.354 13.797 11.215 13.872 11.039Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "hearts" (line-round), MIT. https://gentleface.com/icons/hearts
import 'package:flutter/widgets.dart';

class HeartsIcon extends StatelessWidget {
  const HeartsIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _HeartsIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _HeartsIconPainter extends CustomPainter {
  _HeartsIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(1.992, 7.931)
      ..cubicTo(1.718, 7.656, 1.489, 7.304, 1.305, 6.875)
      ..cubicTo(1.102, 6.401, 1, 5.93, 1, 5.462)
      ..cubicTo(1, 4.989, 1.084, 4.536, 1.252, 4.104)
      ..cubicTo(1.411, 3.695, 1.634, 3.331, 1.921, 3.012)
      ..cubicTo(2.205, 2.697, 2.526, 2.452, 2.886, 2.276)
      ..cubicTo(3.262, 2.092, 3.646, 2, 4.038, 2)
      ..cubicTo(4.395, 2, 4.757, 2.056, 5.123, 2.167)
      ..cubicTo(5.46, 2.27, 5.784, 2.414, 6.094, 2.6)
      ..cubicTo(6.393, 2.78, 6.659, 2.985, 6.891, 3.217)
      ..cubicTo(6.929, 3.255, 6.965, 3.293, 7, 3.331)
      ..cubicTo(7.035, 3.293, 7.071, 3.255, 7.109, 3.217)
      ..cubicTo(7.341, 2.985, 7.607, 2.78, 7.906, 2.6)
      ..cubicTo(8.216, 2.414, 8.54, 2.27, 8.877, 2.167)
      ..cubicTo(9.243, 2.056, 9.605, 2, 9.962, 2)
      ..cubicTo(10.354, 2, 10.738, 2.092, 11.114, 2.276)
      ..cubicTo(11.474, 2.452, 11.795, 2.697, 12.079, 3.012)
      ..cubicTo(12.366, 3.331, 12.589, 3.695, 12.748, 4.104)
      ..cubicTo(12.916, 4.536, 13, 4.989, 13, 5.462)
      ..cubicTo(13, 5.964, 12.884, 6.467, 12.653, 6.97)
      ..cubicTo(12.632, 7.015, 12.607, 7.055, 12.577, 7.09)
      ..cubicTo(12.368, 7.108, 12.162, 7.145, 11.958, 7.2)
      ..cubicTo(11.847, 7.141, 11.77, 7.053, 11.727, 6.936)
      ..cubicTo(11.68, 6.809, 11.685, 6.681, 11.744, 6.553)
      ..cubicTo(11.915, 6.182, 12, 5.818, 12, 5.462)
      ..cubicTo(12, 5.114, 11.939, 4.782, 11.816, 4.466)
      ..cubicTo(11.701, 4.171, 11.541, 3.909, 11.335, 3.681)
      ..cubicTo(11.139, 3.462, 10.918, 3.293, 10.674, 3.174)
      ..cubicTo(10.437, 3.058, 10.2, 3, 9.962, 3)
      ..cubicTo(9.443, 3, 8.929, 3.153, 8.421, 3.458)
      ..cubicTo(8.191, 3.595, 7.99, 3.751, 7.816, 3.924)
      ..cubicTo(7.652, 4.089, 7.529, 4.252, 7.447, 4.416)
      ..cubicTo(7.398, 4.515, 7.323, 4.59, 7.224, 4.639)
      ..cubicTo(7.1, 4.701, 6.973, 4.71, 6.842, 4.666)
      ..cubicTo(6.711, 4.623, 6.615, 4.539, 6.553, 4.416)
      ..cubicTo(6.471, 4.252, 6.348, 4.089, 6.184, 3.924)
      ..cubicTo(6.01, 3.751, 5.809, 3.595, 5.579, 3.458)
      ..cubicTo(5.071, 3.153, 4.557, 3, 4.038, 3)
      ..cubicTo(3.8, 3, 3.563, 3.058, 3.326, 3.174)
      ..cubicTo(3.082, 3.293, 2.861, 3.462, 2.665, 3.681)
      ..cubicTo(2.459, 3.909, 2.299, 4.171, 2.184, 4.466)
      ..cubicTo(2.061, 4.782, 2, 5.114, 2, 5.462)
      ..cubicTo(2, 5.793, 2.075, 6.133, 2.224, 6.481)
      ..cubicTo(2.357, 6.792, 2.516, 7.04, 2.7, 7.223)
      ..lineTo(6.001, 10.524)
      ..cubicTo(6.006, 10.802, 6.047, 11.079, 6.123, 11.353)
      ..lineTo(6.122, 11.353)
      ..cubicTo(6.023, 11.453, 5.905, 11.503, 5.769, 11.503)
      ..cubicTo(5.633, 11.503, 5.515, 11.453, 5.415, 11.353)
      ..lineTo(1.992, 7.931)
      ..close()
      ..moveTo(11, 15)
      ..cubicTo(10.683, 15, 10.412, 14.888, 10.187, 14.663)
      ..lineTo(7.685, 12.162)
      ..cubicTo(7.493, 11.97, 7.334, 11.726, 7.209, 11.432)
      ..cubicTo(7.07, 11.108, 7, 10.784, 7, 10.462)
      ..cubicTo(7, 10.138, 7.058, 9.828, 7.173, 9.532)
      ..cubicTo(7.282, 9.251, 7.435, 9.001, 7.633, 8.781)
      ..cubicTo(7.829, 8.563, 8.052, 8.393, 8.302, 8.271)
      ..cubicTo(8.567, 8.142, 8.838, 8.077, 9.115, 8.077)
      ..cubicTo(9.596, 8.077, 10.064, 8.213, 10.517, 8.485)
      ..cubicTo(10.7, 8.595, 10.861, 8.714, 11, 8.843)
      ..cubicTo(11.139, 8.714, 11.3, 8.595, 11.483, 8.485)
      ..cubicTo(11.936, 8.213, 12.404, 8.077, 12.885, 8.077)
      ..cubicTo(13.162, 8.077, 13.433, 8.142, 13.698, 8.271)
      ..cubicTo(13.948, 8.393, 14.171, 8.563, 14.367, 8.781)
      ..cubicTo(14.565, 9.001, 14.718, 9.251, 14.827, 9.532)
      ..cubicTo(14.942, 9.828, 15, 10.138, 15, 10.462)
      ..cubicTo(15, 10.784, 14.93, 11.108, 14.791, 11.432)
      ..cubicTo(14.666, 11.726, 14.507, 11.969, 14.316, 12.161)
      ..lineTo(14.316, 12.162)
      ..lineTo(11.813, 14.663)
      ..cubicTo(11.588, 14.888, 11.317, 15, 11, 15)
      ..close()
      ..moveTo(13.872, 11.039)
      ..cubicTo(13.957, 10.84, 14, 10.648, 14, 10.462)
      ..cubicTo(14, 10.066, 13.874, 9.729, 13.623, 9.45)
      ..cubicTo(13.514, 9.328, 13.392, 9.235, 13.258, 9.169)
      ..cubicTo(13.132, 9.108, 13.008, 9.077, 12.885, 9.077)
      ..cubicTo(12.588, 9.077, 12.292, 9.165, 11.998, 9.342)
      ..cubicTo(11.728, 9.504, 11.545, 9.682, 11.447, 9.877)
      ..cubicTo(11.398, 9.977, 11.323, 10.052, 11.223, 10.101)
      ..cubicTo(11.1, 10.163, 10.972, 10.172, 10.842, 10.128)
      ..cubicTo(10.711, 10.084, 10.614, 10.001, 10.553, 9.877)
      ..cubicTo(10.455, 9.682, 10.272, 9.504, 10.002, 9.342)
      ..cubicTo(9.708, 9.165, 9.412, 9.077, 9.115, 9.077)
      ..cubicTo(8.992, 9.077, 8.868, 9.108, 8.742, 9.169)
      ..cubicTo(8.608, 9.235, 8.486, 9.328, 8.377, 9.45)
      ..cubicTo(8.126, 9.729, 8, 10.066, 8, 10.462)
      ..cubicTo(8, 10.648, 8.043, 10.84, 8.128, 11.039)
      ..cubicTo(8.203, 11.215, 8.291, 11.354, 8.391, 11.454)
      ..lineTo(10.894, 13.956)
      ..cubicTo(10.923, 13.985, 10.959, 14, 11, 14)
      ..cubicTo(11.041, 14, 11.077, 13.985, 11.106, 13.956)
      ..lineTo(13.608, 11.455)
      ..cubicTo(13.708, 11.354, 13.797, 11.215, 13.872, 11.039)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_HeartsIconPainter old) => old.color != color;
}
```