glasses emoji
glasses from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- glasses
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji 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 EmojiglassesOpenMojiglassesReicon
More objects icons from Twitter Emoji
Use the glasses emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M35.686 11.931c-.507-.522-6.83-1.094-13.263-.369c-1.283.144-1.363.51-4.425.63c-3.061-.119-3.141-.485-4.425-.63C7.14 10.837.817 11.41.31 11.931c-.252.261-.252 2.077 0 2.338c.254.261 1.035.606 1.403 1.827c.237.787.495 5.864 2.281 7.377c1.768 1.498 7.462 1.217 9.326.262c2.536-1.298 2.892-5.785 3.292-7.639c.203-.939 1.162-1.016 1.385-1.016s1.182.077 1.385 1.016c.401 1.853.757 6.34 3.292 7.639c1.865.955 7.558 1.236 9.326-.262c1.786-1.513 2.044-6.59 2.281-7.377c.368-1.22 1.149-1.566 1.403-1.827s.254-2.077.002-2.338"/><path fill="#55acee" d="M14.644 15.699c-.098 1.255-.521 4.966-1.757 6.083c-1.376 1.243-6.25 1.568-7.79.044c-.808-.799-1.567-4.018-1.503-6.816c.038-1.679 2.274-2.02 5.462-2.02c3.148 0 5.763.468 5.588 2.709m6.707 0c.098 1.255.521 4.966 1.757 6.083c1.376 1.243 6.25 1.568 7.79.044c.808-.799 1.567-4.018 1.503-6.816c-.038-1.679-2.274-2.02-5.462-2.02c-3.147 0-5.763.468-5.588 2.709"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiGlasses(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M35.686 11.931c-.507-.522-6.83-1.094-13.263-.369c-1.283.144-1.363.51-4.425.63c-3.061-.119-3.141-.485-4.425-.63C7.14 10.837.817 11.41.31 11.931c-.252.261-.252 2.077 0 2.338c.254.261 1.035.606 1.403 1.827c.237.787.495 5.864 2.281 7.377c1.768 1.498 7.462 1.217 9.326.262c2.536-1.298 2.892-5.785 3.292-7.639c.203-.939 1.162-1.016 1.385-1.016s1.182.077 1.385 1.016c.401 1.853.757 6.34 3.292 7.639c1.865.955 7.558 1.236 9.326-.262c1.786-1.513 2.044-6.59 2.281-7.377c.368-1.22 1.149-1.566 1.403-1.827s.254-2.077.002-2.338"/><path fill="#55acee" d="M14.644 15.699c-.098 1.255-.521 4.966-1.757 6.083c-1.376 1.243-6.25 1.568-7.79.044c-.808-.799-1.567-4.018-1.503-6.816c.038-1.679 2.274-2.02 5.462-2.02c3.148 0 5.763.468 5.588 2.709m6.707 0c.098 1.255.521 4.966 1.757 6.083c1.376 1.243 6.25 1.568 7.79.044c.808-.799 1.567-4.018 1.503-6.816c-.038-1.679-2.274-2.02-5.462-2.02c-3.147 0-5.763.468-5.588 2.709"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M35.686 11.931c-.507-.522-6.83-1.094-13.263-.369c-1.283.144-1.363.51-4.425.63c-3.061-.119-3.141-.485-4.425-.63C7.14 10.837.817 11.41.31 11.931c-.252.261-.252 2.077 0 2.338c.254.261 1.035.606 1.403 1.827c.237.787.495 5.864 2.281 7.377c1.768 1.498 7.462 1.217 9.326.262c2.536-1.298 2.892-5.785 3.292-7.639c.203-.939 1.162-1.016 1.385-1.016s1.182.077 1.385 1.016c.401 1.853.757 6.34 3.292 7.639c1.865.955 7.558 1.236 9.326-.262c1.786-1.513 2.044-6.59 2.281-7.377c.368-1.22 1.149-1.566 1.403-1.827s.254-2.077.002-2.338"/><path fill="#55acee" d="M14.644 15.699c-.098 1.255-.521 4.966-1.757 6.083c-1.376 1.243-6.25 1.568-7.79.044c-.808-.799-1.567-4.018-1.503-6.816c.038-1.679 2.274-2.02 5.462-2.02c3.148 0 5.763.468 5.588 2.709m6.707 0c.098 1.255.521 4.966 1.757 6.083c1.376 1.243 6.25 1.568 7.79.044c.808-.799 1.567-4.018 1.503-6.816c-.038-1.679-2.274-2.02-5.462-2.02c-3.147 0-5.763.468-5.588 2.709"/></svg> </template>
CSS
.icon-glasses {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M35.686%2011.931c-.507-.522-6.83-1.094-13.263-.369c-1.283.144-1.363.51-4.425.63c-3.061-.119-3.141-.485-4.425-.63C7.14%2010.837.817%2011.41.31%2011.931c-.252.261-.252%202.077%200%202.338c.254.261%201.035.606%201.403%201.827c.237.787.495%205.864%202.281%207.377c1.768%201.498%207.462%201.217%209.326.262c2.536-1.298%202.892-5.785%203.292-7.639c.203-.939%201.162-1.016%201.385-1.016s1.182.077%201.385%201.016c.401%201.853.757%206.34%203.292%207.639c1.865.955%207.558%201.236%209.326-.262c1.786-1.513%202.044-6.59%202.281-7.377c.368-1.22%201.149-1.566%201.403-1.827s.254-2.077.002-2.338%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M14.644%2015.699c-.098%201.255-.521%204.966-1.757%206.083c-1.376%201.243-6.25%201.568-7.79.044c-.808-.799-1.567-4.018-1.503-6.816c.038-1.679%202.274-2.02%205.462-2.02c3.148%200%205.763.468%205.588%202.709m6.707%200c.098%201.255.521%204.966%201.757%206.083c1.376%201.243%206.25%201.568%207.79.044c.808-.799%201.567-4.018%201.503-6.816c-.038-1.679-2.274-2.02-5.462-2.02c-3.147%200-5.763.468-5.588%202.709%22%2F%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M35.686%2011.931c-.507-.522-6.83-1.094-13.263-.369c-1.283.144-1.363.51-4.425.63c-3.061-.119-3.141-.485-4.425-.63C7.14%2010.837.817%2011.41.31%2011.931c-.252.261-.252%202.077%200%202.338c.254.261%201.035.606%201.403%201.827c.237.787.495%205.864%202.281%207.377c1.768%201.498%207.462%201.217%209.326.262c2.536-1.298%202.892-5.785%203.292-7.639c.203-.939%201.162-1.016%201.385-1.016s1.182.077%201.385%201.016c.401%201.853.757%206.34%203.292%207.639c1.865.955%207.558%201.236%209.326-.262c1.786-1.513%202.044-6.59%202.281-7.377c.368-1.22%201.149-1.566%201.403-1.827s.254-2.077.002-2.338%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M14.644%2015.699c-.098%201.255-.521%204.966-1.757%206.083c-1.376%201.243-6.25%201.568-7.79.044c-.808-.799-1.567-4.018-1.503-6.816c.038-1.679%202.274-2.02%205.462-2.02c3.148%200%205.763.468%205.588%202.709m6.707%200c.098%201.255.521%204.966%201.757%206.083c1.376%201.243%206.25%201.568%207.79.044c.808-.799%201.567-4.018%201.503-6.816c-.038-1.679-2.274-2.02-5.462-2.02c-3.147%200-5.763.468-5.588%202.709%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/glasses.svg?color=%231a73e8&size=48