undereye icon
undereye from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- undereye
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- undereye-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the undereye icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18.23q-3.39 0-6.084-1.846T2 11.596q1.146-2.863 3.849-4.74Q8.552 4.982 12 4.982q3.41 0 6.093 1.847Q20.777 8.675 22 11.616q-1.146 2.863-3.849 4.739T12 18.23m-7.29 1.68q-.854-.592-1.537-1.299q-.683-.706-1.144-1.56l.884-.488q.42.725 1.013 1.365t1.368 1.165zm1.91 1.033l.488-.905q.88.355 1.87.595q.991.241 2.041.316l-.038 1.02q-1.189-.081-2.274-.34t-2.088-.686M12 15.462q1.587 0 2.716-1.13t1.13-2.716q0-1.606-1.13-2.726T12 7.77T9.284 8.89t-1.13 2.726q0 1.586 1.13 2.716T12 15.462m0-.82q-1.26 0-2.143-.893t-.884-2.133q0-1.26.884-2.144q.883-.883 2.143-.883t2.143.883q.884.884.884 2.144q0 1.24-.884 2.133T12 14.642m1.039 7.327L13 20.95q1.05-.075 2.021-.315t1.871-.596l.489.905q-.914.393-2.04.669q-1.128.276-2.303.356m6.252-2.057l-.584-.823q.775-.545 1.378-1.173q.603-.627 1.003-1.352l.884.469q-.442.834-1.125 1.56q-.682.726-1.555 1.319"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightUndereye(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="M12 18.23q-3.39 0-6.084-1.846T2 11.596q1.146-2.863 3.849-4.74Q8.552 4.982 12 4.982q3.41 0 6.093 1.847Q20.777 8.675 22 11.616q-1.146 2.863-3.849 4.739T12 18.23m-7.29 1.68q-.854-.592-1.537-1.299q-.683-.706-1.144-1.56l.884-.488q.42.725 1.013 1.365t1.368 1.165zm1.91 1.033l.488-.905q.88.355 1.87.595q.991.241 2.041.316l-.038 1.02q-1.189-.081-2.274-.34t-2.088-.686M12 15.462q1.587 0 2.716-1.13t1.13-2.716q0-1.606-1.13-2.726T12 7.77T9.284 8.89t-1.13 2.726q0 1.586 1.13 2.716T12 15.462m0-.82q-1.26 0-2.143-.893t-.884-2.133q0-1.26.884-2.144q.883-.883 2.143-.883t2.143.883q.884.884.884 2.144q0 1.24-.884 2.133T12 14.642m1.039 7.327L13 20.95q1.05-.075 2.021-.315t1.871-.596l.489.905q-.914.393-2.04.669q-1.128.276-2.303.356m6.252-2.057l-.584-.823q.775-.545 1.378-1.173q.603-.627 1.003-1.352l.884.469q-.442.834-1.125 1.56q-.682.726-1.555 1.319"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18.23q-3.39 0-6.084-1.846T2 11.596q1.146-2.863 3.849-4.74Q8.552 4.982 12 4.982q3.41 0 6.093 1.847Q20.777 8.675 22 11.616q-1.146 2.863-3.849 4.739T12 18.23m-7.29 1.68q-.854-.592-1.537-1.299q-.683-.706-1.144-1.56l.884-.488q.42.725 1.013 1.365t1.368 1.165zm1.91 1.033l.488-.905q.88.355 1.87.595q.991.241 2.041.316l-.038 1.02q-1.189-.081-2.274-.34t-2.088-.686M12 15.462q1.587 0 2.716-1.13t1.13-2.716q0-1.606-1.13-2.726T12 7.77T9.284 8.89t-1.13 2.726q0 1.586 1.13 2.716T12 15.462m0-.82q-1.26 0-2.143-.893t-.884-2.133q0-1.26.884-2.144q.883-.883 2.143-.883t2.143.883q.884.884.884 2.144q0 1.24-.884 2.133T12 14.642m1.039 7.327L13 20.95q1.05-.075 2.021-.315t1.871-.596l.489.905q-.914.393-2.04.669q-1.128.276-2.303.356m6.252-2.057l-.584-.823q.775-.545 1.378-1.173q.603-.627 1.003-1.352l.884.469q-.442.834-1.125 1.56q-.682.726-1.555 1.319"/></svg> </template>
CSS
.icon-undereye {
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%22M12%2018.23q-3.39%200-6.084-1.846T2%2011.596q1.146-2.863%203.849-4.74Q8.552%204.982%2012%204.982q3.41%200%206.093%201.847Q20.777%208.675%2022%2011.616q-1.146%202.863-3.849%204.739T12%2018.23m-7.29%201.68q-.854-.592-1.537-1.299q-.683-.706-1.144-1.56l.884-.488q.42.725%201.013%201.365t1.368%201.165zm1.91%201.033l.488-.905q.88.355%201.87.595q.991.241%202.041.316l-.038%201.02q-1.189-.081-2.274-.34t-2.088-.686M12%2015.462q1.587%200%202.716-1.13t1.13-2.716q0-1.606-1.13-2.726T12%207.77T9.284%208.89t-1.13%202.726q0%201.586%201.13%202.716T12%2015.462m0-.82q-1.26%200-2.143-.893t-.884-2.133q0-1.26.884-2.144q.883-.883%202.143-.883t2.143.883q.884.884.884%202.144q0%201.24-.884%202.133T12%2014.642m1.039%207.327L13%2020.95q1.05-.075%202.021-.315t1.871-.596l.489.905q-.914.393-2.04.669q-1.128.276-2.303.356m6.252-2.057l-.584-.823q.775-.545%201.378-1.173q.603-.627%201.003-1.352l.884.469q-.442.834-1.125%201.56q-.682.726-1.555%201.319%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%22M12%2018.23q-3.39%200-6.084-1.846T2%2011.596q1.146-2.863%203.849-4.74Q8.552%204.982%2012%204.982q3.41%200%206.093%201.847Q20.777%208.675%2022%2011.616q-1.146%202.863-3.849%204.739T12%2018.23m-7.29%201.68q-.854-.592-1.537-1.299q-.683-.706-1.144-1.56l.884-.488q.42.725%201.013%201.365t1.368%201.165zm1.91%201.033l.488-.905q.88.355%201.87.595q.991.241%202.041.316l-.038%201.02q-1.189-.081-2.274-.34t-2.088-.686M12%2015.462q1.587%200%202.716-1.13t1.13-2.716q0-1.606-1.13-2.726T12%207.77T9.284%208.89t-1.13%202.726q0%201.586%201.13%202.716T12%2015.462m0-.82q-1.26%200-2.143-.893t-.884-2.133q0-1.26.884-2.144q.883-.883%202.143-.883t2.143.883q.884.884.884%202.144q0%201.24-.884%202.133T12%2014.642m1.039%207.327L13%2020.95q1.05-.075%202.021-.315t1.871-.596l.489.905q-.914.393-2.04.669q-1.128.276-2.303.356m6.252-2.057l-.584-.823q.775-.545%201.378-1.173q.603-.627%201.003-1.352l.884.469q-.442.834-1.125%201.56q-.682.726-1.555%201.319%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/undereye.svg?color=%231a73e8&size=48
