The Tabler filter cog icon visually represents settings or configuration options related to filtering data or processes.
Common uses
- Applying advanced search filters
- Accessing filter customization settings
- Indicating a filtered view with adjustable parameters
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconFilterCog } from '@tabler/icons-react';
<IconFilterCog size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- gearsettingsmechanismadjustconfigurecogenginetuneoptimizesystemfilterconfiguration
FAQ
- What does the filter cog icon represent?
- It signifies options for configuring or adjusting filters, often used for settings or advanced search functionalities.
- How do I use this icon in React?
- Import it using `import { IconFilterCog } from '@tabler/icons-react'` and then use it as a React component: `<IconFilterCog />`.
- What is the license for this icon?
- This icon is from the Tabler icon library and is available 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 →