Eye Icon

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

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: eye view visible show watch preview look

The Eye 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/310116.svg" alt="Eye icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-eye {
  background-image: url('https://proicons.com/icon/310116.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 d="M21.7904 10.993C20.9657 8.97636 19.58 7.23997 17.7984 5.99078C16.0767 4.85518 14.0609 4.25 12 4.25C9.93907 4.25 7.92327 4.85518 6.2016 5.99078C4.41724 7.23704 3.0308 8.97433 2.20958 10.993C2.0731 11.3089 2.00181 11.6492 2 11.9934C2.00443 12.3364 2.0721 12.6756 2.19961 12.9939C3.02132 15.0122 4.40766 16.7494 6.19162 17.9961C7.87681 19.1859 9.89954 19.7998 11.9601 19.7468H12.2595C14.2387 19.7499 16.1715 19.1459 17.7984 18.0161C19.5832 16.7702 20.9697 15.0328 21.7904 13.0139C21.9266 12.6979 21.9979 12.3576 22 12.0134C21.9969 11.6629 21.9257 11.3163 21.7904 10.993ZM12.02 15.7751C11.2774 15.7771 10.5509 15.5581 9.93248 15.146C9.31407 14.7339 8.83155 14.1471 8.546 13.4599C8.26045 12.7727 8.18472 12.0161 8.32838 11.2857C8.47204 10.5554 8.82864 9.88417 9.35304 9.35709C9.87743 8.83001 10.546 8.47076 11.2742 8.3248C12.0024 8.17884 12.7574 8.25275 13.4437 8.53716C14.1299 8.82158 14.7166 9.30371 15.1294 9.92253C15.5421 10.5413 15.7625 11.269 15.7625 12.0134C15.7638 12.5103 15.6667 13.0025 15.4767 13.4615C15.2867 13.9205 15.0077 14.337 14.6558 14.687C14.3039 15.037 13.8862 15.3134 13.4268 15.5001C12.9675 15.6869 12.4757 15.7804 11.98 15.7751H12.02Z" fill="black"/>
</svg>