Close All Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection: VS Code Codicons
Format: SVG, Font (WOFF2), npm, PNG
License: CC BY 4.0 - Free for commercial use
Tags: close all cross x cancel dismiss remove

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

Qlementine Icons

Copied!

Close All Icon

More from VS Code Codicons

Close All in other icon packs