Ícone Clout
game-icons:clout
O ícone Clout (game-icons:clout) é 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m33.107 27.95l145.817 205.456L58.3 236.428l127.833 107.056l-99.274 18.84l188.798 64.412c-27.16-26.503-51.394-55.114-71.83-84.88l15.406-10.577c39.313 57.257 93.652 110.5 155.83 151.78c26.423-5.435 52.822-21.64 73.036-42.826c20.17-21.14 33.822-46.97 36.597-70.004c-43.09-60.1-94.658-111.11-156.87-151.148l10.112-15.717c30.99 19.946 59.436 42.53 85.55 67.483L378.963 86.6l-39.83 97.197L249.395 60.35l-3.14 124.414L33.108 27.95zm398.788 304.42l10.552 15.425c-34.503 23.6-64.288 57.193-90.49 92.758l-15.045-11.086c26.87-36.472 57.815-71.673 94.983-97.096z"/></svg>Como usar o ícone Clout
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:clout" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:clout" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:clout" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--clout]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:clout"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:clout"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/clout.svg" alt="Ícone Clout" width="24" height="24">Perguntas frequentes sobre Ícone Clout
O ícone Clout é 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 Clout no React?
Instale @iconify/react e renderize <Icon icon="game-icons:clout" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Clout a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/clout.svg" alt="Ícone Clout">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.