Add icons to this collection by clicking the heart icon.
Log Out icon - also known as interface, arrow, direction, right, ui, log out, export, and sign out. 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 64 64"
>
<linearGradient
id="New_Gradient_Swatch"
gradientUnits="userSpaceOnUse"
x1="32"
x2="32"
y1="64.785"
y2="1.227"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="New_Gradient_Swatch-2"
x1="38.085"
x2="38.085"
y1="64.785"
y2="1.227"
href="#New_Gradient_Swatch"
/>
<g id="Log_Out-Arrow-Arrows-Direction-Log_Off">
<path
d="m58 44a4 4 0 0 0 -4 4v6h-44v-44h44v6a4 4 0 0 0 8 0v-7a7.008 7.008 0 0 0 -7-7h-46a7.008 7.008 0 0 0 -7 7v46a7.008 7.008 0 0 0 7 7h46a7.008 7.008 0 0 0 7-7v-7a4 4 0 0 0 -4-4zm2 11a5.006 5.006 0 0 1 -5 5h-46a5.006 5.006 0 0 1 -5-5v-46a5.006 5.006 0 0 1 5-5h46a5.006 5.006 0 0 1 5 5v7a2 2 0 0 1 -4 0v-6a2 2 0 0 0 -2-2h-44a2 2 0 0 0 -2 2v44a2 2 0 0 0 2 2h44a2 2 0 0 0 2-2v-6a2 2 0 0 1 4 0z"
fill="url(#New_Gradient_Swatch)"
/>
<path
d="m61.29 29.88-9.9-9.9a4 4 0 0 0 -5.65 5.66l2.36 2.36h-30.1a4 4 0 0 0 0 8h30.1l-2.36 2.36a4 4 0 1 0 5.65 5.66l9.9-9.9a2.994 2.994 0 0 0 0-4.24zm-1.41 2.83-9.9 9.9a2 2 0 0 1 -2.83-2.83l4.07-4.07a1 1 0 0 0 -.71-1.71h-32.51a2 2 0 0 1 0-4h32.51a1 1 0 0 0 .71-1.71l-4.07-4.07a2 2 0 0 1 2.83-2.83l9.9 9.9a1.014 1.014 0 0 1 0 1.42z"
fill="url(#New_Gradient_Swatch-2)"
/>
</g>
</svg>
More icons in the same style and category