log-out
Log Out icon · Lucide · <LogOut />
log-outLucide tags log-out with sign out, auth and exit. It's in Lucide's Arrows and Accounts & access categories; similar icons include Log In, Phone Log and Circle Arrow Out Down Left. The matching icons are Sign Out in Microsoft's Fluent icons and logout in Google's Material Symbols.
24 px, stroke 2
log-out.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 Out icon in React
npm install lucide-react
import { LogOut } from "lucide-react";
export function Example() {
return <LogOut />;
}
Details
| Name | log-out |
|---|---|
| Component | LogOut (also LogOutIcon, LucideLogOut) |
| Categories | Arrows, Accounts & access |
| Icon font | icon-log-out, U+E10E |
| CSS content | "\e10e" |
| File | lucide-static/icons/log-out.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |
Tags
Also in Fluent
Sign OutMicrosoft's version of this icon, on FluenticonsAlso in Material Symbols
LogoutGoogle's version of this icon, on Materialicons