Ícone Soccer Ball Light
ph:soccer-ball-light
O ícone Soccer Ball Light (ph:soccer-ball-light) é um ícone SVG gratuito da coleção Phosphor de Phosphor Icons. Ele é desenhado em uma grade de 256 × 256. Phosphor icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Phosphor
- Autor
- Phosphor Icons
- Licença
- MIT
- Tamanho
- 256 × 256
- Tags
- updated, sports, football, mls, soccerball, balllight, soccerballlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m77.67 147.42h-35.78L159.41 159l13.29-38.72l17-5.51l27.94 21.43a89.4 89.4 0 0 1-11.97 37.22m-119.56 0H50.33a89.4 89.4 0 0 1-11.95-37.22l27.94-21.43l17 5.51L96.59 159ZM51 81.42l7.24 24.41l-20 15.34A89.5 89.5 0 0 1 51 81.42M107.56 154l-12.41-36.14L128 95.28l32.85 22.58L148.44 154Zm90.19-48.17L205 81.42a89.5 89.5 0 0 1 12.75 39.75Zm-1.66-36.62L186 103.35l-17 5.53l-35-24V67.16l30.9-21.24a90.3 90.3 0 0 1 31.19 23.29M150.92 41L128 56.72L105.08 41a90.2 90.2 0 0 1 45.84 0m-59.81 4.91L122 67.16v17.68l-35 24l-17-5.53l-10.09-34.1a90.4 90.4 0 0 1 31.2-23.3M58.75 185.42h26.18l9.19 26a90.4 90.4 0 0 1-35.37-26m49.68 30.43l-12.55-35.46L106.34 166h43.32l10.46 14.39l-12.55 35.46a90.1 90.1 0 0 1-39.14 0m53.45-4.48l9.19-26h26.18a90.4 90.4 0 0 1-35.37 26"/></svg>Como usar o ícone Soccer Ball Light
React
import { Icon } from "@iconify/react";
<Icon icon="ph:soccer-ball-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:soccer-ball-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:soccer-ball-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--soccer-ball-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:soccer-ball-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:soccer-ball-light"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/ph/soccer-ball-light.svg" alt="Ícone Soccer Ball Light" width="24" height="24">Ícones relacionados em Phosphor
Perguntas frequentes sobre Ícone Soccer Ball Light
O ícone Soccer Ball Light é grátis para uso comercial?
Sim. Phosphor icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Soccer Ball Light no React?
Instale @iconify/react e renderize <Icon icon="ph:soccer-ball-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Soccer Ball Light a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ph/soccer-ball-light.svg" alt="Ícone Soccer Ball Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.