Sign Out Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Sign Out icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/307409.svg" alt="Sign Out icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307409.svg" alt="Sign Out icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307409.svg" alt="Sign Out icon" :width="24" :height="24" />
CSS background
.icon-sign-out {
background-image: url('https://proicons.com/icon/307409.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M10 13.5C10 13.776 9.776 14 9.5 14H4.5C3.119 14 2 12.881 2 11.5V3.5C2 2.119 3.119 1 4.5 1H9.5C9.776 1 10 1.224 10 1.5C10 1.776 9.776 2 9.5 2H4.5C3.672 2 3 2.672 3 3.5V11.5C3 12.328 3.672 13 4.5 13H9.5C9.776 13 10 13.224 10 13.5ZM13.854 7.148L10.854 4.148C10.659 3.953 10.342 3.953 10.147 4.148C9.952 4.343 9.952 4.66 10.147 4.855L12.293 7.001H5.5C5.224 7.001 5 7.225 5 7.501C5 7.777 5.224 8.001 5.5 8.001H12.293L10.147 10.147C9.952 10.342 9.952 10.659 10.147 10.854C10.342 11.049 10.659 11.049 10.854 10.854L13.854 7.854C14.049 7.659 14.049 7.343 13.854 7.148Z"/></svg>
More from VS Code Codicons
View all
Sign Out in other icon packs
Copied!