The HugeIcons arrow vertical icon visually represents directional movement along a vertical axis, commonly used to indicate up or down actions, sorting, or navigation.
Common uses
- Sorting a list by ascending/descending order
- Indicating a collapsible/expandable section
- Navigating to the top or bottom of a page
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ArrowVerticalIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ArrowVerticalIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- vertical arrowup down arrowdirection arrowsort icon
FAQ
- What is the ArrowVerticalIcon used for?
- It's used to signify vertical directionality, such as up/down movement, sorting, or expanding/collapsing content.
- How do I use the ArrowVerticalIcon in React?
- Import it as import { ArrowVerticalIcon } from '@hugeicons/core-free-icons'; and render it using <HugeiconsIcon icon={ArrowVerticalIcon} />.
- 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 →