Add icons to this collection by clicking the heart icon.
Log Out icon - also known as interface, arrow, button, control, multimedia, exit, web page, social media, and log out. Created in a clean lineal color style with a black, red, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v-497h-30v467h-60l-248.5-467h-30V0Z"
transform="matrix(1.33333 0 0 -1.33333 501.333 10)"
fill="#ffe7b5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-467h-30l-120 233.5L-30 0Z"
transform="matrix(1.33333 0 0 -1.33333 381.333 50)"
fill="#ff5d34"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 7.5H37.5v467H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff7b2d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 98.5 98.5L0 197l38.5-98.5Z"
transform="matrix(1.33333 0 0 -1.33333 541.333 492.667)"
fill="#28abfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-68.5 98.5v-45h-90v-107h90v-45z"
transform="matrix(1.33333 0 0 -1.33333 632.667 361.333)"
fill="#14cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-98.5 98.5v-45h-90v-107h90v-45z"
transform="translate(504.5 241)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v150h-308.5v-467"
transform="translate(346 324.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-150h-30V0"
transform="translate(376 157.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-467h-278.5V30H90v-180"
transform="translate(286 474.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M286 7.5H37.5v467H286Z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C-15 6.716-8.284 0 0 0"
transform="translate(161.75 226)"
fill="#ffd06a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C-15 6.716-8.284 0 0 0Z"
transform="translate(161.75 226)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30v128.5H0l-60-64.25Z"
transform="translate(196 67.5)"
fill="#ff3e3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-64.25L0-128.5h30V0Z"
transform="translate(196 414.5)"
fill="#ff3e3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M97.5 67.5H196V196H97.5ZM97.5 286H196v128.5H97.5Z"
fill="#ff5d34"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M97.5 67.5H226V196H97.5ZM97.5 286H226v128.5H97.5Z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category