ICONYZ
Português (Brasil)
Ícone Shining Heart de Game Icons

Ícone Shining Heart

game-icons:shining-heart

O ícone Shining Heart (game-icons:shining-heart) é um ícone SVG gratuito da coleção Game Icons de GameIcons. Ele é desenhado em uma grade de 512 × 512. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Game Icons
Autor
GameIcons
Licença
CC-BY-3.0
Tamanho
512 × 512
Tags
shiningheart
Baixar SVG

Código SVG

<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>

Como usar o ícone Shining Heart

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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/game-icons/shining-heart.svg" alt="Ícone Shining Heart" width="24" height="24">

Ícones relacionados em Game Icons

Perguntas frequentes sobre Ícone Shining Heart

O ícone Shining Heart é grátis para uso comercial?

Sim. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Shining Heart no React?

Instale @iconify/react e renderize <Icon icon="game-icons:shining-heart" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Shining Heart a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/shining-heart.svg" alt="Ícone Shining Heart">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Game Icons →