outline
1. Color
Original icon colors are kept until you pick a new color.
2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets
Included in SVG export
Close SVG Icon
Source, author, and license are available in the preview and icon details. Close - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing
Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color.
close.svg (471 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Close icon"><title>Close - MingCute Icons icon</title><desc>Free Close vector icon from the MingCute Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 202 bytes.</desc><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m5.636 5.637 12.728 12.728m-12.728 0L18.364 5.637"/></svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Close
Generate a precise engineering prompt, or improve the icon on the canvas right now. Close
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: MingCute Icons | Author: MingCute Design | License: Apache-2.0 | Source: https://github.com/mingcute-design/mingcute-icons | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#close
#mingcute
#interface
#outline
Close - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Close
| Canonical asset identifier | mingcute/close |
|---|---|
| Source library pack | MingCute Icons |
| Coordinate grid and viewBox | viewBox="0 0 24 24" |
| Uncompressed payload | 471 bytes (~259 bytes gzipped) |
| SPDX license and commercial use | Apache-2.0 - Free for commercial use |
| Upstream Source | https://github.com/mingcute-design/mingcute-icons |
| Supported export targets | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Security and privacy guarantee | No Sign-Up Required | 100% Browser-Based Processing |
How to Use and Customize This Icon: Close
- Customize visually: Color, Auto (Stroke and Fill), Stroke Width (
0.5px-4px), Live Vector Animation Presets - Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (
2048x2048 px) - Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
- Deep vector editing: Edit in SVG Editor (77,087)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages.
close.svg aria-hidden="true" focusable="false"
Cross-Library Matches ("Close")
Compare this icon across other open-source vector libraries.
More in User Interface (UI/UX)
Browseoutline
Close
Bytesize Icons|interfacesolid
Close
MingCute Icons Fill|interfaceoutline
Close
IconPark|interface3d
Close
3D Vector Icons|3d-iconsduotone
Close Square
Ant Design TwoTone|interfaceoutline
X Square
Phosphor Icons|interface
Anchor
Phosphor Icons|interface
Places All Inclusive
Material Icons|interface
World Minus
Tabler Icons|interface
Places No Food
Material Icons|interface
Places Tapas
Material Icons|interface
Calculator
Phosphor Icons|interface
Agents
Fluent UI Color|interface
Affiliate
Tabler Icons|interface
Accessibility Access
Domain Icons|interface
Alert
MingCute Icons Fill|interface
Align Vertical Space Around
Lucide|interface
Cursor Club Trefoil
Mouse|interface
Edit
Ant Design TwoTone|interface
Cursor Estoc Piercer Copy
Mouse|interface
Info
Bytesize Icons|interface
Bars
Heroicons|interface
Align Text Middle
IconPark|interface
Align Top
IconPark|interfaceExplore more
Frequently Asked Questions
Close - Frequently Asked Questions
What licence covers Close? +
Close comes from MingCute Icons and is covered by Apache-2.0. Attribution: Credit required.
In which formats can I download Close? +
Close is a outline-style vector (viewBox 0 0 24 24). Download SVG, PNG, WebP or ICO, or copy React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask or Base64 code from this page.
Where does the Close icon come from? +
Close is part of the MingCute Icons library by MingCute Design, in the User Interface (UI/UX) category. The full licence text is in the library notice file linked on this page.
100% Browser-Based Processing | 77,087 icons
SVG Editor
Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.