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 user interface. 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 32 32"
>
<linearGradient
id="a"
x1="15.878"
x2="16.128"
y1="-.251"
y2="32.999"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="15.378"
x2="15.628"
y1="-.247"
y2="33.003"
href="#a"
/>
<linearGradient
id="c"
x1="20.378"
x2="20.628"
y1="-.285"
y2="32.965"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M16 1.5A14.5 14.5 0 1 0 30.5 16 14.507 14.507 0 0 0 16 1.5zm0 28A13.5 13.5 0 1 1 29.5 16 13.506 13.506 0 0 1 16 29.5z"
/>
<path
fill="url(#b)"
d="M21 18.5a.5.5 0 0 0-.5.5v2a2.5 2.5 0 0 1-2.5 2.5h-5a2.5 2.5 0 0 1-2.5-2.5V11A2.5 2.5 0 0 1 13 8.5h5a2.5 2.5 0 0 1 2.5 2.5v2a.5.5 0 0 0 1 0v-2A3.5 3.5 0 0 0 18 7.5h-5A3.5 3.5 0 0 0 9.5 11v10a3.5 3.5 0 0 0 3.5 3.5h5a3.5 3.5 0 0 0 3.5-3.5v-2a.5.5 0 0 0-.5-.5z"
/>
<path
fill="url(#c)"
d="M23.354 13.646a.5.5 0 0 0-.708.708l1.147 1.146H16a.5.5 0 0 0 0 1h7.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708z"
/>
</g>
</svg>
More icons in the same style and category