The Tabler filter edit icon depicts a filter symbol with a pencil, commonly used to indicate the ability to modify or adjust existing filter settings.
Common uses
- Button to edit active filter criteria
- Link to a filter configuration screen
- Icon next to a saved filter name to allow modification
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconFilterEdit } from '@tabler/icons-react';
<IconFilterEdit size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- modifyalterchangereviseupdateeditadjustcorrectamendrewritesystemfiltermodify filteredit search criteriaupdate filter settingsadjust filter
FAQ
- What does the filter edit icon represent?
- It represents the action of editing or modifying an existing filter. It combines the concept of filtering with the universal symbol for editing.
- How do I use this icon in React?
- You can import and use it directly from the '@tabler/icons-react' library like this: import { IconFilterEdit } from '@tabler/icons-react'.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
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 →