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

Style

Duotone

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 src="https://proicons.com/icon/308557.svg" alt="Eye   Svg icon" width="24" height="24">

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

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

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

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.16" 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 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" fill="#292929"/>
<path d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2 12C3.60014 7.90264 7.33603 5 12 5C16.664 5 20.3999 7.90264 22 12C20.3999 16.0974 16.664 19 12 19C7.33603 19 3.60014 16.0974 2 12Z" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>