Close Button color outline icon
Outline X cross centered inside a rounded square button frame
About the Close Button color outline icon
Two straight strokes cross to form an X, centered inside a rounded square frame with evenly spaced margins on all four sides. The framed treatment reads as a tappable control rather than a bare mark, so it communicates dismiss, cancel, remove and exit. Use it on modal dialogs, image lightboxes, browser tab strips, removable filter chips, banner notifications and toolbar controls.
The diagonals stop short of the corners, keeping clear space inside the frame, and the corner radius matches the stroke weight for a consistent button look. It sits naturally beside check, minus and plus icons drawn in the same rounded square. Give it a touch target of at least 44px in mobile layouts.
This is the colour outline version of the close button icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
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.
