Glasses Bold icon
glyphs:glasses-bold
The Glasses Bold icon (glyphs:glasses-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- glassesbold, glass
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M36 48c0-2.21-5.373-4-12-4s-12 1.79-12 4v4c0 6.627 5.373 12 12 12s12-5.373 12-12z" clip-rule="evenodd"/><path fill="currentColor" d="M24 47c3.081 0 5.746.42 7.537 1.018c.91.303 1.432.599 1.663.781c.265.21-.2-.038-.2-.799h6c0-1.865-1.137-3.165-2.086-3.913c-.983-.775-2.22-1.341-3.48-1.762C30.882 41.476 27.546 41 24 41zm-9 1c0 .76-.465 1.008-.2.8c.231-.183.752-.479 1.663-.782C18.254 47.42 20.92 47 24 47v-6c-3.546 0-6.882.475-9.434 1.325c-1.26.42-2.497.987-3.48 1.762C10.136 44.835 9 46.134 9 48zm0 4v-4H9v4zm18-4v4h6v-4zm-9 19c8.284 0 15-6.716 15-15h-6a9 9 0 0 1-9 9zM9 52c0 8.284 6.716 15 15 15v-6a9 9 0 0 1-9-9z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="m12 47l6.839-26.5a6 6 0 0 1 5.81-4.5H28m8 31h8"/><path fill="currentColor" fill-rule="evenodd" d="M44 48c0-2.21 5.373-4 12-4s12 1.79 12 4v4c0 6.627-5.373 12-12 12s-12-5.373-12-12z" clip-rule="evenodd"/><path fill="currentColor" d="M56 47c-3.081 0-5.746.42-7.537 1.018c-.91.303-1.432.599-1.663.781c-.265.21.2-.038.2-.799h-6c0-1.865 1.137-3.165 2.086-3.913c.983-.775 2.22-1.341 3.48-1.762C49.118 41.476 52.454 41 56 41zm9 1c0 .76.465 1.008.2.8c-.231-.183-.752-.479-1.663-.782C61.746 47.42 59.08 47 56 47v-6c3.546 0 6.882.475 9.434 1.325c1.26.42 2.497.987 3.48 1.762C69.864 44.835 71 46.134 71 48zm0 4v-4h6v4zm-18-4v4h-6v-4zm9 19c-8.284 0-15-6.716-15-15h6a9 9 0 0 0 9 9zm15-15c0 8.284-6.716 15-15 15v-6a9 9 0 0 0 9-9z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="m68 47l-6.839-26.5a6 6 0 0 0-5.81-4.5H52"/></g></svg>How to use the Glasses Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:glasses-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:glasses-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:glasses-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--glasses-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:glasses-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:glasses-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/glasses-bold.svg" alt="Glasses Bold icon" width="24" height="24">Related icons in Glyphs
Glasses Bold icon in other icon sets
Glasses Bold icon FAQ
Is the Glasses Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Glasses Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:glasses-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Glasses Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/glasses-bold.svg" alt="Glasses Bold icon">, or paste the SVG code inline to style it with CSS.