Close color outline icon
Rounded square button with a bold X mark for closing or canceling
About the Close color outline icon
A rounded-corner square outline framing a thick diagonal X that spans nearly the full width of the shape. It signals cancel, dismiss, or exit, and is a natural fit for modal dialogs, notification banners, toolbars, form fields, and mobile app headers.
The even stroke weight and generous padding keep the X legible at small sizes, with the square's corner radius echoing the angle where the X's strokes cross. It pairs with checkmark and cancel-circle icons in the library; keep the tap target at least 24px for touch interfaces.
This is the colour outline version of the close icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
