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
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 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
