Nested Hearts icon
game-icons:nested-hearts
The Nested Hearts icon (game-icons:nested-hearts) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- nestedhearts, heart
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M147.887 25.734a122.3 122.3 0 0 0-29.89 3.647C66.04 42.366 22.312 89.155 20.212 156.36c-1.12 35.803 9.934 65.568 27.54 91.12c17.61 25.552 41.552 47.158 66.85 68.442c50.596 42.573 106.39 83.87 132.397 148.293l8.904 22.05l8.49-22.212c24.65-64.483 78.63-107.776 128.604-151.27c49.974-43.493 96.634-88.203 98.783-155.834c2.276-71.537-42.363-116.7-95.522-127.137c-49-9.622-105.34 9.122-140.23 57.744c-27.547-42.14-68.33-61.74-108.14-61.823zm2.168 17.975c38.356.402 73.808 24.73 93.14 56.956c3.06 4.91 12 18.78 12 18.78l7.334-10.35c16.673-26.633 42.103-48.728 72.284-58.325c40.247-13.228 90.467-2.59 117.055 32.314c24.617 32.027 27.77 76.852 14.025 113.666c-17.43 43.71-53.837 75.718-88.553 105.793c-46.72 39.376-94.345 81.183-121.916 136.86c-5.064-9.63-10.672-18.98-16.9-27.9c-40.44-59.624-104.682-96.256-153.725-147.608c-33.198-30.908-52.584-77.653-45.26-123.08c5.82-52.31 53.85-97.206 106.794-97.07q1.865-.055 3.72-.036zm64.457 123.925a47 47 0 0 0-11.47 1.4c-19.938 4.983-36.72 22.938-37.524 48.73c-.43 13.738 3.81 25.16 10.568 34.965s15.945 18.096 25.652 26.264c19.417 16.338 40.828 32.186 50.81 56.908l3.415 8.463l3.258-8.525c9.46-24.746 30.175-41.358 49.352-58.05c19.178-16.69 37.084-33.846 37.908-59.8c.873-27.452-16.256-44.784-36.656-48.79c-18.804-3.69-40.425 3.5-53.814 22.16c-10.57-16.172-26.22-23.694-41.498-23.725z"/></svg>How to use the Nested Hearts icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:nested-hearts" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:nested-hearts" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:nested-hearts" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--nested-hearts]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:nested-hearts"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:nested-hearts"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/nested-hearts.svg" alt="Nested Hearts icon" width="24" height="24">Related icons in Game Icons
Nested Hearts icon FAQ
Is the Nested Hearts icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Nested Hearts icon in React?
Install @iconify/react and render <Icon icon="game-icons:nested-hearts" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nested Hearts icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/nested-hearts.svg" alt="Nested Hearts icon">, or paste the SVG code inline to style it with CSS.