Cancel Icon

Free SVG icon from the Memory Icons collection. Download or copy for use in any project.

Download SVG

Collection: Memory Icons
Format: SVG, PNG
License: Apache 2.0 - Free for commercial use
Tags: cancel

The Cancel 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/312041.svg" alt="Cancel icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/312041.svg" alt="Cancel icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/312041.svg"
  alt="Cancel icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-cancel {
  background-image: url('https://proicons.com/icon/312041.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg xmlns="http://www.w3.org/2000/svg" id="memory-cancel" viewBox="0 0 22 22"><path d="M21 7V15H20V17H19V18H18V19H17V20H15V21H7V20H5V19H4V18H3V17H2V15H1V7H2V5H3V4H4V3H5V2H7V1H15V2H17V3H18V4H19V5H20V7H21M17 6V5H16V4H14V3H8V4H6V5H7V6H8V7H9V8H10V9H11V10H12V11H13V12H14V13H15V14H16V15H17V16H18V14H19V8H18V6H17M14 16V15H13V14H12V13H11V12H10V11H9V10H8V9H7V8H6V7H5V6H4V8H3V14H4V16H5V17H6V18H8V19H14V18H16V17H15V16H14Z" /></svg>