Close Square Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Close Square 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/307690.svg" alt="Close Square icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307690.svg" alt="Close Square icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307690.svg" alt="Close Square icon" :width="24" :height="24" />
CSS background
.icon-close-square {
background-image: url('https://proicons.com/icon/307690.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M4 4.00098H20V18.001C20 19.1055 19.1046 20.001 18 20.001H6C4.89543 20.001 4 19.1055 4 18.001V4.00098Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 10.0001L10 14.0001" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 10.0001L14 14.0001" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg>
Close Square in other icon packs
Copied!