Add icons to this collection by clicking the heart icon.
Logout icon - also known as signs, right arrow, multimedia, exit, leave, ui, multimedia option, escape, and logout. Created in a clean blue style with a white and silver finish, 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 512 512"
>
<path d="M132.543 9.143h201.143v493.714H132.543z" fill="#a4c2f7" />
<path d="M22.828 9.143h201.143v493.714H22.828z" fill="#fff" />
<linearGradient
id="a"
x1="-49.07"
x2="-47.605"
y1="652.598"
y2="651.839"
gradientTransform="matrix(256 0 0 -493.7143 12552.648 322265.594)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path d="M50.257 9.143h256v493.714h-256z" fill="url(#a)" />
<path
d="M379.4 374.857a9.143 9.143 0 0 1-6.464-15.607L482.65 249.536a9.142 9.142 0 1 1 12.928 12.928L385.864 372.178a9.112 9.112 0 0 1-6.464 2.679z"
fill="#428dff"
/>
<path
d="M489.114 265.143a9.11 9.11 0 0 1-6.464-2.679L372.936 152.75a9.142 9.142 0 0 1 12.928-12.928l109.714 109.714a9.143 9.143 0 0 1-6.464 15.607z"
fill="#428dff"
/>
<path
d="M489.114 265.143H187.4a9.143 9.143 0 0 1 0-18.286h301.714a9.143 9.143 0 0 1 0 18.286z"
fill="#428dff"
/>
<path
d="M333.685 512H22.828a9.139 9.139 0 0 1-9.143-9.143V9.143A9.139 9.139 0 0 1 22.828 0h310.857a9.139 9.139 0 0 1 9.143 9.143v192a9.143 9.143 0 0 1-18.286 0V18.286H31.971v475.429h292.571V310.857a9.143 9.143 0 0 1 18.286 0v192a9.139 9.139 0 0 1-9.143 9.143z"
fill="#428dff"
/>
</svg>
More icons in the same style and category