John KuehJohn Kueh

a arrow down icon

HugeIcons · AArrowDownIcon · MIT

Download SVG

The HugeIcons aarrow down icon depicts a downward-pointing arrow, commonly used to indicate actions like downloading, collapsing content, or scrolling down a page.

Common uses

  • Download button
  • Collapse/expand section
  • Scroll to bottom

Use it in React

Install
npm i @hugeicons/react @hugeicons/core-free-icons
Import & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AArrowDownIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={AArrowDownIcon} size={24} strokeWidth={1.5} />

Details

Library
HugeIcons (5,121 icons)
License
MIT
viewBox
0 0 24 24
Keywords
downloadcollapsedown arrowcaret down

FAQ

What is the aarrow down icon used for?
It visually represents a downward direction, often used for downloads, collapsing sections, or indicating scrolling down.
How do I use the AArrowDownIcon in React?
Import both HugeiconsIcon and AArrowDownIcon, then render <HugeiconsIcon icon={AArrowDownIcon} />.
What is the license for this icon?
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 →