ICONYZ
Español
Icono Goggles de Twitter Emoji

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
Twitter
Licencia
CC-BY-4.0
Tamaño
36 × 36
Categoría
Objetos
Etiquetas
goggle
Descargar SVG

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.

Ver todos los Iconos Twitter Emoji →