Close Button black outline icon
Outline X cross centered inside a rounded square button frame
About the Close Button black 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 black outline version of the close button icon: even, monoline strokes that stay crisp at small sizes and suit clean, minimal interfaces, wireframes and light backgrounds.
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.
