Shining Heart icon
game-icons:shining-heart
The Shining Heart icon (game-icons:shining-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
- shiningheart
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m142.094 20.063l37.594 76.78a94.2 94.2 0 0 0-27.47-4.187a94.3 94.3 0 0 0-23 2.78c-9.593 2.388-18.805 6.298-27.312 11.533L18.53 23.593v70.312l56.19 37.813c-12.143 16.172-19.905 36.81-20.657 60.78c-.14 4.438-.026 8.76.312 12.97l-35.844-9.657v41.843l44.72 3.094c3.274 7.523 7.29 14.613 11.906 21.28c9.205 13.295 20.61 25.098 33 36.345L18.53 322.188V368.5l109.157-53.28c13.032 10.868 26.395 21.638 39.094 33L20.345 494.28H91.78l88.97-132.936c14.037 13.884 26.635 28.95 36.188 46.344l-23.22 86.593h41.595l4.593-65.936l1.938-5.03c9.503-24.743 24.99-45.3 42.937-63.94l35.626 134.907h47.22L296.218 348c9.033-8.604 18.47-16.856 27.936-25.03L492.78 491.593v-70.938l-158.374-106.53c1.105-.955 2.21-1.922 3.313-2.876c10.166-8.807 20.203-17.72 29.467-27.063l125.594 33.907v-42.22l-111-7.718c13.545-16.36 24.01-34.353 28.533-55.437l82.468-21.94v-47.843l-80.186 39.47c-1.48-25.603-11.335-46.322-25.938-61.25L487.75 20.062h-70.375l-55.906 83.062a93 93 0 0 0-22.376-7.406c-14.422-2.82-29.657-2.43-44.47 1.186l20.813-76.844h-41.843l-5.938 87.438c-12.74 7.1-24.463 16.97-34.187 29.688c-5.627-8.07-11.943-14.987-18.72-20.813L189 20.062h-46.906zm10.125 91.124c27.033-.222 54.69 13.835 72.655 47.563l7.906 14.813l8.44-14.532c21.855-37.654 61.142-51.45 94.31-44.968c33.17 6.483 59.992 31.78 58.5 78.438c-1.38 43.233-31.41 72.474-68.53 104.625c-32.58 28.218-70.07 57.918-92.594 100.78c-23.6-42.682-62.317-71.126-95.156-98.624c-18.69-15.648-35.51-30.997-47.22-47.905c-11.707-16.908-18.508-35.107-17.78-58.28c1.364-43.454 28.753-71.513 61-79.532c6.046-1.504 12.23-2.324 18.47-2.376zM314.97 135.5c-11.794 0-23.042 3.426-32.25 9.406c20.885-2.46 44.746 10.98 59.03 35.72c12.43 21.526 14.015 45.497 5.938 62.468c15.646-10.572 25.78-28.802 25.78-49.094a58.297 58.297 0 0 0-58.5-58.5z"/></svg>How to use the Shining Heart icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:shining-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:shining-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:shining-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--shining-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:shining-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:shining-heart"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/shining-heart.svg" alt="Shining Heart icon" width="24" height="24">Related icons in Game Icons
Shining Heart icon FAQ
Is the Shining 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 Shining Heart icon in React?
Install @iconify/react and render <Icon icon="game-icons:shining-heart" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shining Heart icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/shining-heart.svg" alt="Shining Heart icon">, or paste the SVG code inline to style it with CSS.