The Tabler filter cancel icon depicts a filter symbol with a diagonal line through it, commonly used to indicate the removal or cancellation of applied filters.
Common uses
- Clearing all active search filters
- Disabling a specific filter option
- Resetting a form or data view to its unfiltered state
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconFilterCancel } from '@tabler/icons-react';
<IconFilterCancel size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- stopendterminatevoidabortcancelnullifyhaltdismissrevokesystemfilterclear filterremove filterreset filterstop filter
FAQ
- What does the filter cancel icon represent?
- It visually signifies the action of canceling or removing filters, often used to reset a view or search to its default, unfiltered state.
- How do I use this icon in React?
- You can import and use it directly with the provided component: import { IconFilterCancel } from '@tabler/icons-react'; <IconFilterCancel />
- What is the license for this icon?
- The Tabler icon set, including the filter cancel icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in 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 →