Eye Closed Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Eye Closed 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/310703.svg" alt="Eye Closed icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310703.svg" alt="Eye Closed icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310703.svg" alt="Eye Closed icon" :width="24" :height="24" />
CSS background
.icon-eye-closed {
background-image: url('https://proicons.com/icon/310703.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="M20.645 7C19.9136 9.0494 18.6869 10.8134 17.111 12.0821C15.6182 13.2944 13.8251 13.9169 12 13.8565C10.1748 13.9169 8.38178 13.2944 6.88898 12.0821C5.31302 10.8134 4.08637 9.0494 3.35498 7" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 13.8565V17" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.7 15.9047L15.781 12.9584" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.21899 12.9584L6.29999 15.9047" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.5 11.5235L19.315 9.63965" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.685 9.63965L2.5 11.5235" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Eye Closed in other icon packs
Copied!