log-in

Log In icon · Lucide · <LogIn />

log-in

Lucide tags log-in with sign in, auth and enter. It's in Lucide's Arrows and Accounts & access categories; similar icons include Log Out, Phone Log and Between Horizontal End. The matching icons are Arrow Enter in Microsoft's Fluent icons and login in Google's Material Symbols.

24 px, stroke 2

log-in.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width
Size

Log In icon in React

npm install lucide-react

import { LogIn } from "lucide-react";

export function Example() {
  return <LogIn />;
}

Details

Namelog-in
ComponentLogIn (also LogInIcon, LucideLogIn)
CategoriesArrows, Accounts & access
Icon fonticon-log-in, U+E10D
CSS content"\e10d"
Filelucide-static/icons/log-in.svg
Grid and stroke24 × 24, 2 px stroke, round caps and joins
LicenseISC License (© Lucide Icons and Contributors)

Tags

arrow

Also in Fluent

Arrow Enter iconArrow EnterMicrosoft's version of this icon, on Fluenticons

Also in Material Symbols

Login iconLoginGoogle's version of this icon, on Materialicons

Similar icons