Close All Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Close All icon is commonly used in modals, notifications and tag removals. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/307050.svg" alt="Close All icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307050.svg" alt="Close All icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307050.svg" alt="Close All icon" :width="24" :height="24" />
CSS background
.icon-close-all {
background-image: url('https://proicons.com/icon/307050.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="M15 6V11C15 13.21 13.21 15 11 15H6C5.26 15 4.62 14.6 4.27 14H11C12.65 14 14 12.65 14 11V4.27C14.6 4.62 15 5.26 15 6ZM11 13H4C2.897 13 2 12.103 2 11V4C2 2.897 2.897 2 4 2H11C12.103 2 13 2.897 13 4V11C13 12.103 12.103 13 11 13ZM4 12H11C11.552 12 12 11.552 12 11V4C12 3.449 11.552 3 11 3H4C3.448 3 3 3.449 3 4V11C3 11.552 3.448 12 4 12ZM9.854 5.146C9.659 4.951 9.342 4.951 9.147 5.146L7.501 6.792L5.855 5.146C5.66 4.951 5.343 4.951 5.148 5.146C4.953 5.341 4.953 5.658 5.148 5.853L6.794 7.499L5.148 9.145C4.953 9.34 4.953 9.657 5.148 9.852C5.246 9.95 5.374 9.998 5.502 9.998C5.63 9.998 5.758 9.949 5.856 9.852L7.502 8.206L9.148 9.852C9.246 9.95 9.374 9.998 9.502 9.998C9.63 9.998 9.758 9.949 9.856 9.852C10.051 9.657 10.051 9.34 9.856 9.145L8.21 7.499L9.856 5.853C10.051 5.658 10.051 5.341 9.856 5.146H9.854Z"/></svg>
Close All in other icon packs
Copied!