eyeglasses icon
eyeglasses from Health Icons by Resolve to Save Lives · Filled · Emotions · MIT Free for personal and commercial use.
- Name
- eyeglasses
- Set
- Health Icons
- Style
- Filled
- Category
- Emotions
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More emotions icons from Health Icons
Use the eyeglasses icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M38.392 31c-2.597 5.328-8.066 9-14.392 9s-11.795-3.672-14.391-9H7.412c2.73 6.464 9.13 11 16.588 11s13.857-4.536 16.588-11zM12.381 13C15.297 9.92 19.424 8 24 8s8.703 1.92 11.619 5h2.63C34.957 8.742 29.799 6 24 6S13.043 8.742 9.751 13zM15 24c1.105 0 2-1.12 2-2.5s-.895-2.5-2-2.5s-2 1.12-2 2.5s.895 2.5 2 2.5m20-2.5c0 1.38-.895 2.5-2 2.5s-2-1.12-2-2.5s.895-2.5 2-2.5s2 1.12 2 2.5"/><path fill-rule="evenodd" d="M22.683 19.38a4 4 0 0 0-.026-.98h2.686a4 4 0 0 0-.026.98l.572 6A4 4 0 0 0 29.87 29H38a4 4 0 0 0 4-4v-5h1v-5H29.3c-1.224 0-2.31.546-3.04 1.4h-4.52A3.99 3.99 0 0 0 18.7 15H5v5h1v5a4 4 0 0 0 4 4h8.13a4 4 0 0 0 3.981-3.62zM10 17a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8.13a2 2 0 0 0 1.99-1.81l.572-6A2 2 0 0 0 18.7 17zm17.308 2.19A2 2 0 0 1 29.3 17H38a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-8.13a2 2 0 0 1-1.99-1.81z" clip-rule="evenodd"/><path d="M29.35 33.437a1 1 0 1 0-.7-1.874c-2.06.768-3.527 1.146-4.877 1.162c-1.327.017-2.628-.315-4.345-1.129a1 1 0 0 0-.856 1.808c1.89.895 3.499 1.342 5.226 1.321c1.703-.021 3.432-.498 5.551-1.288"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsEyeglasses(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M38.392 31c-2.597 5.328-8.066 9-14.392 9s-11.795-3.672-14.391-9H7.412c2.73 6.464 9.13 11 16.588 11s13.857-4.536 16.588-11zM12.381 13C15.297 9.92 19.424 8 24 8s8.703 1.92 11.619 5h2.63C34.957 8.742 29.799 6 24 6S13.043 8.742 9.751 13zM15 24c1.105 0 2-1.12 2-2.5s-.895-2.5-2-2.5s-2 1.12-2 2.5s.895 2.5 2 2.5m20-2.5c0 1.38-.895 2.5-2 2.5s-2-1.12-2-2.5s.895-2.5 2-2.5s2 1.12 2 2.5"/><path fillRule="evenodd" d="M22.683 19.38a4 4 0 0 0-.026-.98h2.686a4 4 0 0 0-.026.98l.572 6A4 4 0 0 0 29.87 29H38a4 4 0 0 0 4-4v-5h1v-5H29.3c-1.224 0-2.31.546-3.04 1.4h-4.52A3.99 3.99 0 0 0 18.7 15H5v5h1v5a4 4 0 0 0 4 4h8.13a4 4 0 0 0 3.981-3.62zM10 17a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8.13a2 2 0 0 0 1.99-1.81l.572-6A2 2 0 0 0 18.7 17zm17.308 2.19A2 2 0 0 1 29.3 17H38a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-8.13a2 2 0 0 1-1.99-1.81z" clipRule="evenodd"/><path d="M29.35 33.437a1 1 0 1 0-.7-1.874c-2.06.768-3.527 1.146-4.877 1.162c-1.327.017-2.628-.315-4.345-1.129a1 1 0 0 0-.856 1.808c1.89.895 3.499 1.342 5.226 1.321c1.703-.021 3.432-.498 5.551-1.288"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M38.392 31c-2.597 5.328-8.066 9-14.392 9s-11.795-3.672-14.391-9H7.412c2.73 6.464 9.13 11 16.588 11s13.857-4.536 16.588-11zM12.381 13C15.297 9.92 19.424 8 24 8s8.703 1.92 11.619 5h2.63C34.957 8.742 29.799 6 24 6S13.043 8.742 9.751 13zM15 24c1.105 0 2-1.12 2-2.5s-.895-2.5-2-2.5s-2 1.12-2 2.5s.895 2.5 2 2.5m20-2.5c0 1.38-.895 2.5-2 2.5s-2-1.12-2-2.5s.895-2.5 2-2.5s2 1.12 2 2.5"/><path fill-rule="evenodd" d="M22.683 19.38a4 4 0 0 0-.026-.98h2.686a4 4 0 0 0-.026.98l.572 6A4 4 0 0 0 29.87 29H38a4 4 0 0 0 4-4v-5h1v-5H29.3c-1.224 0-2.31.546-3.04 1.4h-4.52A3.99 3.99 0 0 0 18.7 15H5v5h1v5a4 4 0 0 0 4 4h8.13a4 4 0 0 0 3.981-3.62zM10 17a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8.13a2 2 0 0 0 1.99-1.81l.572-6A2 2 0 0 0 18.7 17zm17.308 2.19A2 2 0 0 1 29.3 17H38a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-8.13a2 2 0 0 1-1.99-1.81z" clip-rule="evenodd"/><path d="M29.35 33.437a1 1 0 1 0-.7-1.874c-2.06.768-3.527 1.146-4.877 1.162c-1.327.017-2.628-.315-4.345-1.129a1 1 0 0 0-.856 1.808c1.89.895 3.499 1.342 5.226 1.321c1.703-.021 3.432-.498 5.551-1.288"/></g></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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M38.392%2031c-2.597%205.328-8.066%209-14.392%209s-11.795-3.672-14.391-9H7.412c2.73%206.464%209.13%2011%2016.588%2011s13.857-4.536%2016.588-11zM12.381%2013C15.297%209.92%2019.424%208%2024%208s8.703%201.92%2011.619%205h2.63C34.957%208.742%2029.799%206%2024%206S13.043%208.742%209.751%2013zM15%2024c1.105%200%202-1.12%202-2.5s-.895-2.5-2-2.5s-2%201.12-2%202.5s.895%202.5%202%202.5m20-2.5c0%201.38-.895%202.5-2%202.5s-2-1.12-2-2.5s.895-2.5%202-2.5s2%201.12%202%202.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M22.683%2019.38a4%204%200%200%200-.026-.98h2.686a4%204%200%200%200-.026.98l.572%206A4%204%200%200%200%2029.87%2029H38a4%204%200%200%200%204-4v-5h1v-5H29.3c-1.224%200-2.31.546-3.04%201.4h-4.52A3.99%203.99%200%200%200%2018.7%2015H5v5h1v5a4%204%200%200%200%204%204h8.13a4%204%200%200%200%203.981-3.62zM10%2017a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h8.13a2%202%200%200%200%201.99-1.81l.572-6A2%202%200%200%200%2018.7%2017zm17.308%202.19A2%202%200%200%201%2029.3%2017H38a2%202%200%200%201%202%202v6a2%202%200%200%201-2%202h-8.13a2%202%200%200%201-1.99-1.81z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M29.35%2033.437a1%201%200%201%200-.7-1.874c-2.06.768-3.527%201.146-4.877%201.162c-1.327.017-2.628-.315-4.345-1.129a1%201%200%200%200-.856%201.808c1.89.895%203.499%201.342%205.226%201.321c1.703-.021%203.432-.498%205.551-1.288%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M38.392%2031c-2.597%205.328-8.066%209-14.392%209s-11.795-3.672-14.391-9H7.412c2.73%206.464%209.13%2011%2016.588%2011s13.857-4.536%2016.588-11zM12.381%2013C15.297%209.92%2019.424%208%2024%208s8.703%201.92%2011.619%205h2.63C34.957%208.742%2029.799%206%2024%206S13.043%208.742%209.751%2013zM15%2024c1.105%200%202-1.12%202-2.5s-.895-2.5-2-2.5s-2%201.12-2%202.5s.895%202.5%202%202.5m20-2.5c0%201.38-.895%202.5-2%202.5s-2-1.12-2-2.5s.895-2.5%202-2.5s2%201.12%202%202.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M22.683%2019.38a4%204%200%200%200-.026-.98h2.686a4%204%200%200%200-.026.98l.572%206A4%204%200%200%200%2029.87%2029H38a4%204%200%200%200%204-4v-5h1v-5H29.3c-1.224%200-2.31.546-3.04%201.4h-4.52A3.99%203.99%200%200%200%2018.7%2015H5v5h1v5a4%204%200%200%200%204%204h8.13a4%204%200%200%200%203.981-3.62zM10%2017a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h8.13a2%202%200%200%200%201.99-1.81l.572-6A2%202%200%200%200%2018.7%2017zm17.308%202.19A2%202%200%200%201%2029.3%2017H38a2%202%200%200%201%202%202v6a2%202%200%200%201-2%202h-8.13a2%202%200%200%201-1.99-1.81z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M29.35%2033.437a1%201%200%201%200-.7-1.874c-2.06.768-3.527%201.146-4.877%201.162c-1.327.017-2.628-.315-4.345-1.129a1%201%200%200%200-.856%201.808c1.89.895%203.499%201.342%205.226%201.321c1.703-.021%203.432-.498%205.551-1.288%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/eyeglasses.svg?color=%231a73e8&size=48
