Ícone Whistle
game-icons:whistle
O ícone Whistle (game-icons:whistle) é 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="M93.75 81.443c-5.38 0-12.368 2.49-22.358 8.967c3.966 4.682 8.167 9.687 16.47 19.256c5.782 6.663 11.618 13.29 16.026 18.088c.038.042.055.055.092.096l30.894-17.932l-14.652-14.148c-11.292-9.404-18.644-13.866-25.418-14.293a17 17 0 0 0-1.055-.034zm120.08 15.082a90 90 0 0 0-2.643.01c-10.46.193-20.2 2.23-26.742 5.424l-67.262 39.038c2.45.544 4.885 1.196 7.287 2.02c17.275 5.923 33.093 18.223 49.568 34.7l216.44 213.5l80.978-44.433L258.54 111.38c-8.656-7.84-22.49-12.908-36.693-14.394a87 87 0 0 0-8.018-.46zM58.192 102.74c-17.543 20.723-20.57 37.186-15.326 57.004c.692 2.618 3.057 6.357 6.373 10.47a183 183 0 0 1 7.086-9.478c3.99-4.995 8.385-9.183 13.085-12.558l-.106-.2l2.768-1.61a56 56 0 0 1 4.13-2.393l11.868-6.89a1048 1048 0 0 1-13.803-15.622a2605 2605 0 0 1-16.074-18.723zm184.093 13.438l58.415 61.67c-46.086-5.037-56.79 13.2-69.027 34.2l-57.334-59.304zM103.702 157.23a45 45 0 0 0-2.15.002c-6.976.18-14.207 2.058-22.252 5.885c-3.035 2.29-5.99 5.196-8.91 8.852c-25.77 32.264-30.45 59.135-25.484 83.477s20.536 46.656 37.916 66.455c13.314 15.168 28.86 23.992 48.472 27.93c19.614 3.94 43.438 2.708 71.98-3.475c33.246-7.2 66.01 8.42 95.81 27.665c26.118 16.868 50.676 37.09 70.98 49.95l8.79-18.935l-217.52-214.57l-.022-.022c-15.524-15.524-29.565-25.905-42.682-30.402c-5.02-1.722-9.925-2.695-14.928-2.813zm367.08 210.456l-73.45 40.304l-10.48 22.567l70.833-38.41l13.096-24.46z"/></svg>
Como usar o ícone Whistle
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:whistle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:whistle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:whistle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--whistle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:whistle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:whistle"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/whistle.svg" alt="Ícone Whistle" width="24" height="24">
O ícone Whistle em outras coleções
Perguntas frequentes sobre Ícone Whistle
O ícone Whistle é 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 Whistle no React?
Instale @iconify/react e renderize <Icon icon="game-icons:whistle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Whistle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/whistle.svg" alt="Ícone Whistle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Game Icons →
ICONYZ
