What does the clear all icon represent?

It represents the action of removing or clearing all items within a given context, such as a list or queue.

How do I use the clear all icon in React?

You can import and use it in React with: import { IconClearAll } from '@tabler/icons-react'

What is the license for this icon?

The Tabler icon library, including this icon, is available under the MIT license.

clear all icon

Tabler · clear-all · MIT

The Tabler clear all icon depicts a stack of items with a diagonal line through them, commonly used to signify clearing all items from a list, queue, or notification center.

Common uses

Clearing all notifications
Deleting all selected items
Resetting a form or filter

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconClearAll } from '@tabler/icons-react';

<IconClearAll size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: appclearallemailsphonesystemdelete allremove alltrash all

FAQ

What does the clear all icon represent?: It represents the action of removing or clearing all items within a given context, such as a list or queue.
How do I use the clear all icon in React?: You can import and use it in React with: import { IconClearAll } from '@tabler/icons-react'
What is the license for this icon?: The Tabler icon library, including this icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Tabler.

tabler tabler tabler

Looking for something else? Search Tabler 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 →