Add icons to this collection by clicking the heart icon.
Logout icon - also known as interface, signs, arrows, right arrow, multimedia, exit, ui, multimedia option, 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="100"
height="100"
viewBox="0 0 490.667 490.667"
>
<linearGradient
id="a"
x1="-51.922"
x2="-49.802"
y1="613.711"
y2="611.591"
gradientTransform="matrix(21.3333 0 0 -21.3333 1213.06 13315.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M128.008 213.333c-17.643 0-32 14.357-32 32s14.357 32 32 32 32-14.357 32-32-14.357-32-32-32zm0 42.667c-5.888 0-10.667-4.8-10.667-10.667s4.779-10.667 10.667-10.667 10.667 4.8 10.667 10.667S133.896 256 128.008 256z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-56.465"
x2="-38.259"
y1="621.756"
y2="603.546"
gradientTransform="matrix(21.3333 0 0 -21.3333 1213.06 13315.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M362.675 277.333c-5.888 0-10.667 4.779-10.667 10.667v160H202.675V42.667h149.333v160c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V32c0-5.888-4.779-10.667-10.667-10.667h-160V10.667c0-3.285-1.515-6.4-4.096-8.427a10.694 10.694 0 0 0-9.152-1.92L18.76 42.987a10.638 10.638 0 0 0-8.085 10.347v384c0 4.885 3.328 9.173 8.085 10.347l170.667 42.667c.853.213 1.707.32 2.581.32 2.347 0 4.672-.768 6.571-2.24a10.729 10.729 0 0 0 4.096-8.427v-10.667h160c5.888 0 10.667-4.779 10.667-10.667V288c-.001-5.888-4.779-10.667-10.667-10.667zM181.341 466.325 32.008 428.992V61.675l149.333-37.333v441.983z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-42.715"
x2="-37.009"
y1="615.504"
y2="609.797"
gradientTransform="matrix(21.3333 0 0 -21.3333 1213.06 13315.222)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M479.176 241.259a10.164 10.164 0 0 0-2.325-3.477l-63.979-63.979c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l45.803 45.781H256.008c-5.888 0-10.667 4.779-10.667 10.667S250.12 256 256.008 256h187.584l-45.803 45.781c-4.16 4.16-4.16 10.923 0 15.083a10.645 10.645 0 0 0 7.552 3.136c2.731 0 5.461-1.045 7.531-3.115l63.979-63.979a11.044 11.044 0 0 0 2.325-3.477 10.633 10.633 0 0 0 0-8.17z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category