The Lucide x icon depicts a simple cross shape, commonly used to indicate closing a window, dialog, or dismissing an item.
Common uses
- Close modal dialogs
- Dismiss notifications
- Cancel an action
Use it in React
Install
npm i lucide-reactImport & render
import { X } from 'lucide-react';
<X size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- cancelclosecrossdeleteexremovetimesclearmathmultiplymultiplicationx
FAQ
- What is the 'x' icon used for?
- It's primarily used for closing or dismissing elements like windows, dialogs, or notifications. It can also represent cancellation or deletion.
- How do I use the X icon in React?
- You can import and use it directly from the 'lucide-react' library. Example: import { X } from 'lucide-react'; <X />
- What is the license for Lucide icons?
- Lucide icons are distributed under the ISC license, which is a permissive free software license.
Related icons
The same idea in other libraries, and near matches in Lucide.