Add icons to this collection by clicking the heart icon.
Log Out icon - also known as interface, exit, ui, power button, log out, and sign out. Created in a clean blue 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 60 60"
>
<g fill="none" fill-rule="evenodd">
<path
fill="#e7ecfb"
d="M59 8.25v43.5a2 2 0 0 1-1.2 1.83l-12 5.25A2 2 0 0 1 43 57V3a2 2 0 0 1 2.8-1.83l12 5.25A2 2 0 0 1 59 8.25z"
/>
<path
fill="#c9d8fb"
d="m57.8 6.42-12-5.25a1.976 1.976 0 0 0-2.15.372L54.8 6.42A2 2 0 0 1 56 8.25v43.5a2 2 0 0 1-1.2 1.83l-11.15 4.878c.577.544 1.424.69 2.15.372l12-5.25a2 2 0 0 0 1.2-1.83V8.25a2 2 0 0 0-1.2-1.83z"
/>
<path
fill="#a3c1f6"
d="M43 4v52H28a3 3 0 0 1-3-3v-6.03a18 18 0 0 0 0-33.94V7a3 3 0 0 1 3-3z"
/>
<path
fill="#e7ecfb"
d="M37 30a18 18 0 1 1-36 .001A18 18 0 0 1 37 30z"
/>
<path
fill="#c9d8fb"
d="M25 13.03A17.838 17.838 0 0 0 19 12c-.475 0-.941.035-1.407.071a18 18 0 0 1 0 35.858c.466.036.932.071 1.407.071a18 18 0 0 0 6-34.97z"
/>
<ellipse cx="49.5" cy="30" fill="#e7ecfb" rx="2.5" ry="2" />
<path
fill="#fff"
d="M20.522 47.938C11.194 47.158 4.021 39.361 4.021 30s7.173-17.158 16.501-17.937a18 18 0 1 0 0 35.875z"
/>
<path
fill="#fff"
d="m1.862 21.836 1.8.861A17.07 17.07 0 0 0 2 30H0a19.083 19.083 0 0 1 1.862-8.164z"
/>
<g fill="#428dff">
<path
fill-rule="nonzero"
d="M58.2 5.5 46.2.254A3 3 0 0 0 42 3H28a4 4 0 0 0-4 4v4.69a18.886 18.886 0 0 0-5-.69 19.158 19.158 0 0 0-10.135 2.947A18.409 18.409 0 0 0 4.807 17.4a18.068 18.068 0 0 0-2.945 4.439.957.957 0 0 0 .486 1.339c.497.2 1.065-.006 1.319-.478A16.052 16.052 0 0 1 6.3 18.726a16.387 16.387 0 0 1 3.632-3.088A16.988 16.988 0 1 1 2 30a1 1 0 0 0-2 0 18.935 18.935 0 0 0 24 18.31V53a4 4 0 0 0 4 4h14a3 3 0 0 0 4.2 2.746l12-5.25a3 3 0 0 0 1.8-2.748V8.252A3 3 0 0 0 58.2 5.5zM26 53v-5.353a18.976 18.976 0 0 0 0-35.294V7a2 2 0 0 1 2-2h14v50H28a2 2 0 0 1-2-2zm32-1.252a1 1 0 0 1-.6.916l-12 5.25A1 1 0 0 1 44 57V3a1 1 0 0 1 1.4-.914l12 5.25a1 1 0 0 1 .6.916z"
/>
<path
d="M1.47 27.028a1 1 0 0 1-.011-2h.011a1 1 0 0 1 0 2zM15 21.833A1 1 0 0 0 14.2 20a12 12 0 1 0 9.6 0 1 1 0 0 0-.8 1.832 10 10 0 1 1-8 0z"
/>
<path d="M20 28V18a1 1 0 0 0-2 0v10a1 1 0 0 0 2 0z" />
<path
fill-rule="nonzero"
d="M49.5 27a3.283 3.283 0 0 0-3.5 3 3.542 3.542 0 0 0 7 0 3.283 3.283 0 0 0-3.5-3zm0 4c-.8 0-1.5-.468-1.5-1s.7-1 1.5-1 1.5.468 1.5 1-.7 1-1.5 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category