John KuehJohn Kueh

folder arrow down icon

Heroicons · folder-arrow-down · MIT

Download SVG

The Heroicons folder arrow down icon depicts a folder with a downward-pointing arrow, commonly used to indicate downloading or moving items into a folder.

Common uses

  • Download to folder button
  • Move to folder action
  • Import into directory

Use it in React

Install
npm i @heroicons/react
Import & render
import { FolderArrowDownIcon } from '@heroicons/react/24/outline';

<FolderArrowDownIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

24/outline
<FolderArrowDownIcon className="size-6" />
24/solid
<FolderArrowDownIcon className="size-6" />
20/solid
<FolderArrowDownIcon className="size-6" />
16/solid
<FolderArrowDownIcon className="size-6" />

Details

Library
Heroicons (324 icons)
License
MIT
viewBox
0 0 24 24
Keywords
folderarrowdowndownload foldersave to folderimport foldermove into folder

FAQ

What does the folder arrow down icon represent?
It visually represents the action of moving or downloading files into a specific folder.
How do I use this icon in React?
Import it using: import { FolderArrowDownIcon } from '@heroicons/react/24/outline'
What is the license for this icon?
The Heroicons library is distributed under the MIT license.

Related icons

The same idea in other libraries, and near matches in Heroicons.

Looking for something else? Search Heroicons 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 →