The HugeIcons filter remove icon visually represents the action of clearing or disabling active filters, commonly used to reset search results or data views to their unfiltered state.
Common uses
- Clear all applied filters button
- Reset search parameters
- Disable active filter option
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FilterRemoveIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FilterRemoveIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- clear filterremove filterreset filterdelete filter
FAQ
- What does the filter remove icon signify?
- This icon signifies the removal or clearing of applied filters. It's used when a user wants to see all available data without any filtering applied.
- How do I use the FilterRemoveIcon in React?
- Import both HugeiconsIcon and FilterRemoveIcon, then render the icon using <HugeiconsIcon icon={FilterRemoveIcon} />.
- What is the license for this icon?
- The HugeIcons icon library, including the FilterRemoveIcon, is distributed under the MIT license.
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 →