Eye Svg Icon

Free SVG icon from the IconaMoon collection. Download or copy for use in any project.

Collection: IconaMoon
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Tags: eye svg view visible show watch preview look

The Eye Svg icon is commonly used in password toggles, visibility controls and preview buttons. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/308253.svg" alt="Eye   Svg icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/308253.svg" alt="Eye   Svg icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/308253.svg"
  alt="Eye   Svg icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-eye---svg {
  background-image: url('https://proicons.com/icon/308253.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 5C7.33603 5 3.60014 7.90264 2 12C3.60014 16.0974 7.33603 19 12 19C16.664 19 20.3999 16.0974 22 12C20.3999 7.90264 16.664 5 12 5ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill="#1CB0F6"/>
<path d="M2 12L1.06851 11.6362C0.977162 11.8701 0.977162 12.1299 1.06851 12.3638L2 12ZM22 12L22.9315 12.3638C23.0228 12.1299 23.0228 11.8701 22.9315 11.6362L22 12ZM2.93149 12.3638C4.39698 8.61119 7.78817 6 12 6V4C6.8839 4 2.80329 7.1941 1.06851 11.6362L2.93149 12.3638ZM12 18C7.78817 18 4.39698 15.3888 2.93149 11.6362L1.06851 12.3638C2.80329 16.8059 6.8839 20 12 20V18ZM21.0685 11.6362C19.603 15.3888 16.2118 18 12 18V20C17.1161 20 21.1967 16.8059 22.9315 12.3638L21.0685 11.6362ZM12 6C16.2118 6 19.603 8.61119 21.0685 12.3638L22.9315 11.6362C21.1967 7.1941 17.1161 4 12 4V6ZM15 12C15 13.6569 13.6569 15 12 15V17C14.7614 17 17 14.7614 17 12H15ZM12 9C13.6569 9 15 10.3431 15 12H17C17 9.23858 14.7614 7 12 7V9ZM9 12C9 10.3431 10.3431 9 12 9V7C9.23858 7 7 9.23858 7 12H9ZM12 15C10.3431 15 9 13.6569 9 12H7C7 14.7614 9.23858 17 12 17V15Z" fill="#1CB0F6"/>
</svg>

Copied!

Eye Svg Icon

More from IconaMoon