Bleeding Heart icon
game-icons:bleeding-heart
The Bleeding Heart icon (game-icons:bleeding-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
- bleedingheart
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M227.438 18.594L207.313 87.97c-51.705 15-93.266 51.876-115.188 99.06l-73.406 9.814l58 43.094c-1.834 13.845-2.095 28.103-.626 42.593a182.9 182.9 0 0 0 13.5 52.845l-33.563 63.22l62.69-15.97a185 185 0 0 0 34.155 31.22l4.063 72l44.656-47.5a183 183 0 0 0 10.687 3.155v51.094h18.69v-47.25c9.448 1.436 19.105 2.11 28.905 2.03v45.22h18.688V446.28c16.735-1.836 32.71-5.878 47.656-11.81l48.31 30.5l1.814 2.186v25.438h18.687V460.5l-2.092-2.563l-12.594-15.437l-8.47-34.344a184.6 184.6 0 0 0 47.813-56.687l67.438 2.655l-49.313-51.406c3.958-18.31 5.146-37.53 3.157-57.158c-1.816-17.9-6.148-34.947-12.626-50.812l.75 1.063l45.094-59.063l-73.094 12.03c-33.67-41.52-84.87-67.627-140.97-68.06l-32.687-62.126zm31.343 80.78c18.82 0 37.02 3.223 54.033 9.157l4.625 40.595l34.187-20.97c38.577 26.43 65.657 69.033 70.75 119.282c.18 1.775.346 3.546.47 5.313l-48.283 16.125l45.188 29.03c-8.816 42.143-33.876 78.896-68.97 102.626V235.75c1.017-6.205 1.21-12.552.408-19.03c-7.203-58.14-80.477-59.517-100.844-6.75c-36.378-45.1-100.77-19.982-93.656 37.186c3.574 28.718 29.094 49.678 55.593 67.22v107.78C157.405 406.133 113.557 362.12 99 305l29.72-24.97l-34.814-21.405c.983-31.41 10.888-60.917 27.47-85.813l41.31 3.782l-15.81-33.625c25.302-23.35 58.116-39.006 95.06-42.75a167 167 0 0 1 16.845-.845m73.314 178.94v133.123c-16.367 8.158-34.377 13.722-53.53 16.063l-.002-79.063c10.236-20.103 35.553-43.51 53.532-70.125zM230.97 326.31c10.877 6.818 21.026 13.216 28.905 19.5v82.907a164.7 164.7 0 0 1-28.906-2.283V326.313z"/></svg>How to use the Bleeding Heart icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:bleeding-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:bleeding-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:bleeding-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--bleeding-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:bleeding-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:bleeding-heart"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/bleeding-heart.svg" alt="Bleeding Heart icon" width="24" height="24">Related icons in Game Icons
Bleeding Heart icon FAQ
Is the Bleeding 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 Bleeding Heart icon in React?
Install @iconify/react and render <Icon icon="game-icons:bleeding-heart" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bleeding Heart icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/bleeding-heart.svg" alt="Bleeding Heart icon">, or paste the SVG code inline to style it with CSS.