Icono Whistle
game-icons:whistle
El icono Whistle (game-icons:whistle) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Game Icons
- Autor
- GameIcons
- Licencia
- CC-BY-3.0
- Tamaño
- 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/game-icons/whistle.svg" alt="Icono Whistle" width="24" height="24">
El icono Whistle en otras colecciones
Preguntas frecuentes sobre Icono Whistle
¿El icono Whistle es gratis para uso comercial?
Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Whistle en React?
Instala @iconify/react y renderiza <Icon icon="game-icons:whistle" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Whistle a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/whistle.svg" alt="Icono Whistle">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Game Icons →
ICONYZ
