Menu

Beta
Sign in
Passkey Hub SVG icon, solid

Passkey Hub SVG icon, solid

A circular hub with a square opening connects to a short stem and two offset teeth, forming an abstract passkey mark. It fits authentication screens and passkey setup pages.

Free · from Passwordless Security Marks

Similar SVGs

More from Passwordless Security Marks

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/aUx5Hor5tvMe/amnt.svg" alt="Passkey Hub" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 120" width="180" height="120"><g id="layer-1" data-name="Shape 1"><path d="M87 60C87 76.02 74.02 89 58 89C41.98 89 29 76.02 29 60C29 43.98 41.98 31 58 31C74.02 31 87 43.98 87 60ZM52 54L52 66L64 66L64 54L52 54Z" fill="#000000" fill-rule="evenodd"/></g><g id="layer-2" data-name="Shape 2"><path d="M80 52L147 52L147 82L134 82L134 68L125 68L125 82L112 82L112 68L80 68L80 52Z" fill="#000000"/></g></svg>
CSS background-image
.passkey-hub {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/aUx5Hor5tvMe/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.passkey-hub {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/aUx5Hor5tvMe/amnt.svg") center / contain no-repeat;
}
React
import PasskeyHubSvg from "./passkey-hub.jsx"; // from the React tab above

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

Tags

passkeyauthenticationsecuritylogin

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal logo for a passkey authentication startup: a solid circular hub joined to a short rectangular stem with two broad offset teeth, with a square negative-space opening in the hub. 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