The HugeIcons chevrons down up icon depicts two sets of chevrons, one pointing down and one pointing up, typically used to indicate an expandable or collapsible section, or to signify sorting options.
Common uses
- Expand/collapse content sections
- Toggle visibility of details
- Indicate sort order (ascending/descending)
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ChevronsDownUpIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ChevronsDownUpIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- expand collapsetogglesort arrowschevron toggle
FAQ
- What is the purpose of the chevrons down up icon?
- This icon is commonly used to represent actions like expanding or collapsing content, or to indicate sorting preferences.
- How do I use the ChevronsDownUpIcon in React?
- Import both HugeiconsIcon and ChevronsDownUpIcon from their respective packages, then render the icon using <HugeiconsIcon icon={ChevronsDownUpIcon} />.
- What is the license for this icon?
- The HugeIcons chevrons down up icon 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 →