Pierced Heart icon

game-icons:pierced-heart

The Pierced Heart icon (game-icons:pierced-heart) 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: piercedheart

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="M492.063 21.47L353.375 43.312l43.188 19.406L360.5 85.03c5.877 6.705 10.767 14.518 14.344 23.282l37.844-23.406l-2.094 50.906zM301.125 76.437a59 59 0 0 0-4.813.156c-19.3 1.397-38.492 12.485-51.468 36.97l-7.906 14.936l-8.438-14.625c-17.056-29.533-47.546-40.198-73.22-35.156c-25.67 5.04-46.32 24.368-45.155 61.03c.747 23.506 12.27 41.744 29.125 59.313l15.938-9.875c7.068-4.376 14.39-6.487 21.187-6.313c2.266.058 4.472.378 6.594.938c8.486 2.237 15.004 8.183 18.686 15.312c7.364 14.257 3.867 34.654-13.25 45.25l-15.187 9.406c15.353 65.592-25.282 99.922-25.282 135.657c0 20.192 17.73 35.032 34.875 35.032c17.528 0 34.187-13.858 34.187-33.033c0-37.474-43.044-81-17.063-137.187c13.904 13.542 26.968 28.61 36.875 46.594c6.853-11.823 15.104-22.28 24.032-31.813c26.65 31.85-6.063 66.597-6.063 93c0 13.414 11.642 23.126 23.907 23.126c11.997 0 24.407-10.37 24.407-24.5c0-27.533-40.804-63.71-1.688-128.28c2.408-1.993 4.773-3.945 7.125-5.907c15.045 21.743-6.28 45.09-6.28 63c0 9.463 8.22 16.31 16.875 16.31c8.464 0 17.22-7.31 17.22-17.28c0-19.657-29.467-40.713-.19-87.188c4.754-5 9.035-10.085 12.658-15.343c9.17-13.313 14.443-27.468 13.875-45.657c-1.066-34.09-22.314-55.8-47.25-62.032a61.5 61.5 0 0 0-14.313-1.843zM174.75 201.53c-2.53.125-5.71 1.05-9.72 3.532L19.938 295v31.75l158.625-98.25c9.33-5.775 9.66-14.662 6.5-20.78c-1.58-3.06-3.905-5.07-6.843-5.845a11.2 11.2 0 0 0-2.44-.344c-.335-.01-.67-.016-1.03 0zm147.375 166.94c-2.102 29.32-18.28 38.26-18.28 54.592c0 8.108 8.908 15.313 18.28 15.313c9.167 0 18.625-7.182 18.625-15.72c0-17.01-15.994-24.82-18.625-54.186zm-81.375 17.84c-4.03 44.97-28.53 56.92-28.53 82.97c0 13.072 14.493 24.062 28.53 24.062c14.35 0 28-11.054 28-23.47c0-25.006-24.782-38.666-28-83.562"/></svg>

How to use the Pierced Heart icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Game Icons

Pierced Heart icon FAQ

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

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

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

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

Browse all Game Icons →