log-in
Log In icon · Lucide · <LogIn />
log-inLucide 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
| Name | log-in |
|---|---|
| Component | LogIn (also LogInIcon, LucideLogIn) |
| Categories | Arrows, Accounts & access |
| Icon font | icon-log-in, U+E10D |
| CSS content | "\e10d" |
| File | lucide-static/icons/log-in.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |