Icône Baseball Fill

ph:baseball-fill

L'icône Baseball Fill (ph:baseball-fill) est une icône SVG gratuite de la collection Phosphor par Phosphor Icons. Elle est dessinée sur une grille de 256 × 256. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Phosphor
Auteur: Phosphor Icons
Licence: MIT
Taille: 256 × 256
Mots-clés: sports, mlb, baseballfill

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M209.35 63.28a4 4 0 0 0-5.8-.47a89 89 0 0 0-9.4 10a8.2 8.2 0 0 1-11 1.81A8 8 0 0 1 181.49 63a104 104 0 0 1 10.33-11.14a4 4 0 0 0-.22-6.09a103.79 103.79 0 0 0-127.2 0a4 4 0 0 0-.22 6.09a105 105 0 0 1 10.17 10.93A8.18 8.18 0 0 1 74 73.58A8 8 0 0 1 62 73a88.4 88.4 0 0 0-9.59-10.2a4 4 0 0 0-5.79.48a103.79 103.79 0 0 0 0 129.44a4 4 0 0 0 5.8.47a89 89 0 0 0 9.4-10a8.2 8.2 0 0 1 11-1.81A8 8 0 0 1 74.51 193a104 104 0 0 1-10.33 11.14a4 4 0 0 0 .22 6.09a103.79 103.79 0 0 0 127.2 0a4 4 0 0 0 .22-6.09A104 104 0 0 1 181.49 193a8 8 0 0 1 1.7-11.59a8.2 8.2 0 0 1 11 1.81a89 89 0 0 0 9.4 10a4 4 0 0 0 5.8-.47a103.79 103.79 0 0 0 0-129.44ZM81.71 88.3a8.18 8.18 0 0 1 9.79 5.29a105 105 0 0 1 4.34 16.77A8 8 0 0 1 88 120a8 8 0 0 1-8-7.35c-.38-4.44-1.11-8.91-3.2-12.84a8 8 0 0 1 4.91-11.51m14.13 57.29a103.5 103.5 0 0 1-4.43 17.08a8 8 0 0 1-11.17 4.46a8.19 8.19 0 0 1-3.82-10.08a88 88 0 0 0 3.69-14.37a8 8 0 0 1 10.18-6.35a8.17 8.17 0 0 1 5.55 9.26m79.92 21.54a8 8 0 0 1-11.17-4.46a103.5 103.5 0 0 1-4.43-17.08a8.18 8.18 0 0 1 5.55-9.26a8 8 0 0 1 10.18 6.35a88 88 0 0 0 3.69 14.37a8.19 8.19 0 0 1-3.82 10.08m3.41-67.32c-2.09 3.93-2.82 8.4-3.2 12.84a8 8 0 0 1-10.17 7a8.16 8.16 0 0 1-5.65-9.25a103.6 103.6 0 0 1 4.35-16.8a8.17 8.17 0 0 1 9.79-5.3a8 8 0 0 1 4.88 11.51"/></svg>

Comment utiliser l'icône Baseball Fill

React

import { Icon } from "@iconify/react";

<Icon icon="ph:baseball-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ph:baseball-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ph:baseball-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--baseball-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:baseball-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ph:baseball-fill"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/ph/baseball-fill.svg" alt="Icône Baseball Fill" width="24" height="24">

Icônes similaires dans Phosphor

L'icône Baseball Fill dans d'autres collections

FAQ : Icône Baseball Fill

L'icône Baseball Fill est-elle gratuite pour un usage commercial ?

Oui. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Baseball Fill dans React ?

Installez @iconify/react et affichez <Icon icon="ph:baseball-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Baseball Fill à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ph/baseball-fill.svg" alt="Icône Baseball Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Phosphor →