heroicons + sidekickicons

Folder Arrow Up icon

folder-arrow-up

A folder with an arrow pointing up, for uploading folders and exporting files.

Component
FolderArrowUpIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
upload, export, share, send, directory, files

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="m13.06 6.31-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44ZM12 16.5v-6m-3 3 3-3 3 3" />
</svg>

Download

folder-arrow-up icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Folder Arrow Up icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Uploaded Uploaded

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons