Close Icon

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

Collection

Carbon Icons

Format

SVG, React, Angular, Vue, Web Component, PNG

License

Apache-2.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 src="https://proicons.com/icon/317361.svg" alt="Close icon" width="24" height="24">

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

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

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

<?xml version="1.0" encoding="UTF-8"?>
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
  <defs>
    <style>
      .cls-1 {
        fill: none;
      }
    </style>
  </defs>
  <polygon points="17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16"/>
  <g id="_Transparent_Rectangle_" data-name="&amp;lt;Transparent Rectangle&amp;gt;">
    <rect class="cls-1" width="32" height="32"/>
  </g>
</svg>