Ícone Ball Heart
game-icons:ball-heart
O ícone Ball Heart (game-icons:ball-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
- ballheart
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M357.764 39.938c-46.68.725-94.32 23.907-122.787 73.214C193.064-4.618 15.5 25.915 19.992 166.705c4.682 146.597 214.475 232.04 237.055 316.313c20.666-77.113 240.768-175.822 236.36-316.313h-.003c-2.512-80.032-65.21-125.75-131.127-126.768a148 148 0 0 0-4.513 0zM239.09 134.762c7.63 0 15.092.733 22.326 2.117c-44.857 20.45-76.123 66.123-76.123 118.995c0 52.848 31.237 98.505 76.06 118.97a118.6 118.6 0 0 1-22.263 2.106c-66.03 0-119.56-54.215-119.56-121.095s53.53-121.093 119.56-121.093m51.715 11.884c40.137 19.533 67.847 61.094 67.847 109.21c0 48.14-27.736 89.716-67.904 109.238c-49.632-10.863-86.766-55.504-86.766-109.22c0-53.735 37.162-98.387 86.823-109.228"/></svg>Como usar o ícone Ball Heart
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:ball-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:ball-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:ball-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--ball-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:ball-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:ball-heart"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/ball-heart.svg" alt="Ícone Ball Heart" width="24" height="24">Ícones relacionados em Game Icons
Perguntas frequentes sobre Ícone Ball Heart
O ícone Ball 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 Ball Heart no React?
Instale @iconify/react e renderize <Icon icon="game-icons:ball-heart" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ball 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/ball-heart.svg" alt="Ícone Ball Heart">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.