Menu

Beta
Sign in
Beta
Login SVG icon, line

Login SVG icon, line

An arrow points left through the opening of a doorway outline. Use it on an account sign-in page or in a navigation menu for returning users.

Free · from Interface icons, line · Set 2

Similar SVGs

More from Interface 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/nOP5hv2IJeVH/amnt.svg" alt="Login" 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="M474 765c0-8-1-16-1-24 0-16 5-34-7-46-16-14-48-9-61 6-4 5-7 12-8 19-2 15-2 75 1 89 1 10 9 19 18 24 17 9 61 14 82 18 60 13 121 25 181 37 44 8 88 17 133 26 66 13 57-54 57-97 0-106 0-213 0-318 0-106 0-213 0-318 0-41 12-114-52-105-45 6-89 18-133 27-63 12-126 25-189 38-24 5-52 6-75 16-10 3-19 11-22 22-4 14-4 94 3 106 9 17 42 24 58 13 22-14 5-47 13-68l288-57v649z" fill="#04295e" stroke="#04295e"/></g><g id="blue" data-name="Blue"><path d="M372 424c0-18 4-91-3-102-6-10-17-8-25-3-27 15-58 40-83 59-27 20-55 39-82 59-13 10-76 50-77 63-1 5 0 10 3 13 7 10 60 42 73 51 28 19 56 38 84 57 16 10 71 51 85 56 8 3 17 2 22-6 6-11 3-87 3-105h357v-142c-15-1-30 1-44 1-45 0-89 0-133 0-26 0-167 4-180-1z" fill="#0079fc" stroke="#0079fc"/></g></svg>
CSS background-image
.login {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nOP5hv2IJeVH/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.login {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nOP5hv2IJeVH/amnt.svg") center / contain no-repeat;
}
React
import LoginSvg from "./login.jsx"; // from the React tab above

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

Tags

loginsigninenterinterfaceiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Login: Arrow pointing left through the open side of a doorway outline. A flat colour icon. as part of the pack Interface 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