Glasses Bold icon
solar:glasses-bold
The Glasses Bold icon (solar:glasses-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- UI
- Tags
- glassesbold, glass
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.23717 4.71172C6.63012 4.58073 6.84249 4.15599 6.71151 3.76303C6.58052 3.37008 6.15578 3.15771 5.76282 3.28869L5.20803 3.47362C4.63714 3.6639 4.15321 3.82519 3.76907 4.00078C3.36027 4.18763 3.00244 4.41689 2.7176 4.77654C2.43275 5.13619 2.29154 5.53702 2.20328 5.97774C2.12035 6.39189 2.07418 6.89989 2.01972 7.49919L1.32246 15.1691C1.27528 15.4364 1.25046 15.7114 1.25 15.9922C1.25544 18.6109 3.38 20.7502 5.99999 20.7502C8.36324 20.7502 10.3234 19.0244 10.6889 16.7643L10.9079 16.6861C11.6142 16.4342 12.3858 16.4342 13.0921 16.6861L13.3111 16.7643C13.6766 19.0244 15.6367 20.7502 18 20.7502C20.62 20.7502 22.7445 18.6109 22.75 15.9922C22.7495 15.7114 22.7247 15.4364 22.6775 15.1691L21.9803 7.49918C21.9258 6.89989 21.8796 6.39189 21.7967 5.97774C21.7084 5.53702 21.5672 5.13619 21.2824 4.77654C20.9975 4.41689 20.6397 4.18763 20.2309 4.00078C19.8468 3.82519 19.3629 3.6639 18.792 3.47362L18.2372 3.28869C17.8442 3.15771 17.4195 3.37008 17.2885 3.76303C17.1575 4.15599 17.3699 4.58073 17.7628 4.71172L18.281 4.88444C18.8984 5.09023 19.3051 5.22686 19.6073 5.36502C19.8931 5.49565 20.0214 5.60032 20.1065 5.70785C20.1917 5.81537 20.2642 5.96415 20.3259 6.27228C20.3912 6.59815 20.431 7.02536 20.4899 7.67343L20.9052 12.242C20.1021 11.6202 19.0943 11.2502 18 11.2502C15.6549 11.2502 13.7067 12.9497 13.3198 15.1842C12.4577 14.9348 11.5423 14.9348 10.6802 15.1842C10.2933 12.9497 8.34511 11.2502 5.99999 11.2502C4.90572 11.2502 3.89787 11.6202 3.09474 12.242L3.14309 11.7102L3.51007 7.67343C3.56898 7.02536 3.60882 6.59815 3.67408 6.27228C3.73579 5.96415 3.80831 5.81537 3.89347 5.70785C3.97863 5.60032 4.10684 5.49565 4.39264 5.36502C4.69491 5.22686 5.10163 5.09023 5.71898 4.88444L6.23717 4.71172Z" clip-rule="evenodd"/></svg>How to use the Glasses Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:glasses-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:glasses-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:glasses-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--glasses-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:glasses-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:glasses-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/glasses-bold.svg" alt="Glasses Bold icon" width="24" height="24">Related icons in Solar
Glasses Bold icon in other icon sets
Glasses Bold icon FAQ
Is the Glasses Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Glasses Bold icon in React?
Install @iconify/react and render <Icon icon="solar: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/solar/glasses-bold.svg" alt="Glasses Bold icon">, or paste the SVG code inline to style it with CSS.