Add icons to this collection by clicking the heart icon.
Log Out icon - also known as interface, arrows, arrow, direction, right, 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="a"
x1="26"
x2="26"
y1="64.374"
y2="-.188"
gradientUnits="userSpaceOnUse"
>
<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="b"
x1="40.584"
x2="40.584"
y1="64.374"
y2="-.188"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M46 54H10V10h36a4 4 0 0 0 0-8H9a7.008 7.008 0 0 0-7 7v46a7.008 7.008 0 0 0 7 7h37a4 4 0 0 0 0-8zm0 6H9a5.006 5.006 0 0 1-5-5V9a5.006 5.006 0 0 1 5-5h37a2 2 0 0 1 0 4H10a2 2 0 0 0-2 2v44a2 2 0 0 0 2 2h36a2 2 0 0 1 0 4z"
/>
<path
fill="url(#b)"
d="m61.29 29.88-9.9-9.9a4 4 0 0 0-5.65 0 3.984 3.984 0 0 0 0 5.66L48.1 28H23a4 4 0 0 0 0 8h25.1l-2.36 2.36a4 4 0 1 0 5.65 5.66l9.9-9.9a3 3 0 0 0 0-4.24zm-1.41 2.83-9.9 9.9a2.061 2.061 0 0 1-2.83 0 1.992 1.992 0 0 1 0-2.83l4.07-4.07a1 1 0 0 0-.71-1.71H23a2 2 0 0 1 0-4h27.51a1 1 0 0 0 .71-1.71l-4.07-4.07a1.992 1.992 0 0 1 0-2.83 2 2 0 0 1 2.83 0l9.9 9.9a1.008 1.008 0 0 1 0 1.42z"
/>
</g>
</svg>
More icons in the same style and category