ICONYZ
Español
Icono Ball Heart de Game Icons

Icono Ball Heart

game-icons:ball-heart

El icono Ball Heart (game-icons:ball-heart) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Game Icons
Autor
GameIcons
Licencia
CC-BY-3.0
Tamaño
512 × 512
Etiquetas
ballheart
Descargar 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="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>

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en Game Icons

Preguntas frecuentes sobre Icono Ball Heart

¿El icono Ball Heart es gratis para uso comercial?

Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Ball Heart en React?

Instala @iconify/react y renderiza <Icon icon="game-icons:ball-heart" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Ball Heart a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/ball-heart.svg" alt="Icono Ball Heart">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Game Icons →