Logout Exit Arrow color filled icon
Circle badge with an arrow pointing left out of an open ring, meaning logout or exit
About the Logout Exit Arrow color filled icon
An open ring is interrupted on its left side by a straight arrow that points outward, all set inside a larger circular frame. The break in the ring reads as a session ending and the arrow as leaving, which is the standard language for logging out, signing off or quitting. Drop it into account menus, admin dashboards, kiosk screens, banking apps and settings panels.
The inner ring and outer frame use the same stroke weight, so the badge stays light rather than heavy at small sizes. It mirrors the login icon in the same family, letting you place the two side by side. Keep the arrow horizontal and avoid sizes below 20 px, where the ring gap closes up visually.
This is the colour filled version of the logout exit arrow icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
