eyeglasses icon

eyeglasses from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: eyeglasses
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: eyeglasses-outline, eyeglasses-outline-sharp, eyeglasses-sharp

1 other variant in Material Symbols Light

The same icon in other sets

eyeglassesBootstrap Icons eyeglassesFramework7 Icons eyeglassesHealth Icons eyeglassesMaterial Symbols eyeglassesPhosphor

More social icons from Material Symbols Light

Use the eyeglasses icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.446 15.039q.795 0 1.445-.47q.651-.469.92-1.233l.318-1.015q.419-1.258-.229-2.309t-1.83-1.05H4.505l.475 3.905q.125.933.826 1.552t1.64.62m9.107 0q.938 0 1.64-.62t.825-1.552l.475-3.906h-3.538q-1.183 0-1.84 1.054q-.658 1.054-.239 2.312l.312 1.01q.269.763.92 1.232q.65.47 1.445.47m-9.108 1q-1.304 0-2.291-.867q-.988-.866-1.15-2.19L3.5 8.963h-.846v-1h5.415q.87 0 1.618.47t1.217 1.299h2.217q.467-.829 1.216-1.3t1.619-.47h5.39v1H20.5l-.506 4.022q-.161 1.323-1.149 2.189q-.987.866-2.291.866q-1.137 0-2.034-.649t-1.27-1.71l-.317-1.01q-.07-.233-.12-.487t-.1-.759h-1.426q-.05.454-.1.718q-.05.265-.12.497l-.317 1.016q-.354 1.062-1.26 1.723t-2.044.662"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightEyeglasses(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.446 15.039q.795 0 1.445-.47q.651-.469.92-1.233l.318-1.015q.419-1.258-.229-2.309t-1.83-1.05H4.505l.475 3.905q.125.933.826 1.552t1.64.62m9.107 0q.938 0 1.64-.62t.825-1.552l.475-3.906h-3.538q-1.183 0-1.84 1.054q-.658 1.054-.239 2.312l.312 1.01q.269.763.92 1.232q.65.47 1.445.47m-9.108 1q-1.304 0-2.291-.867q-.988-.866-1.15-2.19L3.5 8.963h-.846v-1h5.415q.87 0 1.618.47t1.217 1.299h2.217q.467-.829 1.216-1.3t1.619-.47h5.39v1H20.5l-.506 4.022q-.161 1.323-1.149 2.189q-.987.866-2.291.866q-1.137 0-2.034-.649t-1.27-1.71l-.317-1.01q-.07-.233-.12-.487t-.1-.759h-1.426q-.05.454-.1.718q-.05.265-.12.497l-.317 1.016q-.354 1.062-1.26 1.723t-2.044.662"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.446 15.039q.795 0 1.445-.47q.651-.469.92-1.233l.318-1.015q.419-1.258-.229-2.309t-1.83-1.05H4.505l.475 3.905q.125.933.826 1.552t1.64.62m9.107 0q.938 0 1.64-.62t.825-1.552l.475-3.906h-3.538q-1.183 0-1.84 1.054q-.658 1.054-.239 2.312l.312 1.01q.269.763.92 1.232q.65.47 1.445.47m-9.108 1q-1.304 0-2.291-.867q-.988-.866-1.15-2.19L3.5 8.963h-.846v-1h5.415q.87 0 1.618.47t1.217 1.299h2.217q.467-.829 1.216-1.3t1.619-.47h5.39v1H20.5l-.506 4.022q-.161 1.323-1.149 2.189q-.987.866-2.291.866q-1.137 0-2.034-.649t-1.27-1.71l-.317-1.01q-.07-.233-.12-.487t-.1-.759h-1.426q-.05.454-.1.718q-.05.265-.12.497l-.317 1.016q-.354 1.062-1.26 1.723t-2.044.662"/></svg>
</template>

CSS

.icon-eyeglasses {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.446%2015.039q.795%200%201.445-.47q.651-.469.92-1.233l.318-1.015q.419-1.258-.229-2.309t-1.83-1.05H4.505l.475%203.905q.125.933.826%201.552t1.64.62m9.107%200q.938%200%201.64-.62t.825-1.552l.475-3.906h-3.538q-1.183%200-1.84%201.054q-.658%201.054-.239%202.312l.312%201.01q.269.763.92%201.232q.65.47%201.445.47m-9.108%201q-1.304%200-2.291-.867q-.988-.866-1.15-2.19L3.5%208.963h-.846v-1h5.415q.87%200%201.618.47t1.217%201.299h2.217q.467-.829%201.216-1.3t1.619-.47h5.39v1H20.5l-.506%204.022q-.161%201.323-1.149%202.189q-.987.866-2.291.866q-1.137%200-2.034-.649t-1.27-1.71l-.317-1.01q-.07-.233-.12-.487t-.1-.759h-1.426q-.05.454-.1.718q-.05.265-.12.497l-.317%201.016q-.354%201.062-1.26%201.723t-2.044.662%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.446%2015.039q.795%200%201.445-.47q.651-.469.92-1.233l.318-1.015q.419-1.258-.229-2.309t-1.83-1.05H4.505l.475%203.905q.125.933.826%201.552t1.64.62m9.107%200q.938%200%201.64-.62t.825-1.552l.475-3.906h-3.538q-1.183%200-1.84%201.054q-.658%201.054-.239%202.312l.312%201.01q.269.763.92%201.232q.65.47%201.445.47m-9.108%201q-1.304%200-2.291-.867q-.988-.866-1.15-2.19L3.5%208.963h-.846v-1h5.415q.87%200%201.618.47t1.217%201.299h2.217q.467-.829%201.216-1.3t1.619-.47h5.39v1H20.5l-.506%204.022q-.161%201.323-1.149%202.189q-.987.866-2.291.866q-1.137%200-2.034-.649t-1.27-1.71l-.317-1.01q-.07-.233-.12-.487t-.1-.759h-1.426q-.05.454-.1.718q-.05.265-.12.497l-.317%201.016q-.354%201.062-1.26%201.723t-2.044.662%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/eyeglasses.svg?color=%231a73e8&size=48