Skip to content
IconMind

Login icons

10 icons carry the tag login, across Security, Interface and Commerce. Account lockout, Authentication, Consent screen and 7 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 10 login icons, described

Account lockoutaccount-lockout
A padlock with a person in it — an account shut after too many wrong tries.
Authenticationauth
Authentication — proving who you are with a login, a key or an identity provider.
Consent screenconsent-screen
A window with a title and one button — the page that asks the user to allow it.
Login pagelogin-page
A window with a key inside — the sign-in page where you enter your credentials.
Magic linkmagic-link
A key with a point and a line on it — a sign-in sent as a link to click.
Merchant accountmerchant-account
The storefront with a person in it — the account the shop signs in with.
Recovery coderecovery-code
A padlock with a hash in it — the code kept aside for when the second factor is lost.
SSO sessionsso-session
A ticket with two rings tied together — one sign-in that opens several apps.
Step-up authstep-up-auth
A key with a staircase on it — a stronger check asked for before a sensitive action.
User keyuser-key
A person with a key beside them — this user's credential, the key that signs them in.

In code, each is one import — import { AccountLockout } from "@iconmind/react/icons/account-lockout" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

Every login icon, free to ship

10 of 5,287 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.