Icono Glasses Outline
glyphs:glasses-outline
El icono Glasses Outline (glyphs:glasses-outline) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- glassesoutline, glass
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.775 21a4 4 0 0 1 3.873-3H28a2 2 0 1 0 0-4h-3.352a8 8 0 0 0-7.746 6.001l-6.839 26.5a2 2 0 0 0-.016.932q-.046.272-.047.567v4c0 7.732 6.268 14 14 14s14-6.268 14-14v-3h4v3c0 7.732 6.268 14 14 14s14-6.268 14-14v-4a3.4 3.4 0 0 0-.047-.567a2 2 0 0 0-.016-.933l-6.839-26.499A8 8 0 0 0 55.352 14H52a2 2 0 1 0 0 4h3.352a4 4 0 0 1 3.873 3l5.735 22.222C62.553 42.446 59.394 42 56 42c-3.469 0-6.692.466-9.118 1.274c-1.202.401-2.32.922-3.177 1.598l-.157.128h-7.096l-.157-.128c-.858-.676-1.975-1.197-3.177-1.598C30.692 42.466 27.468 42 24 42c-3.394 0-6.553.446-8.96 1.222zm-6.827 27.24l.008-.013zm.052-.065c.036-.037.092-.091.181-.161c.357-.281.997-.622 1.966-.945C18.065 46.429 20.841 46 24 46s5.935.43 7.853 1.069c.97.323 1.61.664 1.966.945c.088.07.145.124.181.161V52c0 5.523-4.477 10-10 10s-10-4.477-10-10zm20.052.065l-.008-.013zm32 0l-.008-.013zM66 48.175a2 2 0 0 0-.181-.161c-.357-.281-.997-.622-1.966-.945C61.935 46.429 59.159 46 56 46s-5.935.43-7.853 1.069c-.97.323-1.61.664-1.966.945c-.088.07-.145.124-.181.161V52c0 5.523 4.477 10 10 10s10-4.477 10-10zm-20.052.065l.008-.013z" clip-rule="evenodd"/></svg>Cómo usar el icono Glasses Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:glasses-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:glasses-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:glasses-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--glasses-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:glasses-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:glasses-outline"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/glasses-outline.svg" alt="Icono Glasses Outline" width="24" height="24">Iconos relacionados en Glyphs
El icono Glasses Outline en otras colecciones
Preguntas frecuentes sobre Icono Glasses Outline
¿El icono Glasses Outline es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Glasses Outline en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:glasses-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Glasses Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/glasses-outline.svg" alt="Icono Glasses Outline">, o pega el código SVG en línea para darle estilo con CSS.