Ícone Champions
game-icons:champions
O ícone Champions (game-icons:champions) é 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
- champion
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 33c-25 0-47.7 2.03-63.6 5.15c-6.2 1.23-11 2.65-14.7 4.01c3.7 1.36 8.5 2.78 14.7 4.01c15.9 3.12 38.6 5.15 63.6 5.15s47.7-2.03 63.6-5.15c6.2-1.23 11-2.65 14.7-4.01c-3.7-1.36-8.5-2.78-14.7-4.01C303.7 35.03 281 33 256 33m-100.8 5.31c-19.1 8.9-29.4 26.02-26.8 43.08c2 12.32 10.9 23.51 25 29.31c8.1 3.4 17.9 5.2 29.4 5.1c13.3 24.7 31.3 45.1 50.6 54.6v43.9c-17 10.3-28.3 31.7-39.4 53.7c38.8 9.9 85.3 9.4 123.9-.1c-11-22-22.4-43.3-39.3-53.6v-43.9c19.3-9.5 37.3-29.9 50.6-54.6c11.5.1 21.3-1.7 29.4-5.1c14.1-5.8 23-16.99 25-29.31c2.6-17.06-7.7-34.18-26.8-43.08c.4 1.2.6 2.48.6 3.85c0 4.35-2.3 7.91-4.7 10.15c-2.3 2.24-4.9 3.73-7.8 5.08c-5.8 2.7-13.1 4.72-21.9 6.44c-17.5 3.46-41 5.49-67 5.49s-49.5-2.03-67-5.49c-8.8-1.72-16.1-3.74-21.9-6.44c-2.9-1.35-5.5-2.84-7.8-5.08c-2.4-2.24-4.7-5.8-4.7-10.15c0-1.37.2-2.65.6-3.85m6.6 16.31c2.3 14.34 6.5 28.91 12.3 42.74c-5.6-.55-10.1-1.71-13.8-3.24c-9.4-3.9-13.2-9.63-14.1-15.51c-1.2-7.93 3.3-18.15 15.6-23.99m188.4 0c12.3 5.84 16.8 16.06 15.6 23.99c-.9 5.88-4.7 11.61-14.1 15.51c-3.7 1.53-8.2 2.69-13.8 3.24c5.8-13.83 10-28.4 12.3-42.74m70.7 219.58c-10.2.2-20.1 5.2-28.7 14.2c-9.6 10.3-17 25.8-18.9 43.7s1.9 34.6 9.1 46.7c7.3 12.2 17.6 19.6 29.3 20.8c11.8 1.3 23.4-3.7 33.1-14s17-25.8 19-43.7c1.9-17.9-1.9-34.6-9.1-46.7c-7.4-12.2-17.6-19.6-29.4-20.8c-1.5-.2-2.9-.2-4.4-.2m-329.8 0c-1.5 0-3 0-4.4.2c-11.8 1.3-22 8.8-29.3 20.8c-7.3 12.2-11.1 28.9-9.1 46.8c1.9 17.9 9.2 33.4 18.9 43.7c9.7 10.2 21.3 15.3 33.1 14s22-8.7 29.3-20.8c7.3-12.2 11.1-28.9 9.1-46.8c-1.9-17.9-9.2-33.4-19-43.7c-8.4-8.9-18.4-13.9-28.6-14.2M309 288.3c-10.8 2.1-21.9 3.6-33.2 4.4c13.5 43.8 37.4 83.5 63.8 122.1c5.6-8.2 11.8-14.7 18.6-19.9c3-2.3 6.1-4.3 9.2-6l.1-.1c-.2-.3-.3-.5-.5-.8c-3.9-6.5-6.9-13.8-9-21.7c-17.9-22.1-35.9-45.6-49-78m-106.1.2c-13.1 32.2-31 55.7-48.8 77.7c-2.1 7.9-5.2 15.3-9.1 21.9c-.1.2-.3.5-.5.7l.1.1c3.1 1.7 6.2 3.7 9.2 6c6.8 5.2 13 11.7 18.6 19.9c26.4-38.5 50.2-78.2 63.8-122c-11.3-.8-22.5-2.2-33.3-4.3m250.7 113.6c-12.3 10.9-27.6 17.2-43.8 15.4c-11.7-1.2-22.2-6.5-30.7-14.4c-3.5 1.7-6.8 3.7-9.9 6.1c-15.2 11.6-28.5 41.8-38.1 85.8H487v-59.8c-2.2-2.8-9-11.5-19.3-21.4c-4.4-4.3-9.3-8.3-14.1-11.7m-395.2.1c-4.8 3.3-9.7 7.3-14.1 11.6c-10.3 9.9-17.1 18.6-19.3 21.4V495h155.9c-9.6-44-22.9-74.2-38.1-85.8c-3.1-2.4-6.4-4.4-9.9-6.1c-8.5 7.9-18.9 13.2-30.7 14.5c-16.1 1.8-31.6-4.5-43.8-15.4"/></svg>Como usar o ícone Champions
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:champions" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:champions" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:champions" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--champions]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:champions"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:champions"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/champions.svg" alt="Ícone Champions" width="24" height="24">Perguntas frequentes sobre Ícone Champions
O ícone Champions é 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 Champions no React?
Instale @iconify/react e renderize <Icon icon="game-icons:champions" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Champions a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/champions.svg" alt="Ícone Champions">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.