Glasses icon
fluent-mdl2:glasses
The Glasses icon (fluent-mdl2:glasses) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- glass
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1280 512q16 0 29 7l739 369v136q-26 0-45 19t-19 45v128q0 93-35 174t-96 142t-142 96t-175 36q-93 0-174-35t-142-96t-96-142t-36-175q0-26-19-45t-45-19t-45 19t-19 45q0 93-35 174t-96 142t-142 96t-175 36q-93 0-174-35t-142-96t-96-142t-36-175v-128q0-26-19-45t-45-19V888l739-369q13-7 29-7q26 0 45 19q10 10 24 22t28 27t22 29t9 31q0 26-19 45t-45 19q-25 0-42-16t-35-34L271 896h497q38 0 65 9t49 24t39 31t32 31t33 23t38 10q21 0 38-9t32-24t33-31t38-31t49-23t66-10h497l-484-242q-17 17-34 33t-43 17q-26 0-45-19t-19-45q0-16 9-31t22-29t27-26t25-23q19-19 45-19m-448 640q0-26-10-49t-27-41t-41-28t-50-10H256q-26 0-45 19t-19 45v128q0 66 25 124t68 102t102 69t125 25t124-25t101-68t69-102t26-125zm704 384q66 0 124-25t101-68t69-102t26-125q0-22-1-47t-1-50t2-49t11-46h-523q-26 0-49 10t-41 27t-28 41t-10 50v64q0 66 25 124t68 102t102 69t125 25"/></svg>
How to use the Glasses icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:glasses" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:glasses" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:glasses" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--glasses]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:glasses"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:glasses"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/glasses.svg" alt="Glasses icon" width="24" height="24">
Glasses icon in other icon sets
Glasses icon FAQ
Is the Glasses icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT 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="fluent-mdl2: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/fluent-mdl2/glasses.svg" alt="Glasses icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
