Add icons to this collection by clicking the heart icon.
Logout icon - also known as arrows, direction, ui, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd460" />
<stop offset="1" stop-color="#ffa418" />
</linearGradient>
<linearGradient
id="b"
x1="286.991"
x2="384.331"
y1="204.33"
y2="301.67"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3897ff" />
<stop offset="1" stop-color="#446080" />
</linearGradient>
<linearGradient
id="c"
x1="107.784"
x2="326.914"
y1="143.435"
y2="362.565"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#466289" />
<stop offset="1" stop-color="#263648" />
</linearGradient>
<path
fill="url(#a)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#b)"
d="M370.39 232.129H259.192v41.738h111.2v41.742L433 253l-62.61-62.61zm0 0"
/>
<path
fill="url(#c)"
d="M273 179.957h48.695v-41.738H113V367.78h208.695v-41.738H154.738V179.957zm0 0"
/>
</svg>
More icons in the same style and category