Menu

Beta
Sign in
Beta
Hidden Eye SVG icon, line

Hidden Eye SVG icon, line

A diagonal slash crosses an outlined eye and pupil. It fits hide-password controls and visibility settings for private profile details.

Free · from Security icons, line

Similar SVGs

More from Security icons, line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/z_wusjQjUZCl/amnt.svg" alt="Hidden Eye" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.6 5.1A10.9 10.9 0 0 1 12 5c5 0 8.7 3.2 10 7a12 12 0 0 1-3.2 4.5M6.3 6.3A12 12 0 0 0 2 12c1.3 3.8 5 7 10 7a10.8 10.8 0 0 0 5.1-1.3"/><path d="M9.9 9.9a3 3 0 0 0 4.2 4.2M14.1 14.1a3 3 0 0 0-4.2-4.2"/><path d="M3 3l18 18"/></svg>
CSS background-image
.hidden-eye {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/z_wusjQjUZCl/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.hidden-eye {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/z_wusjQjUZCl/amnt.svg") center / contain no-repeat;
}
React
import HiddenEyeSvg from "./hidden-eye.jsx"; // from the React tab above

<HiddenEyeSvg width={48} height={48} />

Tags

hidden eyehideprivatevisibilitysecurityiconline

Made with AMNT

AMNT SVG 1.1 drew this from the words Hidden Eye: Eye outline and pupil crossed by a diagonal slash. as part of the pack Security icons, line. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings