glasses icon

glasses from Font Awesome Solid by Dave Gandy · Solid · Business · CC-BY-4.0 Attribution required.

Name
glasses
Set
Font Awesome Solid
Style
Solid
Category
Business
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

glassesAkar IconsglassesBoxIcons v2glassesEmoji One (Colored)glassesFont Awesome 6 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 Iconglasses-boldSolar

More business icons from Font Awesome Solid

address-bookaddress-cardarchivebalance-scalebalance-scale-leftbalance-scale-rightbirthday-cakebookbriefcasebullhornbullseyebusiness-timecalculatorcalendarcalendar-altcertificatechart-areachart-barchart-pieclipboardcolumnscompasscopycopyright

Use the glasses icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M175.3 160c-14 0-26.5 9.2-30.6 22.6L102.4 320H256c17.7 0 32 14.3 32 32h64c0-17.7 14.3-32 32-32h153.6l-42.3-137.4c-4.1-13.4-16.5-22.6-30.6-22.6H432c-17.7 0-32-14.3-32-32s14.3-32 32-32h32.7c42.1 0 79.4 27.5 91.8 67.8l45.4 147.5c4.1 13.2 6.1 26.9 6.1 40.7v96c0 53-43 96-96 96h-64c-53 0-96-43-96-96v-32h-64v32c0 53-43 96-96 96h-64c-53 0-96-43-96-96v-96c0-13.8 2.1-27.5 6.1-40.7l45.4-147.5C95.9 123.5 133.1 96 175.3 96H208c17.7 0 32 14.3 32 32s-14.3 32-32 32zM96 384v64c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32v-64zm416 96c17.7 0 32-14.3 32-32v-64H416v64c0 17.7 14.3 32 32 32z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidGlasses(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M175.3 160c-14 0-26.5 9.2-30.6 22.6L102.4 320H256c17.7 0 32 14.3 32 32h64c0-17.7 14.3-32 32-32h153.6l-42.3-137.4c-4.1-13.4-16.5-22.6-30.6-22.6H432c-17.7 0-32-14.3-32-32s14.3-32 32-32h32.7c42.1 0 79.4 27.5 91.8 67.8l45.4 147.5c4.1 13.2 6.1 26.9 6.1 40.7v96c0 53-43 96-96 96h-64c-53 0-96-43-96-96v-32h-64v32c0 53-43 96-96 96h-64c-53 0-96-43-96-96v-96c0-13.8 2.1-27.5 6.1-40.7l45.4-147.5C95.9 123.5 133.1 96 175.3 96H208c17.7 0 32 14.3 32 32s-14.3 32-32 32zM96 384v64c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32v-64zm416 96c17.7 0 32-14.3 32-32v-64H416v64c0 17.7 14.3 32 32 32z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M175.3 160c-14 0-26.5 9.2-30.6 22.6L102.4 320H256c17.7 0 32 14.3 32 32h64c0-17.7 14.3-32 32-32h153.6l-42.3-137.4c-4.1-13.4-16.5-22.6-30.6-22.6H432c-17.7 0-32-14.3-32-32s14.3-32 32-32h32.7c42.1 0 79.4 27.5 91.8 67.8l45.4 147.5c4.1 13.2 6.1 26.9 6.1 40.7v96c0 53-43 96-96 96h-64c-53 0-96-43-96-96v-32h-64v32c0 53-43 96-96 96h-64c-53 0-96-43-96-96v-96c0-13.8 2.1-27.5 6.1-40.7l45.4-147.5C95.9 123.5 133.1 96 175.3 96H208c17.7 0 32 14.3 32 32s-14.3 32-32 32zM96 384v64c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32v-64zm416 96c17.7 0 32-14.3 32-32v-64H416v64c0 17.7 14.3 32 32 32z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M175.3%20160c-14%200-26.5%209.2-30.6%2022.6L102.4%20320H256c17.7%200%2032%2014.3%2032%2032h64c0-17.7%2014.3-32%2032-32h153.6l-42.3-137.4c-4.1-13.4-16.5-22.6-30.6-22.6H432c-17.7%200-32-14.3-32-32s14.3-32%2032-32h32.7c42.1%200%2079.4%2027.5%2091.8%2067.8l45.4%20147.5c4.1%2013.2%206.1%2026.9%206.1%2040.7v96c0%2053-43%2096-96%2096h-64c-53%200-96-43-96-96v-32h-64v32c0%2053-43%2096-96%2096h-64c-53%200-96-43-96-96v-96c0-13.8%202.1-27.5%206.1-40.7l45.4-147.5C95.9%20123.5%20133.1%2096%20175.3%2096H208c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032zM96%20384v64c0%2017.7%2014.3%2032%2032%2032h64c17.7%200%2032-14.3%2032-32v-64zm416%2096c17.7%200%2032-14.3%2032-32v-64H416v64c0%2017.7%2014.3%2032%2032%2032z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M175.3%20160c-14%200-26.5%209.2-30.6%2022.6L102.4%20320H256c17.7%200%2032%2014.3%2032%2032h64c0-17.7%2014.3-32%2032-32h153.6l-42.3-137.4c-4.1-13.4-16.5-22.6-30.6-22.6H432c-17.7%200-32-14.3-32-32s14.3-32%2032-32h32.7c42.1%200%2079.4%2027.5%2091.8%2067.8l45.4%20147.5c4.1%2013.2%206.1%2026.9%206.1%2040.7v96c0%2053-43%2096-96%2096h-64c-53%200-96-43-96-96v-32h-64v32c0%2053-43%2096-96%2096h-64c-53%200-96-43-96-96v-96c0-13.8%202.1-27.5%206.1-40.7l45.4-147.5C95.9%20123.5%20133.1%2096%20175.3%2096H208c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032zM96%20384v64c0%2017.7%2014.3%2032%2032%2032h64c17.7%200%2032-14.3%2032-32v-64zm416%2096c17.7%200%2032-14.3%2032-32v-64H416v64c0%2017.7%2014.3%2032%2032%2032z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/glasses.svg?color=%231a73e8&size=48