The HugeIcons filter vertical icon depicts a set of horizontal lines stacked vertically, commonly used to represent filtering or sorting options in a user interface.
Common uses
- Applying filters to a data table
- Opening a vertical options menu
- Indicating sort order
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FilterVerticalIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FilterVerticalIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- vertical filtersort iconoptions menufilter list
FAQ
- What does the filter vertical icon represent?
- It visually represents the action of filtering or sorting data, often seen in menus or settings panels.
- How do I use the FilterVerticalIcon in React?
- Import it as `import { FilterVerticalIcon } from '@hugeicons/core-free-icons';` and render it using `<HugeiconsIcon icon={FilterVerticalIcon} />`.
- What is the license for this icon?
- The HugeIcons library, including this icon, is available 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 →