Add icons to this collection by clicking the heart icon.
Logout icon - also known as interface, arrow, exit, door, ui, go out, 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 40 40"
>
<linearGradient
id="a"
x1=".401"
x2="33.519"
y1="39.087"
y2="2.331"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="5.314"
x2="38.432"
y1="43.514"
y2="6.757"
href="#a"
/>
<linearGradient
id="c"
x1="1.727"
x2="34.844"
y1="40.281"
y2="3.525"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M25 24a1 1 0 0 0-1 1v3.142l-11 1.692V10.166l11 1.692V15a1 1 0 0 0 2 0v-4a1 1 0 0 0-.848-.988l-13-2A1 1 0 0 0 11 9v22a1 1 0 0 0 1 1 .973.973 0 0 0 .152-.012l13-2A1 1 0 0 0 26 29v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="m34.707 19.293-5-5a1 1 0 0 0-1.414 1.414L31.586 19H19a1 1 0 0 0 0 2h12.586l-3.293 3.293a1 1 0 1 0 1.414 1.414l5-5a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#c)"
d="M20 1a19 19 0 1 0 19 19A19.021 19.021 0 0 0 20 1zm0 36a17 17 0 1 1 17-17 17.019 17.019 0 0 1-17 17z"
/>
</g>
</svg>
More icons in the same style and category