73 lines
1.8 KiB
TypeScript
73 lines
1.8 KiB
TypeScript
export const Eye = () => (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="1em"
|
|
height="1em"
|
|
viewBox="0 0 36 36"
|
|
>
|
|
<path
|
|
fill="#E1E8ED"
|
|
d="M35.059 18c0 3.304-7.642 11-17.067 11S.925 22.249.925 18c0-3.314 34.134-3.314 34.134 0"
|
|
/>
|
|
<path
|
|
fill="#292F33"
|
|
d="M35.059 18H.925c0-3.313 7.642-11 17.067-11s17.067 7.686 17.067 11"
|
|
/>
|
|
<path
|
|
fill="#F5F8FA"
|
|
d="M33.817 18c0 2.904-7.087 9.667-15.826 9.667S2.166 21.732 2.166 18c0-2.912 7.085-9.666 15.825-9.666C26.73 8.333 33.817 15.088 33.817 18"
|
|
/>
|
|
<circle
|
|
cx="18"
|
|
cy="18"
|
|
r="8.458"
|
|
fill="#8B5E3C"
|
|
style={{ fill: "#919191", fillOpacity: 1 }}
|
|
/>
|
|
<circle cx="18" cy="18" r="4.708" fill="#292F33" />
|
|
<circle cx="14.983" cy="15" r="2" fill="#F5F8FA" />
|
|
</svg>
|
|
);
|
|
|
|
export const EyeSlash = () => (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="1em"
|
|
height="1em"
|
|
viewBox="0 0 36 36"
|
|
>
|
|
<path
|
|
fill="#e1e8ed"
|
|
d="M35.059 18c0 3.304-7.642 11-17.067 11S.925 22.249.925 18c0-3.314 34.134-3.314 34.134 0"
|
|
/>
|
|
<path
|
|
fill="#292f33"
|
|
d="M35.059 18H.925c0-3.313 7.642-11 17.067-11s17.067 7.686 17.067 11"
|
|
/>
|
|
<path
|
|
fill="#f5f8fa"
|
|
d="M33.817 18c0 2.904-7.087 9.667-15.826 9.667S2.166 21.732 2.166 18c0-2.912 7.085-9.666 15.825-9.666C26.73 8.333 33.817 15.088 33.817 18"
|
|
/>
|
|
<circle
|
|
cx="18"
|
|
cy="18"
|
|
r="8.458"
|
|
fill="#8B5E3C"
|
|
style={{ fill: "#919191", fillOpacity: 1 }}
|
|
/>
|
|
<circle cx="18" cy="18" r="4.708" fill="#292f33" />
|
|
<circle cx="14.983" cy="15" r="2" fill="#f5f8fa" />
|
|
<path
|
|
d="m-2.97 30.25 41.94-24.5"
|
|
style={{
|
|
fill: "#404040",
|
|
fillOpacity: 1,
|
|
stroke: "#404040",
|
|
strokeWidth: 3,
|
|
strokeDasharray: "none",
|
|
strokeOpacity: 1,
|
|
}}
|
|
/>
|
|
</svg>
|
|
);
|