Glasses icon
whh:glasses
The Glasses icon (whh:glasses) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1026 × 737 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1026 × 737
- Tags
- glass
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="737" viewBox="0 0 1026 737"><path fill="currentColor" d="M1025 513q0 70-14.5 115.5T965 697t-68.5 31.5T801 737t-95.5-8.5T637 697t-45.5-68.5T577 513q0-26-18.5-45t-45-19t-45.5 19t-19 45q0 70-14.5 115.5T389 697t-68.5 31.5T225 737t-95.5-8.5T61 697t-45.5-68.5T1 513q0-57 8-89q-16-28-1-55L225 27q11-19 31.5-24.5t39 5.5t24 32.5T314 81L158 326q42-5 99-5q75 0 114.5 11t56.5 37q51 16 85 16t85-16q17-26 56.5-37T769 321q57 0 99 5L712 81q-11-19-5.5-40.5t24-32.5t39-5.5T801 27l217 342q15 27-1 55q8 32 8 89M248 385q-60 0-96 6.5t-55.5 24t-25.5 40t-6 62.5q0 49 10.5 80t32.5 47.5t49 22t68 5.5t68-5.5t49.5-22T375 598t10-80v-28l-1-23.5l-2.5-21l-5-16.5l-8.5-14.5l-12.5-11L338 395l-23-5l-29.5-4zm530 0q-21 0-37 1t-29.5 4t-23.5 5t-17.5 8.5t-12.5 11t-8.5 15t-5 16.5t-2.5 20.5t-1 23.5v28q0 49 10.5 80t32.5 47.5t49 22t68 5.5t68-5.5t49.5-22T951 598t10-80q0-40-6-62.5t-25.5-40t-55.5-24t-96-6.5m-9 128q-30 0-47-9t-17-23t17-23t47-9q96 0 96 32t-96 32m-576 0q-30 0-47-9t-17-23t17-23t47-9q96 0 96 32t-96 32"/></svg>
How to use the Glasses icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:glasses" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:glasses" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:glasses" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--glasses]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:glasses"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:glasses"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/glasses.svg" alt="Glasses icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Glasses icon in other icon sets
Glasses icon FAQ
Is the Glasses icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Glasses icon in React?
Install @iconify/react and render <Icon icon="whh:glasses" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Glasses icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/glasses.svg" alt="Glasses icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
