Close Icon

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

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Tags: close cross x cancel dismiss remove

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M710 207c-65 65-129 131-194 197-9 9-23 9-31 0-65-66-130-132-195-197-8-9-22-9-31 0-15 16-31 32-47 48-8 9-8 23 0 32 63 64 128 130 194 197 9 9 8 23 0 32L211 714c-8 9-8 23 0 31l48 48c9 9 23 9 31 0l195-197c8-9 22-9 31 0 64 66 129 131 194 197 8 9 22 9 31 0 16-16 31-32 47-48 9-9 9-23 0-32-63-65-128-130-194-197-8-9-8-23 0-32l195-198c8-9 8-23 0-32l-48-48c-9-8-23-8-31 1z"/></svg>