The Tabler filter search icon visually represents the action of refining search results or data using specific criteria, commonly used to indicate a search function with applied filters.
Common uses
- Applying search filters to a data table.
- Initiating a filtered search action.
- Indicating a search bar with active filter options.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconFilterSearch } from '@tabler/icons-react';
<IconFilterSearch size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- findlocateexplorediscoverinspectseekdetectlookscanhuntsystemfiltersearchsearch filterfind filterfilter results
FAQ
- What does the filter search icon represent?
- It depicts a magnifying glass combined with filter lines, symbolizing the act of searching for specific items within a filtered set of data.
- How do I use this icon in React?
- You can import and use it with: import { IconFilterSearch } from '@tabler/icons-react'. Then render it as <IconFilterSearch />.
- What is the license for this icon?
- The Tabler icon library, including the filter search 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 →