Close SVG Icons
The X icon closes modals, dismisses banners, clears inputs, and removes tags. Small and unglamorous, it is also where most hit-target mistakes happen, so pick a variant that scales well.
Showing top 150 (of many)·86 icon packs·Free & open source
Showing top 150 results, many more icons available
Search all Close Icons iconsRelated icons
Close Icons by library
The icons above come from 86 open-source libraries. Open one to see its full set in a matching style.
- Phosphor10
- Material Design Icons10
- IconPark Outline8
- Material Symbols7
- Solar7
- IconaMoon5
- HeroIcons4
- Tabler Icons3
- Carbon3
- TDesign Icons3
- Font Awesome Solid3
- coolicons3
74 more libraries
- Myna UI Icons2
- BoxIcons v22
- Material Symbols Light2
- Reicon2
- Font Awesome 6 Solid2
- Pixelarticons2
- css.gg2
- NRK Core Icons2
- System UIcons2
- Meteor Icons2
- Bootstrap Icons1
- Lucide1
- Akar Icons1
- Element Plus1
- Feather Icons1
- Charm Icons1
- Arcticons1
- Huge Icons1
- OpenMoji1
- Boxicons1
- Glyphs1
- IconPark1
- Griddy Icons1
- SVG Logos1
- Iconoir1
- Line Awesome1
- Siemens Industrial Experience Icons1
- IonIcons1
- Famicons1
- Framework7 Icons1
- Material Line Icons1
- Font Awesome 5 Solid1
- Jam Icons1
- Glyphs Poly1
- Gravity UI Icons1
- SmartIcons Glyph1
- Material Design Iconic Font1
- Majesticons1
- Font Awesome 41
- BoxIcons v2 Solid1
- Codicons1
- Memory Icons1
- @icons1
- Grommet Icons1
- Vaadin Icons1
- Fontisto1
- Lineicons1
- CoreUI Free1
- IcoMoon Free1
- OpenSearch UI1
- OOUI1
- Gitlab SVGs1
- WordPress Icons1
- Entypo+1
- Zondicons1
- Foundation1
- Raphael1
- Feather Icon1
- HeroIcons v1 Outline1
- HeroIcons v1 Solid1
- Maki1
- uiw icons1
- Rivet Icons1
- Gridicons1
- Simple line icons1
- Mono Icons1
- Mono Icons1
- FontAudio1
- FormKit Icons1
- Nimbus1
- Innowatio Font1
- Bytesize Icons1
- CodeX Icons1
- Evil Icons1
Frequently Asked Questions
How big should a close button be?
The glyph can be 16 to 20px, but the tap target must be at least 44px square. Pad the button, not the SVG, so the X stays visually light while remaining easy to hit.
X icon top-left or top-right of a modal?
Top-right is the web convention and matches user expectation on desktop. iOS sheets often use top-left. Follow the platform you ship on, and never put destructive actions next to the X.