Privacy Settings SVG icon, line

Privacy Settings SVG icon, line

A crossed-out eye sits at the center of a gear outline. Use it in profile privacy menus and guides to changing visibility preferences.

Free ยท from Security icons, line

Similar SVGs

More from Security icons, line

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8WPGXS_j2cgJ/amnt.svg" alt="Privacy Settings" 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 2h4l.5 2.2 1.6.7 1.9-1.2 2.8 2.8-1.2 1.9.7 1.6L22 10v4l-2.2.5-.7 1.6 1.2 1.9-2.8 2.8-1.9-1.2-1.6.7L14 22h-4l-.5-2.2-1.6-.7-1.9 1.2-2.8-2.8 1.2-1.9-.7-1.6L2 14v-4l2.2-.5.7-1.6-1.2-1.9 2.8-2.8 1.9 1.2 1.6-.7z"/><path d="M7 12s2-2.5 5-2.5 5 2.5 5 2.5-2 2.5-5 2.5S7 12 7 12Z"/><path d="m8 16 8-8"/></svg>
CSS background-image
.privacy-settings {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8WPGXS_j2cgJ/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.privacy-settings {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8WPGXS_j2cgJ/amnt.svg") center / contain no-repeat;
}
React
import PrivacySettingsSvg from "./privacy-settings.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Privacy Settings: Gear outline with a small eye crossed by a slash at its center. 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