eye3 icon
eye3-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- eye3-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the eye3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.25 9.15C18.94 5.52 15.56 3.43 12 3.43c-1.78 0-3.51.52-5.09 1.49c-1.58.98-3 2.41-4.16 4.23c-1 1.57-1 4.12 0 5.69c2.31 3.64 5.69 5.72 9.25 5.72c1.78 0 3.51-.52 5.09-1.49c1.58-.98 3-2.41 4.16-4.23c1-1.56 1-4.12 0-5.69M12 16.04c-2.24 0-4.04-1.81-4.04-4.04S9.76 7.96 12 7.96s4.04 1.81 4.04 4.04s-1.8 4.04-4.04 4.04"/><path d="M11.998 9.14a2.855 2.855 0 0 0 0 5.71c1.57 0 2.86-1.28 2.86-2.85s-1.29-2.86-2.86-2.86"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconEye3Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.25 9.15C18.94 5.52 15.56 3.43 12 3.43c-1.78 0-3.51.52-5.09 1.49c-1.58.98-3 2.41-4.16 4.23c-1 1.57-1 4.12 0 5.69c2.31 3.64 5.69 5.72 9.25 5.72c1.78 0 3.51-.52 5.09-1.49c1.58-.98 3-2.41 4.16-4.23c1-1.56 1-4.12 0-5.69M12 16.04c-2.24 0-4.04-1.81-4.04-4.04S9.76 7.96 12 7.96s4.04 1.81 4.04 4.04s-1.8 4.04-4.04 4.04"/><path d="M11.998 9.14a2.855 2.855 0 0 0 0 5.71c1.57 0 2.86-1.28 2.86-2.85s-1.29-2.86-2.86-2.86"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.25 9.15C18.94 5.52 15.56 3.43 12 3.43c-1.78 0-3.51.52-5.09 1.49c-1.58.98-3 2.41-4.16 4.23c-1 1.57-1 4.12 0 5.69c2.31 3.64 5.69 5.72 9.25 5.72c1.78 0 3.51-.52 5.09-1.49c1.58-.98 3-2.41 4.16-4.23c1-1.56 1-4.12 0-5.69M12 16.04c-2.24 0-4.04-1.81-4.04-4.04S9.76 7.96 12 7.96s4.04 1.81 4.04 4.04s-1.8 4.04-4.04 4.04"/><path d="M11.998 9.14a2.855 2.855 0 0 0 0 5.71c1.57 0 2.86-1.28 2.86-2.85s-1.29-2.86-2.86-2.86"/></g></svg> </template>
CSS
.icon-eye3-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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M21.25%209.15C18.94%205.52%2015.56%203.43%2012%203.43c-1.78%200-3.51.52-5.09%201.49c-1.58.98-3%202.41-4.16%204.23c-1%201.57-1%204.12%200%205.69c2.31%203.64%205.69%205.72%209.25%205.72c1.78%200%203.51-.52%205.09-1.49c1.58-.98%203-2.41%204.16-4.23c1-1.56%201-4.12%200-5.69M12%2016.04c-2.24%200-4.04-1.81-4.04-4.04S9.76%207.96%2012%207.96s4.04%201.81%204.04%204.04s-1.8%204.04-4.04%204.04%22%2F%3E%3Cpath%20d%3D%22M11.998%209.14a2.855%202.855%200%200%200%200%205.71c1.57%200%202.86-1.28%202.86-2.85s-1.29-2.86-2.86-2.86%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M21.25%209.15C18.94%205.52%2015.56%203.43%2012%203.43c-1.78%200-3.51.52-5.09%201.49c-1.58.98-3%202.41-4.16%204.23c-1%201.57-1%204.12%200%205.69c2.31%203.64%205.69%205.72%209.25%205.72c1.78%200%203.51-.52%205.09-1.49c1.58-.98%203-2.41%204.16-4.23c1-1.56%201-4.12%200-5.69M12%2016.04c-2.24%200-4.04-1.81-4.04-4.04S9.76%207.96%2012%207.96s4.04%201.81%204.04%204.04s-1.8%204.04-4.04%204.04%22%2F%3E%3Cpath%20d%3D%22M11.998%209.14a2.855%202.855%200%200%200%200%205.71c1.57%200%202.86-1.28%202.86-2.85s-1.29-2.86-2.86-2.86%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/eye3-filled.svg?color=%231a73e8&size=48
