eye lines icon
eye-lines-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- eye-lines-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the eye lines icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M4.977 20.5h13.545a6.5 6.5 0 0 0-.946 2.5H4.148q.05-.208.11-.422c.157-.57.394-1.28.719-2.078M4.148 25h13.428c.14.91.47 1.756.946 2.5H4.977a19 19 0 0 1-.72-2.078q-.059-.214-.109-.422m19.85-18c-3.917 0-7.142.996-9.768 2.5h9.772c6.728.001 11.078 3.317 13.789 6.85a22.3 22.3 0 0 1 2.9 5.058c.297.73.506 1.36.639 1.838a6 6 0 0 1 .169.754l-.001.005a6 6 0 0 1-.168.749a17 17 0 0 1-.64 1.838a22.3 22.3 0 0 1-2.9 5.059c-2.71 3.532-7.06 6.848-13.788 6.849H14.23c2.461 1.41 5.45 2.374 9.04 2.488q.36.012.727.012h.004c7.691-.001 12.714-3.843 15.772-7.827a24.8 24.8 0 0 0 3.23-5.635c.333-.814.575-1.537.735-2.116c.147-.532.26-1.057.26-1.422s-.113-.89-.26-1.422a19 19 0 0 0-.735-2.116a24.8 24.8 0 0 0-3.23-5.635C36.716 10.843 31.694 7.001 24.002 7zM11.38 11.5h12.622V14H8.888a21 21 0 0 1 2.492-2.5m-4 4.5H24v-1a9 9 0 1 1 0 18v-1H7.378a25 25 0 0 1-1.48-2.5h14.636a6.47 6.47 0 0 0 3.464 1H24a6.5 6.5 0 1 0 0-13h-.002a6.47 6.47 0 0 0-3.464 1H5.9c.413-.802.904-1.647 1.48-2.5m1.51 18h15.113v2.5H11.38A21 21 0 0 1 8.89 34m15.109 0v2.5Z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEyeLines48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M4.977 20.5h13.545a6.5 6.5 0 0 0-.946 2.5H4.148q.05-.208.11-.422c.157-.57.394-1.28.719-2.078M4.148 25h13.428c.14.91.47 1.756.946 2.5H4.977a19 19 0 0 1-.72-2.078q-.059-.214-.109-.422m19.85-18c-3.917 0-7.142.996-9.768 2.5h9.772c6.728.001 11.078 3.317 13.789 6.85a22.3 22.3 0 0 1 2.9 5.058c.297.73.506 1.36.639 1.838a6 6 0 0 1 .169.754l-.001.005a6 6 0 0 1-.168.749a17 17 0 0 1-.64 1.838a22.3 22.3 0 0 1-2.9 5.059c-2.71 3.532-7.06 6.848-13.788 6.849H14.23c2.461 1.41 5.45 2.374 9.04 2.488q.36.012.727.012h.004c7.691-.001 12.714-3.843 15.772-7.827a24.8 24.8 0 0 0 3.23-5.635c.333-.814.575-1.537.735-2.116c.147-.532.26-1.057.26-1.422s-.113-.89-.26-1.422a19 19 0 0 0-.735-2.116a24.8 24.8 0 0 0-3.23-5.635C36.716 10.843 31.694 7.001 24.002 7zM11.38 11.5h12.622V14H8.888a21 21 0 0 1 2.492-2.5m-4 4.5H24v-1a9 9 0 1 1 0 18v-1H7.378a25 25 0 0 1-1.48-2.5h14.636a6.47 6.47 0 0 0 3.464 1H24a6.5 6.5 0 1 0 0-13h-.002a6.47 6.47 0 0 0-3.464 1H5.9c.413-.802.904-1.647 1.48-2.5m1.51 18h15.113v2.5H11.38A21 21 0 0 1 8.89 34m15.109 0v2.5Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M4.977 20.5h13.545a6.5 6.5 0 0 0-.946 2.5H4.148q.05-.208.11-.422c.157-.57.394-1.28.719-2.078M4.148 25h13.428c.14.91.47 1.756.946 2.5H4.977a19 19 0 0 1-.72-2.078q-.059-.214-.109-.422m19.85-18c-3.917 0-7.142.996-9.768 2.5h9.772c6.728.001 11.078 3.317 13.789 6.85a22.3 22.3 0 0 1 2.9 5.058c.297.73.506 1.36.639 1.838a6 6 0 0 1 .169.754l-.001.005a6 6 0 0 1-.168.749a17 17 0 0 1-.64 1.838a22.3 22.3 0 0 1-2.9 5.059c-2.71 3.532-7.06 6.848-13.788 6.849H14.23c2.461 1.41 5.45 2.374 9.04 2.488q.36.012.727.012h.004c7.691-.001 12.714-3.843 15.772-7.827a24.8 24.8 0 0 0 3.23-5.635c.333-.814.575-1.537.735-2.116c.147-.532.26-1.057.26-1.422s-.113-.89-.26-1.422a19 19 0 0 0-.735-2.116a24.8 24.8 0 0 0-3.23-5.635C36.716 10.843 31.694 7.001 24.002 7zM11.38 11.5h12.622V14H8.888a21 21 0 0 1 2.492-2.5m-4 4.5H24v-1a9 9 0 1 1 0 18v-1H7.378a25 25 0 0 1-1.48-2.5h14.636a6.47 6.47 0 0 0 3.464 1H24a6.5 6.5 0 1 0 0-13h-.002a6.47 6.47 0 0 0-3.464 1H5.9c.413-.802.904-1.647 1.48-2.5m1.51 18h15.113v2.5H11.38A21 21 0 0 1 8.89 34m15.109 0v2.5Z"/></svg> </template>
CSS
.icon-eye-lines-48-regular {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.977%2020.5h13.545a6.5%206.5%200%200%200-.946%202.5H4.148q.05-.208.11-.422c.157-.57.394-1.28.719-2.078M4.148%2025h13.428c.14.91.47%201.756.946%202.5H4.977a19%2019%200%200%201-.72-2.078q-.059-.214-.109-.422m19.85-18c-3.917%200-7.142.996-9.768%202.5h9.772c6.728.001%2011.078%203.317%2013.789%206.85a22.3%2022.3%200%200%201%202.9%205.058c.297.73.506%201.36.639%201.838a6%206%200%200%201%20.169.754l-.001.005a6%206%200%200%201-.168.749a17%2017%200%200%201-.64%201.838a22.3%2022.3%200%200%201-2.9%205.059c-2.71%203.532-7.06%206.848-13.788%206.849H14.23c2.461%201.41%205.45%202.374%209.04%202.488q.36.012.727.012h.004c7.691-.001%2012.714-3.843%2015.772-7.827a24.8%2024.8%200%200%200%203.23-5.635c.333-.814.575-1.537.735-2.116c.147-.532.26-1.057.26-1.422s-.113-.89-.26-1.422a19%2019%200%200%200-.735-2.116a24.8%2024.8%200%200%200-3.23-5.635C36.716%2010.843%2031.694%207.001%2024.002%207zM11.38%2011.5h12.622V14H8.888a21%2021%200%200%201%202.492-2.5m-4%204.5H24v-1a9%209%200%201%201%200%2018v-1H7.378a25%2025%200%200%201-1.48-2.5h14.636a6.47%206.47%200%200%200%203.464%201H24a6.5%206.5%200%201%200%200-13h-.002a6.47%206.47%200%200%200-3.464%201H5.9c.413-.802.904-1.647%201.48-2.5m1.51%2018h15.113v2.5H11.38A21%2021%200%200%201%208.89%2034m15.109%200v2.5Z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.977%2020.5h13.545a6.5%206.5%200%200%200-.946%202.5H4.148q.05-.208.11-.422c.157-.57.394-1.28.719-2.078M4.148%2025h13.428c.14.91.47%201.756.946%202.5H4.977a19%2019%200%200%201-.72-2.078q-.059-.214-.109-.422m19.85-18c-3.917%200-7.142.996-9.768%202.5h9.772c6.728.001%2011.078%203.317%2013.789%206.85a22.3%2022.3%200%200%201%202.9%205.058c.297.73.506%201.36.639%201.838a6%206%200%200%201%20.169.754l-.001.005a6%206%200%200%201-.168.749a17%2017%200%200%201-.64%201.838a22.3%2022.3%200%200%201-2.9%205.059c-2.71%203.532-7.06%206.848-13.788%206.849H14.23c2.461%201.41%205.45%202.374%209.04%202.488q.36.012.727.012h.004c7.691-.001%2012.714-3.843%2015.772-7.827a24.8%2024.8%200%200%200%203.23-5.635c.333-.814.575-1.537.735-2.116c.147-.532.26-1.057.26-1.422s-.113-.89-.26-1.422a19%2019%200%200%200-.735-2.116a24.8%2024.8%200%200%200-3.23-5.635C36.716%2010.843%2031.694%207.001%2024.002%207zM11.38%2011.5h12.622V14H8.888a21%2021%200%200%201%202.492-2.5m-4%204.5H24v-1a9%209%200%201%201%200%2018v-1H7.378a25%2025%200%200%201-1.48-2.5h14.636a6.47%206.47%200%200%200%203.464%201H24a6.5%206.5%200%201%200%200-13h-.002a6.47%206.47%200%200%200-3.464%201H5.9c.413-.802.904-1.647%201.48-2.5m1.51%2018h15.113v2.5H11.38A21%2021%200%200%201%208.89%2034m15.109%200v2.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/eye-lines-48-regular.svg?color=%231a73e8&size=48
