Icône Shuttlecock
game-icons:shuttlecock
L'icône Shuttlecock (game-icons:shuttlecock) est une icône SVG gratuite de la collection Game Icons par GameIcons. Elle est dessinée sur une grille de 512 × 512. Les Game Icons sont publiées sous la licence CC BY 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Game Icons
- Auteur
- GameIcons
- Licence
- CC-BY-3.0
- Taille
- 512 × 512
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 25.577c-29.75 0-50.618 10.68-64.973 28.623c-12.914 16.144-20.364 38.79-21.74 65.377h173.426c-1.376-26.586-8.826-49.233-21.74-65.377C306.618 36.257 285.75 25.577 256 25.577m-87 112v14h174v-14zm12.443 32l-4.802 30H176v3.994l-12.357 77.167c1.428-.63 3.16-1.226 5.207-1.283q.457-.014.935.012c.85.045 1.748.188 2.694.46c3.733 1.07 5.666 3.31 7.077 5.24c.48.654.894 1.32 1.287 1.993l3.455-21.583h23.69l-.94 14.123c.77-.11 1.58-.17 2.448-.154q.615.01 1.266.066c6.942.61 10.032 4.716 13.134 8.764c.19.248.377.51.565.766l1.568-23.565h21.327v16.658c2.24-1.575 4.94-2.658 8.643-2.658c4.105 0 6.98 1.33 9.357 3.188v-17.188h22.065l1.726 21.443c2.796-3.567 5.923-6.866 12.088-7.408c2.057-.18 3.828.007 5.41.44l-1.166-14.475h23.25l3.41 20.04c.103-.15.194-.303.303-.452c1.41-1.928 3.344-4.17 7.078-5.24c.947-.27 1.845-.414 2.695-.46q.479-.024.935-.01c2.137.06 3.942.705 5.405 1.364c.392.176.757.372 1.125.566L336 200.966v-1.39h-.236l-5.104-30H312.4l5.104 30h-17.336l-2.414-30h-18.06l2.415 30h-16.753v-30h-18v30h-16.933l1.998-30h-18.04l-2 30H194.87l4.804-30h-18.23zm10.543 48h19.2l-2 30h-22.004zm37.24 0h18.13v30H227.23l1.997-30zm36.13 0h18.203l2.413 30h-20.616zm36.26 0h18.95l5.104 30h-21.64l-2.413-30zm-92.542 81.246c-.26.187-.317.13-.615.403c-2.248 2.058-5.392 5.725-8.773 10.486c-6.76 9.522-14.636 23.43-21.718 39.035c-14.166 31.21-24.75 69.83-20.933 93.586c1.633 10.164 4.142 16.383 9.713 22.98c5.046 5.977 13.334 12.386 25.902 20.348c7.703-3.16 13.956-6.07 19.063-8.903c-6.09-7.457-9.938-16.05-12.442-25.98c-7.73-30.66 1.108-71.263 13.133-105.434a314 314 0 0 1 8.914-22.56c-1.638-4.26-3.286-8.186-4.902-11.6c-2.498-5.278-4.953-9.437-6.807-11.856c-.245-.322-.31-.274-.536-.504zm93.852 0c-.226.23-.29.182-.537.504c-1.855 2.42-4.31 6.578-6.808 11.856c-1.616 3.414-3.264 7.34-4.902 11.6a314 314 0 0 1 8.914 22.56c12.025 34.17 20.863 74.775 13.133 105.435c-2.504 9.93-6.35 18.522-12.442 25.98c5.107 2.83 11.36 5.743 19.063 8.903c12.568-7.96 20.856-14.37 25.902-20.347c5.57-6.597 8.08-12.816 9.713-22.98c3.817-23.757-6.767-62.376-20.932-93.586c-7.08-15.605-14.957-29.513-21.717-39.035c-3.38-4.76-6.525-8.428-8.772-10.486c-.297-.274-.353-.216-.614-.403zm-135.95 1.635c-1.903 1.823-4.114 4.144-6.685 7.29c-7.01 8.585-15.662 21.378-23.95 35.925c-16.576 29.093-31.543 65.874-32.223 89.785c-.508 17.885 2.766 27.703 19.418 46.533c10.897-3.552 18.163-7.016 23.65-11.34c-4.07-7.05-6.53-14.81-7.92-23.462c-5.017-31.22 7.342-70.893 22.313-103.88a317 317 0 0 1 9.96-20.047c-.554-3.766-1.154-7.28-1.798-10.41c-.892-4.343-1.857-7.72-2.765-10.392zm178.05 0c-.91 2.672-1.874 6.05-2.766 10.39c-.644 3.132-1.244 6.646-1.797 10.413a318 318 0 0 1 9.96 20.048c14.97 32.987 27.33 72.66 22.313 103.88c-1.39 8.653-3.85 16.412-7.922 23.46c5.488 4.326 12.754 7.79 23.65 11.343c16.653-18.83 19.927-28.647 19.42-46.532c-.68-23.91-15.648-60.692-32.224-89.785c-8.288-14.547-16.94-27.34-23.95-35.924c-2.572-3.148-4.783-5.47-6.685-7.292zm-96.97 9.328c-.153.258-.3.483-.454.746c-5.9 10.077-12.528 24.62-18.217 40.785c-11.378 32.33-18.54 71.73-12.658 95.06c2.516 9.983 5.562 15.958 11.69 22.042c5.55 5.51 14.366 11.172 27.583 18.003c13.217-6.83 22.034-12.493 27.584-18.004c6.127-6.085 9.173-12.06 11.69-22.042c5.882-23.332-1.28-62.73-12.66-95.06c-5.688-16.166-12.315-30.71-18.216-40.786c-.154-.263-.3-.488-.455-.746L256 465.108z"/></svg>Comment utiliser l'icône Shuttlecock
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:shuttlecock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:shuttlecock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:shuttlecock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--shuttlecock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:shuttlecock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:shuttlecock"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/game-icons/shuttlecock.svg" alt="Icône Shuttlecock" width="24" height="24">L'icône Shuttlecock dans d'autres collections
FAQ : Icône Shuttlecock
L'icône Shuttlecock est-elle gratuite pour un usage commercial ?
Oui. Les Game Icons sont publiées sous la licence CC BY 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Shuttlecock dans React ?
Installez @iconify/react et affichez <Icon icon="game-icons:shuttlecock" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Shuttlecock à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/game-icons/shuttlecock.svg" alt="Icône Shuttlecock">, ou collez le code SVG directement dans la page pour le styliser en CSS.