Oauth icons

The 8 oauth icons, described

Authorisation codeauthorisation-code

A ticket with a hash on it — the short code traded for a token.

Client credentialsclient-credentials

A key on a screen — a credential a program presents for itself, no person involved.

Consent screenconsent-screen

A window with a title and one button — the page that asks the user to allow it.

Device codedevice-code

A short code of dots on a screen — the code you read off one device and type into another.

Device code flowdevice-code-flow

A phone with a code on it — sign in on another device by typing what this one shows.

Implicit flowimplicit-flow

A ticket with an arrow straight through it — the token handed over with no code step.

Auth flowmcp-auth-flow

The rack with a lock in it — the steps a client goes through to be let in.

PKCEpkce

A ticket with a lock on it — the code flow with a proof key, so the code alone is useless.

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

Tags these icons also carry