Icône Cross Shield
game-icons:cross-shield
L'icône Cross Shield (game-icons:cross-shield) 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
- Mots-clés
- crossshield
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 20c-64 96-128 88-192 104c0 256 64 320 192 368c128-48 192-112 192-368c-64-16-128-8-192-104m0 32a9 9 0 1 1 0 18a9 9 0 0 1 0-18m.291 30.152a269 269 0 0 0 13.84 14.15c34.949 35.385 82.966 45.887 130.685 56.428c2.732 1.184 6.62.508 8.864 1.958c-2.683 64.84-5.522 131.649-32.315 191.746c-12.685 31.46-36.26 57.602-64.37 76.144c-15.452 10.864-32.847 18.227-49.884 26.115c-6.586 4.573-13.697-.448-20.242-2.46c-43.648-17.847-84.444-48.619-105.056-92.266c-29.065-62.018-32.949-131.823-35.815-199.393c57.423-8.808 112.578-27.8 152.441-70.418zM256 124l-27.512 68.78C211.228 189.067 190.45 182.15 160 172c0 32-16 48-32 64c0 16 64 32 80 32c13.173-8.782 22.72-15.138 30.646-19.1C234.19 277.441 218.65 337.35 192 364c32 16 48 32 64 48c16-16 32-32 64-48c-26.65-26.65-42.19-86.559-46.646-115.1c7.926 3.962 17.473 10.318 30.646 19.1c16 0 80-16 80-32c-16-16-32-32-32-64c-30.45 10.15-51.228 17.068-68.488 20.78zm-172 8a9 9 0 1 1 0 18a9 9 0 0 1 0-18m344 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18M96 282a9 9 0 1 1 0 18a9 9 0 0 1 0-18m320 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18M160 410a9 9 0 1 1 0 18a9 9 0 0 1 0-18m192 0a9 9 0 1 1 0 18a9 9 0 0 1 0-18m-96 50a9 9 0 1 1 0 18a9 9 0 0 1 0-18"/></svg>
Comment utiliser l'icône Cross Shield
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:cross-shield" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:cross-shield" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:cross-shield" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--cross-shield]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:cross-shield"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:cross-shield"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/game-icons/cross-shield.svg" alt="Icône Cross Shield" width="24" height="24">
Icônes similaires dans Game Icons
FAQ : Icône Cross Shield
L'icône Cross Shield 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 Cross Shield dans React ?
Installez @iconify/react et affichez <Icon icon="game-icons:cross-shield" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cross Shield à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/game-icons/cross-shield.svg" alt="Icône Cross Shield">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Game Icons →
ICONYZ
