Color

Mage Icons

Eye Off 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
Style: Outline
Tags: eye off view visible show watch preview look

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

React JSX

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

Vue template

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

CSS background

.icon-eye-off {
  background-image: url('https://proicons.com/icon/310704.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="M5.45 16.92C4.34837 15.8766 3.47942 14.6123 2.9 13.21C2.80095 12.9794 2.74988 12.731 2.74988 12.48C2.74988 12.229 2.80095 11.9806 2.9 11.75C3.66971 9.87608 4.96076 8.26226 6.62 7.09998C8.1945 5.99969 10.0797 5.43202 12 5.47998C13.3815 5.44566 14.7518 5.73684 16 6.32998" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.56 8.04999C19.6553 9.09282 20.5204 10.3531 21.1 11.75C21.199 11.9806 21.2501 12.229 21.2501 12.48C21.2501 12.731 21.199 12.9794 21.1 13.21C20.3303 15.0839 19.0392 16.6977 17.38 17.86C15.8055 18.9603 13.9203 19.5279 12 19.48C10.6185 19.5143 9.24821 19.2231 8 18.63" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.70997 13.65C8.5693 13.2761 8.49813 12.8796 8.49997 12.48C8.49997 11.5518 8.86872 10.6615 9.5251 10.0051C10.1815 9.34876 11.0717 8.98002 12 8.98002C12.3995 8.97817 12.796 9.04934 13.17 9.19002" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.29 11.31C15.4307 11.684 15.5019 12.0805 15.5 12.48C15.5 13.4083 15.1313 14.2985 14.4749 14.9549C13.8185 15.6112 12.9283 15.98 12 15.98C11.6005 15.9818 11.204 15.9107 10.83 15.77" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3 20L19 4" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Eye Off in other icon packs

Feather Icons

Eva Icons Filled

Ionicons

Hicon

Rivet Icons

MynaUI Icons Filled

MynaUI Icons

Humbleicons

Copied!

Eye Off Icon

More from Mage Icons

Eye Off in other icon packs