eye circle icon
eye-circle-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- eye-circle-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- License
- MIT
5 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the eye circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1m0 3.5c-1.426 0-2.545.713-3.291 1.459a5.7 5.7 0 0 0-.866 1.107q-.151.257-.239.478c-.051.13-.104.296-.104.456s.053.325.104.456q.088.221.239.478c.2.34.491.732.866 1.107C5.455 10.787 6.574 11.5 8 11.5s2.545-.713 3.291-1.459c.374-.375.666-.768.866-1.107q.151-.257.239-.478c.051-.13.104-.296.104-.456s-.053-.325-.104-.456a3.5 3.5 0 0 0-.239-.478c-.2-.34-.492-.732-.866-1.107C10.545 5.213 9.426 4.5 8 4.5m0 1c1.074 0 1.955.537 2.584 1.166c.313.313.553.639.712.908q.12.204.17.337q.024.066.03.089q-.006.024-.03.089c-.034.087-.09.202-.17.337a4.7 4.7 0 0 1-.712.908C9.954 9.964 9.074 10.5 8 10.5s-1.955-.537-2.584-1.166a4.7 4.7 0 0 1-.712-.908a2.5 2.5 0 0 1-.17-.337A1 1 0 0 1 4.504 8a1 1 0 0 1 .03-.089c.035-.087.09-.202.17-.337c.16-.27.4-.595.712-.908C6.046 6.036 6.926 5.5 8 5.5m0 1a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
React
import type { SVGProps } from "react";
export function FluentEyeCircle16Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1m0 3.5c-1.426 0-2.545.713-3.291 1.459a5.7 5.7 0 0 0-.866 1.107q-.151.257-.239.478c-.051.13-.104.296-.104.456s.053.325.104.456q.088.221.239.478c.2.34.491.732.866 1.107C5.455 10.787 6.574 11.5 8 11.5s2.545-.713 3.291-1.459c.374-.375.666-.768.866-1.107q.151-.257.239-.478c.051-.13.104-.296.104-.456s-.053-.325-.104-.456a3.5 3.5 0 0 0-.239-.478c-.2-.34-.492-.732-.866-1.107C10.545 5.213 9.426 4.5 8 4.5m0 1c1.074 0 1.955.537 2.584 1.166c.313.313.553.639.712.908q.12.204.17.337q.024.066.03.089q-.006.024-.03.089c-.034.087-.09.202-.17.337a4.7 4.7 0 0 1-.712.908C9.954 9.964 9.074 10.5 8 10.5s-1.955-.537-2.584-1.166a4.7 4.7 0 0 1-.712-.908a2.5 2.5 0 0 1-.17-.337A1 1 0 0 1 4.504 8a1 1 0 0 1 .03-.089c.035-.087.09-.202.17-.337c.16-.27.4-.595.712-.908C6.046 6.036 6.926 5.5 8 5.5m0 1a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1m0 3.5c-1.426 0-2.545.713-3.291 1.459a5.7 5.7 0 0 0-.866 1.107q-.151.257-.239.478c-.051.13-.104.296-.104.456s.053.325.104.456q.088.221.239.478c.2.34.491.732.866 1.107C5.455 10.787 6.574 11.5 8 11.5s2.545-.713 3.291-1.459c.374-.375.666-.768.866-1.107q.151-.257.239-.478c.051-.13.104-.296.104-.456s-.053-.325-.104-.456a3.5 3.5 0 0 0-.239-.478c-.2-.34-.492-.732-.866-1.107C10.545 5.213 9.426 4.5 8 4.5m0 1c1.074 0 1.955.537 2.584 1.166c.313.313.553.639.712.908q.12.204.17.337q.024.066.03.089q-.006.024-.03.089c-.034.087-.09.202-.17.337a4.7 4.7 0 0 1-.712.908C9.954 9.964 9.074 10.5 8 10.5s-1.955-.537-2.584-1.166a4.7 4.7 0 0 1-.712-.908a2.5 2.5 0 0 1-.17-.337A1 1 0 0 1 4.504 8a1 1 0 0 1 .03-.089c.035-.087.09-.202.17-.337c.16-.27.4-.595.712-.908C6.046 6.036 6.926 5.5 8 5.5m0 1a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg> </template>
CSS
.icon-eye-circle-16-filled {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%201a7%207%200%201%201%200%2014A7%207%200%200%201%208%201m0%203.5c-1.426%200-2.545.713-3.291%201.459a5.7%205.7%200%200%200-.866%201.107q-.151.257-.239.478c-.051.13-.104.296-.104.456s.053.325.104.456q.088.221.239.478c.2.34.491.732.866%201.107C5.455%2010.787%206.574%2011.5%208%2011.5s2.545-.713%203.291-1.459c.374-.375.666-.768.866-1.107q.151-.257.239-.478c.051-.13.104-.296.104-.456s-.053-.325-.104-.456a3.5%203.5%200%200%200-.239-.478c-.2-.34-.492-.732-.866-1.107C10.545%205.213%209.426%204.5%208%204.5m0%201c1.074%200%201.955.537%202.584%201.166c.313.313.553.639.712.908q.12.204.17.337q.024.066.03.089q-.006.024-.03.089c-.034.087-.09.202-.17.337a4.7%204.7%200%200%201-.712.908C9.954%209.964%209.074%2010.5%208%2010.5s-1.955-.537-2.584-1.166a4.7%204.7%200%200%201-.712-.908a2.5%202.5%200%200%201-.17-.337A1%201%200%200%201%204.504%208a1%201%200%200%201%20.03-.089c.035-.087.09-.202.17-.337c.16-.27.4-.595.712-.908C6.046%206.036%206.926%205.5%208%205.5m0%201a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%201a7%207%200%201%201%200%2014A7%207%200%200%201%208%201m0%203.5c-1.426%200-2.545.713-3.291%201.459a5.7%205.7%200%200%200-.866%201.107q-.151.257-.239.478c-.051.13-.104.296-.104.456s.053.325.104.456q.088.221.239.478c.2.34.491.732.866%201.107C5.455%2010.787%206.574%2011.5%208%2011.5s2.545-.713%203.291-1.459c.374-.375.666-.768.866-1.107q.151-.257.239-.478c.051-.13.104-.296.104-.456s-.053-.325-.104-.456a3.5%203.5%200%200%200-.239-.478c-.2-.34-.492-.732-.866-1.107C10.545%205.213%209.426%204.5%208%204.5m0%201c1.074%200%201.955.537%202.584%201.166c.313.313.553.639.712.908q.12.204.17.337q.024.066.03.089q-.006.024-.03.089c-.034.087-.09.202-.17.337a4.7%204.7%200%200%201-.712.908C9.954%209.964%209.074%2010.5%208%2010.5s-1.955-.537-2.584-1.166a4.7%204.7%200%200%201-.712-.908a2.5%202.5%200%200%201-.17-.337A1%201%200%200%201%204.504%208a1%201%200%200%201%20.03-.089c.035-.087.09-.202.17-.337c.16-.27.4-.595.712-.908C6.046%206.036%206.926%205.5%208%205.5m0%201a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/eye-circle-16-filled.svg?color=%231a73e8&size=48
