Menu

Beta
Sign in
Beta
Password SVG icon, line

Password SVG icon, line

Three small asterisks sit above a short input line. This icon works beside password fields on a sign-in page or credential instructions in an account guide.

Free · from Security icons, line · Set 2

Similar SVGs

More from Security icons, line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/D7ZGoJf9_Ahb/amnt.svg" alt="Password" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M220 589c-25 4-36 34-20 53 15 19 55 12 77 12 58 0 117 0 176 0 83 0 166 0 249 0 26 0 79 3 102 0 25-4 36-35 20-53-15-19-54-12-76-12-59 0-118 0-176 0-83 0-166 0-248 0-29 0-79-4-104 0z" fill="#012659" stroke="#012659"/><path d="M317 412c0-12 2-26-1-37-4-19-33-20-39-2-4 11-2 26-2 37-13-5-24-19-40-15-15 3-20 23-10 34 7 9 21 12 30 19-9 5-22 11-29 18-20 21 8 55 49 18 0 18-6 52 22 52 26 0 20-33 20-51 15 6 40 31 52 6 12-22-16-36-32-43 14-12 45-18 33-43-11-23-40-4-53 7z" fill="#012659" stroke="#012659"/><path d="M749 410c0-18 6-50-20-50-27 0-22 32-22 50-10-4-19-14-30-16-17-3-30 14-23 30 5 12 23 16 33 24-9 5-23 11-30 19-10 12-3 34 14 35 11 1 28-11 36-18 0 11-2 25 1 36 4 19 32 22 39 3 5-11 2-26 2-38 15 6 41 31 53 6 11-22-16-35-33-43 9-6 29-12 33-24 7-16-5-32-22-30-11 2-21 12-31 16z" fill="#012659" stroke="#012659"/><path d="M533 410c0-18 6-50-20-50-27 0-22 32-22 50-10-4-19-14-30-16-17-2-29 14-23 29 5 13 23 17 33 25-9 5-22 10-29 18-19 20 6 56 49 18 0 18-5 52 22 52 26 0 20-33 20-51 15 6 40 31 52 6 12-24-16-32-31-43 10-7 27-13 32-24 7-16-5-32-22-30-11 2-21 12-31 16z" fill="#012659" stroke="#012659"/></g></svg>
CSS background-image
.password {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/D7ZGoJf9_Ahb/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.password {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/D7ZGoJf9_Ahb/amnt.svg") center / contain no-repeat;
}
React
import PasswordSvg from "./password.jsx"; // from the React tab above

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

Tags

passwordpasscodecredentialssign insecurityiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Password: Short input line with three small asterisks above it. A flat colour icon. as part of the pack Security icons, line · Set 2. 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