Ícone Cross Shield
game-icons:cross-shield
O ícone Cross Shield (game-icons:cross-shield) é um ícone SVG gratuito da coleção Game Icons de GameIcons. Ele é desenhado em uma grade de 512 × 512. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Game Icons
- Autor
- GameIcons
- Licença
- CC-BY-3.0
- Tamanho
- 512 × 512
- Tags
- crossshield
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/cross-shield.svg" alt="Ícone Cross Shield" width="24" height="24">
Ícones relacionados em Game Icons
Perguntas frequentes sobre Ícone Cross Shield
O ícone Cross Shield é grátis para uso comercial?
Sim. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Cross Shield no React?
Instale @iconify/react e renderize <Icon icon="game-icons:cross-shield" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cross Shield a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/cross-shield.svg" alt="Ícone Cross Shield">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Game Icons →
ICONYZ
