The HugeIcons list x icon depicts a list with an 'x' or a close symbol, typically used to indicate clearing, removing, or canceling a list or a list-related action.
Common uses
- Clear all items in a list
- Cancel a multi-item selection
- Remove a specific item from a list
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ListXIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ListXIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- clear listremove listcancel listdelete list
FAQ
- What is the purpose of the list x icon?
- This icon is used to represent actions like clearing, removing, or canceling items within a list interface.
- How do I use the ListXIcon in React?
- Import both HugeiconsIcon and ListXIcon, then render <HugeiconsIcon icon={ListXIcon} />. The correct imports are: import { HugeiconsIcon } from '@hugeicons/react'; import { ListXIcon } from '@hugeicons/core-free-icons';
- What is the license for this icon?
- The ListXIcon is distributed under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →