Icono Goggles
twemoji:goggles
El icono Goggles (twemoji:goggles) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.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
- Twitter Emoji
- Autor
- Licencia
- CC-BY-4.0
- Tamaño
- 36 × 36
- Categoría
- Objetos
- Etiquetas
- goggle
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#9aaab4" d="M18 9v11.756c-3 0-1.067 5.182-6 5.999c-1.781.295-3.931.355-6 0c-3.253-.559-4.824-3.027-5.042-7.681c-.281-5.993 1.276-8.847 5.318-9.533C9.394 9.012 14 9 18 9"/><path fill="#9aaab4" d="M17.926 9v11.756c3 0 1.067 5.182 6 5.999c1.781.295 3.931.355 6 0c3.253-.559 4.824-3.027 5.042-7.681c.281-5.993-1.276-8.847-5.318-9.533C26.532 9.012 21.926 9 17.926 9M1.5 21C.675 21 0 20.325 0 19.5v-3c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v3c0 .825-.675 1.5-1.5 1.5"/><path fill="#9aaab4" d="M34.5 21c-.825 0-1.5-.675-1.5-1.5v-3c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v3c0 .825-.675 1.5-1.5 1.5"/><path fill="#9aaab4" d="M34.5 22c-.825 0-1.5-.675-1.5-1.5v-5c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v5c0 .825-.675 1.5-1.5 1.5m-33 0C.675 22 0 21.325 0 20.5v-5c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v5c0 .825-.675 1.5-1.5 1.5"/><path fill="#ccd6dd" d="M18 11v7.756c-4 0-2.615 5.396-7 6c-1.583.218-2.161.263-4 0c-2.892-.413-3.922-2.555-4.169-5.89c-.325-4.394 1.266-6.959 4.859-7.466c2.771-.391 6.754-.4 10.31-.4"/><path fill="#ccd6dd" d="M18 11v7.756c4 0 2.615 5.396 7 6c1.583.218 2.161.263 4 0c2.892-.413 3.922-2.555 4.169-5.89c.325-4.394-1.266-6.959-4.859-7.466c-2.771-.391-6.754-.4-10.31-.4"/><path fill="#e1e8ed" d="M26.993 11.252a47 47 0 0 0-2.077-.142l-3.695 10.151c.378.76.75 1.56 1.323 2.212zM18 11c-.646 0-1.308.001-1.973.004l-5.003 13.747c4.354-.621 2.984-5.995 6.976-5.995c.601 0 1.07.133 1.466.342l2.937-8.068A241 241 0 0 0 18 11"/><path fill="#292f33" d="M35 16h-1v4h1c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1M1 16c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1v-4z"/></svg>Cómo usar el icono Goggles
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:goggles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:goggles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:goggles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--goggles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:goggles"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:goggles"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/goggles.svg" alt="Icono Goggles" width="24" height="24">El icono Goggles en otras colecciones
Preguntas frecuentes sobre Icono Goggles
¿El icono Goggles es gratis para uso comercial?
Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Goggles en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:goggles" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Goggles a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/goggles.svg" alt="Icono Goggles">, o pega el código SVG en línea para darle estilo con CSS.