Add icons to this collection by clicking the heart icon.
Logout icon - also known as right arrow, exit, leave, ui, go out, Get Out, log out, logout, check out, 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">
<stop offset="0" stop-color="#fedbb8" />
<stop offset="1" stop-color="#0f3ea4" />
</linearGradient>
<linearGradient
id="b"
x1="23"
x2="23"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="12"
x2="12"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="38"
x2="38"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="15"
x2="15"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="47"
x2="47"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M18 14h10a2 2 0 0 0 0-4H18a2 2 0 0 0 0 4z" />
<path
fill="url(#c)"
d="M12 48a2 2 0 0 0 2-2V18a2 2 0 0 0-4 0v28a2 2 0 0 0 2 2z"
/>
<path fill="url(#b)" d="M18 54h10a2 2 0 0 0 0-4H18a2 2 0 0 0 0 4z" />
<path
fill="url(#d)"
d="M22 32a2 2 0 0 0 2 2h28a2 2 0 0 0 0-4H24a2 2 0 0 0-2 2z"
/>
<path
fill="url(#e)"
d="M12 20a2 2 0 0 0 2-2c0-2.206 1.794-4 4-4a2 2 0 0 0 0-4c-4.411 0-8 3.589-8 8a2 2 0 0 0 2 2zM18 54a2 2 0 0 0 0-4c-2.206 0-4-1.794-4-4a2 2 0 0 0-4 0c0 4.411 3.589 8 8 8z"
/>
<g fill="url(#f)">
<path
d="M42 44a1.99 1.99 0 0 0 1.414-.586l10-10a2 2 0 1 0-2.828-2.828l-10 10A2 2 0 0 0 42 44z"
/>
<path
d="M50.586 33.414c.39.391.902.586 1.414.586s1.024-.195 1.414-.586a2 2 0 0 0 0-2.828l-10-10a2 2 0 1 0-2.828 2.828z"
/>
</g>
</svg>
More icons in the same style and category