Add icons to this collection by clicking the heart icon.
Eye icon - also known as view, vision, clarity, eye, visible, visibility, observer, art and design, aware, and shared vision. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="67.523"
y2="6.394"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="b"
x1="23.977"
x2="23.977"
y1="67.523"
y2="6.394"
href="#a"
/>
<linearGradient
id="c"
x1="16.5"
x2="16.5"
y1="67.523"
y2="6.394"
href="#a"
/>
<linearGradient
id="d"
x1="10.08"
x2="10.08"
y1="67.523"
y2="6.394"
href="#a"
/>
<linearGradient
id="e"
x1="40.023"
x2="40.023"
y1="67.523"
y2="6.394"
href="#a"
/>
<linearGradient
id="f"
x1="47.5"
x2="47.5"
y1="67.523"
y2="6.394"
href="#a"
/>
<linearGradient
id="g"
x1="53.92"
x2="53.92"
y1="67.523"
y2="6.394"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M32 14a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM32 54a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M24.235 15.023a1 1 0 0 1-.965-.742l-.518-1.932a1 1 0 0 1 1.932-.517l.517 1.932a1 1 0 0 1-.707 1.224.972.972 0 0 1-.259.035z"
/>
<path
fill="url(#c)"
d="M17 18.019a1 1 0 0 1-.867-.5l-1-1.732a1 1 0 0 1 1.732-1l1 1.732a1 1 0 0 1-.865 1.5z"
/>
<path
fill="url(#d)"
d="M10.787 22.787a1 1 0 0 1-.707-.293L8.666 21.08a1 1 0 1 1 1.414-1.414l1.414 1.414a1 1 0 0 1-.707 1.707z"
/>
<path
fill="url(#e)"
d="M39.765 15.023a.972.972 0 0 1-.259-.035 1 1 0 0 1-.707-1.224l.517-1.932a1 1 0 0 1 1.932.517l-.518 1.932a1 1 0 0 1-.965.742zM40.282 52.91a1 1 0 0 1-.966-.742l-.516-1.932a1 1 0 1 1 1.931-.517l.518 1.932a1 1 0 0 1-.707 1.224.972.972 0 0 1-.26.035z"
/>
<path
fill="url(#b)"
d="M23.718 52.91a.972.972 0 0 1-.259-.035 1 1 0 0 1-.707-1.224l.518-1.932a1 1 0 1 1 1.931.517l-.517 1.932a1 1 0 0 1-.966.742z"
/>
<path
fill="url(#f)"
d="M47 18.019a1 1 0 0 1-.865-1.5l1-1.732a1 1 0 1 1 1.732 1l-1 1.732a1 1 0 0 1-.867.5z"
/>
<path
fill="url(#g)"
d="M53.213 22.787a1 1 0 0 1-.707-1.707l1.414-1.414a1 1 0 1 1 1.414 1.414l-1.414 1.414a1 1 0 0 1-.707.293z"
/>
<path
fill="url(#c)"
d="M16 49.713a1 1 0 0 1-.865-1.5l1-1.732a1 1 0 0 1 1.732 1l-1 1.732a1 1 0 0 1-.867.5z"
/>
<path
fill="url(#d)"
d="M9.373 44.627a1 1 0 0 1-.707-1.707l1.414-1.414a1 1 0 0 1 1.414 1.414l-1.414 1.414a1 1 0 0 1-.707.293z"
/>
<path
fill="url(#f)"
d="M48 49.713a1 1 0 0 1-.867-.5l-1-1.732a1 1 0 1 1 1.732-1l1 1.732a1 1 0 0 1-.865 1.5z"
/>
<path
fill="url(#g)"
d="M54.627 44.627a1 1 0 0 1-.707-.293l-1.414-1.414a1 1 0 0 1 1.414-1.414l1.414 1.414a1 1 0 0 1-.707 1.707z"
/>
<g fill="url(#a)">
<circle cx="32" cy="32" r="5" />
<path
d="M21 32a11 11 0 1 0 11-11 11.013 11.013 0 0 0-11 11zm18 0a7 7 0 1 1-7-7 7.008 7.008 0 0 1 7 7z"
/>
<path
d="M4.646 32C8.708 35.06 23.8 46 32 46s23.292-10.94 27.354-14C55.292 28.94 40.2 18 32 18S8.708 28.94 4.646 32zM45 32a13 13 0 1 1-13-13 13.015 13.015 0 0 1 13 13z"
/>
</g>
</g>
</svg>
More icons in the same style and category