Sunglasses icon
whh:sunglasses
The Sunglasses icon (whh:sunglasses) 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
- sunglass
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-19-45t-45.5-19t-45 19t-18.5 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 321q56 0 99 5L712 81q-11-19-5.5-40.5t24-32.5t39-5.5T801 27l217 342q15 27-1 55q8 32 8 89M129 385q-30 0-47 18t-17 46t17 46t47 18q53 0 90.5-18.5T257 449t-37.5-45.5T129 385m576 0q-30 0-47 18t-17 46t17 46t47 18q53 0 90.5-18.5T833 449t-37.5-45.5T705 385"/></svg>
How to use the Sunglasses icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:sunglasses" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:sunglasses" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:sunglasses" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--sunglasses]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:sunglasses"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:sunglasses"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/sunglasses.svg" alt="Sunglasses icon" width="24" height="24">
Sunglasses icon in other icon sets
Sunglasses icon FAQ
Is the Sunglasses 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 Sunglasses icon in React?
Install @iconify/react and render <Icon icon="whh:sunglasses" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sunglasses icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/sunglasses.svg" alt="Sunglasses icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
