Add icons to this collection by clicking the heart icon.
Log Out icon - also known as arrow, exit, leave, door, ui, log out, and logout. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 24 24"
>
<linearGradient
id="a"
x1="12"
x2="12"
y1=".037"
y2="24.009"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a8e63c" />
<stop offset="1" stop-color="#468158" />
</linearGradient>
<linearGradient id="b" x1="9.5" x2="9.5" y1=".037" y2="24.009" href="#a" />
<linearGradient id="c" x1="6" x2="6" y1=".037" y2="24.009" href="#a" />
<g>
<path
fill="url(#a)"
d="M18 21H6a3 3 0 0 1-3-3v-1a1 1 0 0 1 2 0v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1a1 1 0 0 1-2 0V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3z"
/>
<path fill="url(#b)" d="M15 13H4a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" />
<path
fill="url(#c)"
d="M8 17a1 1 0 0 1-.707-.293l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 1.414L5.414 12l3.293 3.293A1 1 0 0 1 8 17z"
/>
</g>
</svg>
More icons in the same style and category