eyeglasses icon
eyeglasses from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- eyeglasses
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Use the eyeglasses icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M14.523 38.014c6.018 0 10.872-4.894 10.971-10.794A7.4 7.4 0 0 1 28 26.786c.75 0 1.658.118 2.506.434c.099 5.96 4.953 10.794 10.971 10.794c5.703 0 10.36-4.322 10.932-9.827h2.348c.888 0 1.243-.533 1.243-1.263v-.75c0-.75-.355-1.263-1.243-1.263H52.27c-1.006-5.012-5.446-8.84-10.794-8.84c-5.13 0-9.432 3.532-10.635 8.288c-.908-.355-1.974-.474-2.842-.474s-1.934.119-2.841.474c-1.224-4.756-5.525-8.288-10.636-8.288c-5.347 0-9.787 3.828-10.794 8.84H1.243c-.908 0-1.243.513-1.243 1.263v.75c0 .73.335 1.263 1.243 1.263h2.348a10.983 10.983 0 0 0 10.932 9.827m0-2.96a8.004 8.004 0 0 1-8.011-8.012c0-4.42 3.59-8.01 8.01-8.01c4.401 0 8.012 3.59 8.012 8.01a7.98 7.98 0 0 1-8.011 8.012m26.954 0a7.98 7.98 0 0 1-8.011-8.012a7.99 7.99 0 0 1 8.011-8.01c4.42 0 8.012 3.59 8.012 8.01a8.005 8.005 0 0 1-8.012 8.012"/></svg>
React
import type { SVGProps } from "react";
export function F7Eyeglasses(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M14.523 38.014c6.018 0 10.872-4.894 10.971-10.794A7.4 7.4 0 0 1 28 26.786c.75 0 1.658.118 2.506.434c.099 5.96 4.953 10.794 10.971 10.794c5.703 0 10.36-4.322 10.932-9.827h2.348c.888 0 1.243-.533 1.243-1.263v-.75c0-.75-.355-1.263-1.243-1.263H52.27c-1.006-5.012-5.446-8.84-10.794-8.84c-5.13 0-9.432 3.532-10.635 8.288c-.908-.355-1.974-.474-2.842-.474s-1.934.119-2.841.474c-1.224-4.756-5.525-8.288-10.636-8.288c-5.347 0-9.787 3.828-10.794 8.84H1.243c-.908 0-1.243.513-1.243 1.263v.75c0 .73.335 1.263 1.243 1.263h2.348a10.983 10.983 0 0 0 10.932 9.827m0-2.96a8.004 8.004 0 0 1-8.011-8.012c0-4.42 3.59-8.01 8.01-8.01c4.401 0 8.012 3.59 8.012 8.01a7.98 7.98 0 0 1-8.011 8.012m26.954 0a7.98 7.98 0 0 1-8.011-8.012a7.99 7.99 0 0 1 8.011-8.01c4.42 0 8.012 3.59 8.012 8.01a8.005 8.005 0 0 1-8.012 8.012"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M14.523 38.014c6.018 0 10.872-4.894 10.971-10.794A7.4 7.4 0 0 1 28 26.786c.75 0 1.658.118 2.506.434c.099 5.96 4.953 10.794 10.971 10.794c5.703 0 10.36-4.322 10.932-9.827h2.348c.888 0 1.243-.533 1.243-1.263v-.75c0-.75-.355-1.263-1.243-1.263H52.27c-1.006-5.012-5.446-8.84-10.794-8.84c-5.13 0-9.432 3.532-10.635 8.288c-.908-.355-1.974-.474-2.842-.474s-1.934.119-2.841.474c-1.224-4.756-5.525-8.288-10.636-8.288c-5.347 0-9.787 3.828-10.794 8.84H1.243c-.908 0-1.243.513-1.243 1.263v.75c0 .73.335 1.263 1.243 1.263h2.348a10.983 10.983 0 0 0 10.932 9.827m0-2.96a8.004 8.004 0 0 1-8.011-8.012c0-4.42 3.59-8.01 8.01-8.01c4.401 0 8.012 3.59 8.012 8.01a7.98 7.98 0 0 1-8.011 8.012m26.954 0a7.98 7.98 0 0 1-8.011-8.012a7.99 7.99 0 0 1 8.011-8.01c4.42 0 8.012 3.59 8.012 8.01a8.005 8.005 0 0 1-8.012 8.012"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.523%2038.014c6.018%200%2010.872-4.894%2010.971-10.794A7.4%207.4%200%200%201%2028%2026.786c.75%200%201.658.118%202.506.434c.099%205.96%204.953%2010.794%2010.971%2010.794c5.703%200%2010.36-4.322%2010.932-9.827h2.348c.888%200%201.243-.533%201.243-1.263v-.75c0-.75-.355-1.263-1.243-1.263H52.27c-1.006-5.012-5.446-8.84-10.794-8.84c-5.13%200-9.432%203.532-10.635%208.288c-.908-.355-1.974-.474-2.842-.474s-1.934.119-2.841.474c-1.224-4.756-5.525-8.288-10.636-8.288c-5.347%200-9.787%203.828-10.794%208.84H1.243c-.908%200-1.243.513-1.243%201.263v.75c0%20.73.335%201.263%201.243%201.263h2.348a10.983%2010.983%200%200%200%2010.932%209.827m0-2.96a8.004%208.004%200%200%201-8.011-8.012c0-4.42%203.59-8.01%208.01-8.01c4.401%200%208.012%203.59%208.012%208.01a7.98%207.98%200%200%201-8.011%208.012m26.954%200a7.98%207.98%200%200%201-8.011-8.012a7.99%207.99%200%200%201%208.011-8.01c4.42%200%208.012%203.59%208.012%208.01a8.005%208.005%200%200%201-8.012%208.012%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.523%2038.014c6.018%200%2010.872-4.894%2010.971-10.794A7.4%207.4%200%200%201%2028%2026.786c.75%200%201.658.118%202.506.434c.099%205.96%204.953%2010.794%2010.971%2010.794c5.703%200%2010.36-4.322%2010.932-9.827h2.348c.888%200%201.243-.533%201.243-1.263v-.75c0-.75-.355-1.263-1.243-1.263H52.27c-1.006-5.012-5.446-8.84-10.794-8.84c-5.13%200-9.432%203.532-10.635%208.288c-.908-.355-1.974-.474-2.842-.474s-1.934.119-2.841.474c-1.224-4.756-5.525-8.288-10.636-8.288c-5.347%200-9.787%203.828-10.794%208.84H1.243c-.908%200-1.243.513-1.243%201.263v.75c0%20.73.335%201.263%201.243%201.263h2.348a10.983%2010.983%200%200%200%2010.932%209.827m0-2.96a8.004%208.004%200%200%201-8.011-8.012c0-4.42%203.59-8.01%208.01-8.01c4.401%200%208.012%203.59%208.012%208.01a7.98%207.98%200%200%201-8.011%208.012m26.954%200a7.98%207.98%200%200%201-8.011-8.012a7.99%207.99%200%200%201%208.011-8.01c4.42%200%208.012%203.59%208.012%208.01a8.005%208.005%200%200%201-8.012%208.012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/eyeglasses.svg?color=%231a73e8&size=48
