Heart Inside icon

game-icons:heart-inside

The Heart Inside icon (game-icons:heart-inside) 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: heartinside

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M303.25 20.813c-19.18.348-39.962 9.117-56.5 25.656c-22.422 22.42-30.52 52.633-22.75 76.093c-65.983-30.33-59.733-32.19-123.344-73c-10.072-6.463-19.472-9.42-27.844-9.813a41 41 0 0 0-2.593-.03c-12.75.2-22.962 6.374-29.532 14.936C29.474 69.27 28.334 90.84 51.656 109.094c31.026 24.285 58.81 41.01 79 59.437c20.19 18.43 32.648 40.622 28.344 70.064c-3.158 21.608-13.658 37.998-26.438 51.47c-12.78 13.47-27.778 24.454-41.468 36.655c-27.38 24.4-50.33 51.783-45.063 114.28c3.328 39.483 34.19 55.117 59.69 52.375c12.748-1.37 23.477-7.368 29.374-17.5s7.696-25.406-1.03-47.72c-7.595-19.415 3.133-40.834 18.374-57.092c15.24-16.26 36.798-28.82 58.843-25c6.177 1.07 11.454 4.72 15.064 9.156c3.61 4.434 5.964 9.587 7.937 15.217c3.948 11.262 6.27 24.706 9.126 38.594c5.712 27.78 13.663 55.97 33.063 68.47c37.963 24.468 75.257 17.39 91.905.438c8.324-8.477 11.914-18.828 9.125-31.125c-2.79-12.298-12.677-27.19-34.25-41.875c-23.664-16.11-32.655-48.258-33.844-80.094s5.287-64.078 20.125-84.03c6.88-9.25 17.516-13.15 29.626-17.44c12.11-4.288 26.207-8.474 40.75-14.686c29.086-12.426 59.667-32.198 79.156-76.782c17.078-39.068 3.342-64.286-15.312-73.47c-9.327-4.59-20.13-5.16-30.438-.655c-10.307 4.507-20.43 14.22-27.437 31.782c-13.14 32.934-39.188 51.677-70.406 56.407c-8.096 1.225-16.526 1.577-25.22 1.155c7.504-4.07 14.71-9.367 21.25-15.906c29.4-29.402 34.242-72.228 10.844-95.626c-10.237-10.237-24.176-15.053-39.094-14.782zm-87.688 129.343c15.512-.115 31.634 10.905 35.813 30.75c28.278-25.368 67.325-2.347 56.72 33.906c-10.762 36.783-76.172 43.73-88.064 61.97c1.293-23.756-45.864-63.673-34.655-102.063c4.877-16.708 17.335-24.468 30.188-24.564z"/></svg>

How to use the Heart Inside icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:heart-inside" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:heart-inside" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:heart-inside" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--heart-inside]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:heart-inside"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:heart-inside"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/heart-inside.svg" alt="Heart Inside icon" width="24" height="24">

Related icons in Game Icons

Heart Inside icon FAQ

Is the Heart Inside 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 Heart Inside icon in React?

Install @iconify/react and render <Icon icon="game-icons:heart-inside" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Heart Inside icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/heart-inside.svg" alt="Heart Inside icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →