Close color filled icon
Rounded square button with a bold X mark for closing or canceling
About the Close color filled 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 filled version of the close icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.
Free for personal and commercial use with attribution.
