Access Passage SVG icon, solid

Access Passage SVG icon, solid

A square form is divided by an angular passage that opens along its bottom and right edges, suggesting controlled access. It suits sign-in portals and security settings pages.

Similar SVGs

More from Passwordless Security Marks

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zGZEEiumvi-s/amnt.svg" alt="Access Passage" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g id="art"><path d="M3 3h18v6h-8l-5 5v7H3V3Z" fill="#000000"/><path d="M15 13h6v8h-9v-5l3-3Z" fill="#000000"/></g></svg>
CSS background-image
.access-passage {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zGZEEiumvi-s/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.access-passage {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zGZEEiumvi-s/amnt.svg") center / contain no-repeat;
}
React
import AccessPassageSvg from "./access-passage.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal logo for a secure sign-in SaaS platform: a solid square split by a wide angular negative-space passage that opens at the lower edge and exits at the right edge. Use clean, bold geometric shapes in one black fill, centred on a transparent background, readable small. No letters, text, shield, gradients, or mockup. as part of the pack Passwordless Security Marks. 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