Icône Soccer Ball
fluent-emoji-flat:soccer-ball
L'icône Soccer Ball (fluent-emoji-flat:soccer-ball) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat 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
- Fluent Emoji Flat
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Activités
- Mots-clés
- soccerball
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="16" cy="16" r="13.527" fill="#f4f4f4"/><path fill="#bebebe" d="M10.743 5.394a.5.5 0 0 0-.566-.424l-.495.07a.5.5 0 0 0-.424.566l.5 3.5a.5.5 0 0 0 .565.425l.495-.071a.5.5 0 0 0 .425-.566zm9.093 1.659a.5.5 0 0 0-.671-.224l-5 2.5a.5.5 0 0 0-.224.671l.224.447a.5.5 0 0 0 .67.224l5-2.5a.5.5 0 0 0 .224-.67zm4.412 2.891a.5.5 0 0 0-.536-.461l-.499.037a.5.5 0 0 0-.46.537l.5 6.646a.5.5 0 0 0 .535.46l.499-.037a.5.5 0 0 0 .461-.536zM9.336 11.553a.5.5 0 0 0-.671-.224l-5.823 2.912a.5.5 0 0 0-.274.397q-.02.195-.034.393a.5.5 0 0 0 .052.259l.079.158a.5.5 0 0 0 .67.223l6-3a.5.5 0 0 0 .224-.67zm5.042 2.299a.5.5 0 0 0-.684.18l-.252.432a.5.5 0 0 0 .18.684l6 3.5a.5.5 0 0 0 .684-.18l.252-.432a.5.5 0 0 0-.18-.684zm-4.085 1.629a.5.5 0 0 0-.54.457l-.5 6a.5.5 0 0 0 .457.54l.498.041a.5.5 0 0 0 .54-.456l.5-6a.5.5 0 0 0-.457-.54zm18.543 2.072a.5.5 0 0 0-.671-.224l-3 1.5a.5.5 0 0 0-.224.671l.224.448a.5.5 0 0 0 .67.223l3-1.5a.5.5 0 0 0 .224-.67zm-24.778.946a.5.5 0 0 0-.706-.038l-.311.28a.5.5 0 0 0-.151.491l.044.177a.5.5 0 0 0 .113.208l4.396 4.885a.5.5 0 0 0 .706.037l.371-.334a.5.5 0 0 0 .038-.706zm16.792 3.065a.5.5 0 0 0-.664-.245l-6.5 3a.5.5 0 0 0-.245.664l.21.454a.5.5 0 0 0 .664.244l6.5-3a.5.5 0 0 0 .244-.663zm2.464.909a.5.5 0 0 0-.558.434l-.5 4a.5.5 0 0 0 .434.558l.19.024a.5.5 0 0 0 .33-.073q.177-.113.351-.23a.5.5 0 0 0 .216-.352l.467-3.74a.5.5 0 0 0-.434-.559zM9.677 25.97a.5.5 0 0 0-.707 0l-.51.51a.5.5 0 0 0 .076.77q.221.148.448.286a.5.5 0 0 0 .614-.073l.432-.432a.5.5 0 0 0 0-.707zm3.773.43a.5.5 0 0 0-.7.1l-.3.4a.5.5 0 0 0 .1.7c1.098.824 2.408 1.357 3.57 1.685q.345.097.674.172a.5.5 0 0 0 .146.011a13.5 13.5 0 0 0 1.785-.243a.5.5 0 0 0-.064-.989a11 11 0 0 1-2.133-.395c-1.054-.297-2.176-.764-3.078-1.44"/><path fill="#3f5fff" d="m7.243 6.69l2.63-.658a1 1 0 0 0 .242-.096l3.66-2.033a1 1 0 0 0 .51-.79a12.96 12.96 0 0 0-7.384 3.602a1 1 0 0 0 .342-.026m-3.738 12.91A13 13 0 0 1 3 16c0-1.427.23-2.8.655-4.084L4 14.398V19.5zm20.855 6.357a12.95 12.95 0 0 1-6.178 2.862l.318-.318l4.5-2zM28.523 12.5A13 13 0 0 1 29 16a13 13 0 0 1-.834 4.592c-.43-.629-.8-1.642-.166-2.592c.8-1.2.667-4.167.5-5.5zm-5.715-7.577q.588.364 1.134.784l1.636 2.618a1 1 0 0 1-.14 1.238l-.886.885a1 1 0 0 1-1.221.15l-3.846-2.307A1 1 0 0 1 19 7.434V5.617a1 1 0 0 1 1.11-.994zM9.629 9.057l-2.237 3.354a1 1 0 0 0 .033 1.155l2.115 2.82a1 1 0 0 0 1.172.33l3.66-1.465a1 1 0 0 0 .628-.928V10.32a1 1 0 0 0-.804-.98l-3.54-.709a1 1 0 0 0-1.027.426m4.781 16.067l-.26 1.83c-.082.568-.63.99-1.201.942c-1.17-.098-2.865-.312-3.949-1.396c-1.1-1.1-1.572-2.02-1.812-2.76c-.138-.43.092-.88.495-1.082l1.798-.899a1 1 0 0 1 1.002.063l3.493 2.328a1 1 0 0 1 .435.974M19 22.198v-4.021a1 1 0 0 1 .629-.928l3.642-1.457a1 1 0 0 1 1.185.347l1.663 2.328a1 1 0 0 1 .044 1.095l-2.292 3.82a1 1 0 0 1-1.075.462l-3.013-.67a1 1 0 0 1-.783-.976"/><path fill="#1c5cd7" fill-rule="evenodd" d="M30 16c0 7.732-6.268 14-14 14S2 23.732 2 16S8.268 2 16 2s14 6.268 14 14M16 29c7.18 0 13-5.82 13-13S23.18 3 16 3S3 8.82 3 16s5.82 13 13 13" clip-rule="evenodd"/></g></svg>Comment utiliser l'icône Soccer Ball
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:soccer-ball" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:soccer-ball" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:soccer-ball" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--soccer-ball]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:soccer-ball"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:soccer-ball"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/soccer-ball.svg" alt="Icône Soccer Ball" width="24" height="24">L'icône Soccer Ball dans d'autres collections
FAQ : Icône Soccer Ball
L'icône Soccer Ball est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Soccer Ball dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:soccer-ball" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Soccer Ball à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/soccer-ball.svg" alt="Icône Soccer Ball">, ou collez le code SVG directement dans la page pour le styliser en CSS.