glasses icon
glasses-duotone from Reicon by REICON · Duotone · UI · MIT Free for personal and commercial use.
- Name
- glasses-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All glasses icons →glassesAkar IconsglassesBoxIcons v2glassesEmoji One (Colored)glassesFont Awesome 6 SolidglassesFont Awesome Solidglasses-16-filledFluent UI System IconsglassesFluent EmojiglassesFluent Emoji FlatglassesFluent Emoji High ContrastglassesFirefox OS EmojiglassesHuge IconsglassesIconParkglassesIconPark OutlineglassesIconPark SolidglassesIconPark TwoToneglassesIconoirglassesIonIconsglassesLine AwesomeglassesLucideglassesMaterial Design IconsglassesMyna UI IconsglassesNoto EmojiglassesOpenMojiglasses-fillRemix Icon
More ui icons from Reicon
Use the glasses icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M6.712 3.763a.75.75 0 0 1-.475.949l-.518.172c-.617.206-1.024.343-1.326.481c-.286.13-.414.235-.5.343c-.085.107-.157.256-.219.564c-.065.326-.105.753-.164 1.401l-.367 4.037l-.048.532a4.75 4.75 0 0 1 7.585 2.942a4.8 4.8 0 0 1 1.32-.187v1.5c-.37 0-.739.063-1.092.19l-.22.077A4.75 4.75 0 0 1 6 20.75c-2.62 0-4.745-2.14-4.75-4.758q0-.421.072-.823L2.02 7.5c.054-.6.1-1.107.183-1.521c.089-.441.23-.842.515-1.201c.284-.36.642-.59 1.051-.776c.384-.176.868-.337 1.439-.527l.555-.185a.75.75 0 0 1 .949.474" clip-rule="evenodd"/><path d="M20.905 12.242a4.75 4.75 0 0 0-7.585 2.942a4.8 4.8 0 0 0-1.32-.187v1.5c.37 0 .739.063 1.092.19l.22.077A4.75 4.75 0 0 0 18 20.75c2.62 0 4.744-2.14 4.75-4.758q0-.421-.073-.823L21.98 7.5c-.054-.6-.1-1.107-.183-1.521c-.089-.441-.23-.842-.515-1.201s-.642-.59-1.051-.776c-.384-.176-.868-.337-1.439-.527l-.555-.185a.75.75 0 0 0-.474 1.423l.518.172c.617.206 1.024.343 1.326.481c.286.13.414.235.5.343c.085.107.157.256.219.564c.065.326.105.753.164 1.401z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconGlassesDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M6.712 3.763a.75.75 0 0 1-.475.949l-.518.172c-.617.206-1.024.343-1.326.481c-.286.13-.414.235-.5.343c-.085.107-.157.256-.219.564c-.065.326-.105.753-.164 1.401l-.367 4.037l-.048.532a4.75 4.75 0 0 1 7.585 2.942a4.8 4.8 0 0 1 1.32-.187v1.5c-.37 0-.739.063-1.092.19l-.22.077A4.75 4.75 0 0 1 6 20.75c-2.62 0-4.745-2.14-4.75-4.758q0-.421.072-.823L2.02 7.5c.054-.6.1-1.107.183-1.521c.089-.441.23-.842.515-1.201c.284-.36.642-.59 1.051-.776c.384-.176.868-.337 1.439-.527l.555-.185a.75.75 0 0 1 .949.474" clipRule="evenodd"/><path d="M20.905 12.242a4.75 4.75 0 0 0-7.585 2.942a4.8 4.8 0 0 0-1.32-.187v1.5c.37 0 .739.063 1.092.19l.22.077A4.75 4.75 0 0 0 18 20.75c2.62 0 4.744-2.14 4.75-4.758q0-.421-.073-.823L21.98 7.5c-.054-.6-.1-1.107-.183-1.521c-.089-.441-.23-.842-.515-1.201s-.642-.59-1.051-.776c-.384-.176-.868-.337-1.439-.527l-.555-.185a.75.75 0 0 0-.474 1.423l.518.172c.617.206 1.024.343 1.326.481c.286.13.414.235.5.343c.085.107.157.256.219.564c.065.326.105.753.164 1.401z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M6.712 3.763a.75.75 0 0 1-.475.949l-.518.172c-.617.206-1.024.343-1.326.481c-.286.13-.414.235-.5.343c-.085.107-.157.256-.219.564c-.065.326-.105.753-.164 1.401l-.367 4.037l-.048.532a4.75 4.75 0 0 1 7.585 2.942a4.8 4.8 0 0 1 1.32-.187v1.5c-.37 0-.739.063-1.092.19l-.22.077A4.75 4.75 0 0 1 6 20.75c-2.62 0-4.745-2.14-4.75-4.758q0-.421.072-.823L2.02 7.5c.054-.6.1-1.107.183-1.521c.089-.441.23-.842.515-1.201c.284-.36.642-.59 1.051-.776c.384-.176.868-.337 1.439-.527l.555-.185a.75.75 0 0 1 .949.474" clip-rule="evenodd"/><path d="M20.905 12.242a4.75 4.75 0 0 0-7.585 2.942a4.8 4.8 0 0 0-1.32-.187v1.5c.37 0 .739.063 1.092.19l.22.077A4.75 4.75 0 0 0 18 20.75c2.62 0 4.744-2.14 4.75-4.758q0-.421-.073-.823L21.98 7.5c-.054-.6-.1-1.107-.183-1.521c-.089-.441-.23-.842-.515-1.201s-.642-.59-1.051-.776c-.384-.176-.868-.337-1.439-.527l-.555-.185a.75.75 0 0 0-.474 1.423l.518.172c.617.206 1.024.343 1.326.481c.286.13.414.235.5.343c.085.107.157.256.219.564c.065.326.105.753.164 1.401z" opacity=".5"/></g></svg> </template>
CSS
.icon-glasses-duotone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.712%203.763a.75.75%200%200%201-.475.949l-.518.172c-.617.206-1.024.343-1.326.481c-.286.13-.414.235-.5.343c-.085.107-.157.256-.219.564c-.065.326-.105.753-.164%201.401l-.367%204.037l-.048.532a4.75%204.75%200%200%201%207.585%202.942a4.8%204.8%200%200%201%201.32-.187v1.5c-.37%200-.739.063-1.092.19l-.22.077A4.75%204.75%200%200%201%206%2020.75c-2.62%200-4.745-2.14-4.75-4.758q0-.421.072-.823L2.02%207.5c.054-.6.1-1.107.183-1.521c.089-.441.23-.842.515-1.201c.284-.36.642-.59%201.051-.776c.384-.176.868-.337%201.439-.527l.555-.185a.75.75%200%200%201%20.949.474%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M20.905%2012.242a4.75%204.75%200%200%200-7.585%202.942a4.8%204.8%200%200%200-1.32-.187v1.5c.37%200%20.739.063%201.092.19l.22.077A4.75%204.75%200%200%200%2018%2020.75c2.62%200%204.744-2.14%204.75-4.758q0-.421-.073-.823L21.98%207.5c-.054-.6-.1-1.107-.183-1.521c-.089-.441-.23-.842-.515-1.201s-.642-.59-1.051-.776c-.384-.176-.868-.337-1.439-.527l-.555-.185a.75.75%200%200%200-.474%201.423l.518.172c.617.206%201.024.343%201.326.481c.286.13.414.235.5.343c.085.107.157.256.219.564c.065.326.105.753.164%201.401z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.712%203.763a.75.75%200%200%201-.475.949l-.518.172c-.617.206-1.024.343-1.326.481c-.286.13-.414.235-.5.343c-.085.107-.157.256-.219.564c-.065.326-.105.753-.164%201.401l-.367%204.037l-.048.532a4.75%204.75%200%200%201%207.585%202.942a4.8%204.8%200%200%201%201.32-.187v1.5c-.37%200-.739.063-1.092.19l-.22.077A4.75%204.75%200%200%201%206%2020.75c-2.62%200-4.745-2.14-4.75-4.758q0-.421.072-.823L2.02%207.5c.054-.6.1-1.107.183-1.521c.089-.441.23-.842.515-1.201c.284-.36.642-.59%201.051-.776c.384-.176.868-.337%201.439-.527l.555-.185a.75.75%200%200%201%20.949.474%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M20.905%2012.242a4.75%204.75%200%200%200-7.585%202.942a4.8%204.8%200%200%200-1.32-.187v1.5c.37%200%20.739.063%201.092.19l.22.077A4.75%204.75%200%200%200%2018%2020.75c2.62%200%204.744-2.14%204.75-4.758q0-.421-.073-.823L21.98%207.5c-.054-.6-.1-1.107-.183-1.521c-.089-.441-.23-.842-.515-1.201s-.642-.59-1.051-.776c-.384-.176-.868-.337-1.439-.527l-.555-.185a.75.75%200%200%200-.474%201.423l.518.172c.617.206%201.024.343%201.326.481c.286.13.414.235.5.343c.085.107.157.256.219.564c.065.326.105.753.164%201.401z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/glasses-duotone.svg?color=%231a73e8&size=48
