Gentleface › Files & folders › archive

archive icon

Archive: archive, archived, storage box, move to archive. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M14.707 5.707C14.512 5.902 14.276 6 14 6L14 13C14 13.276 13.902 13.512 13.707 13.707C13.512 13.902 13.276 14 13 14L3 14C2.724 14 2.488 13.902 2.293 13.707C2.098 13.512 2 13.276 2 13L2 6C1.724 6 1.488 5.902 1.293 5.707C1.098 5.512 1 5.276 1 5L1 4C1 3.746 1.047 3.5 1.14 3.264C1.242 3.007 1.391 2.781 1.586 2.586C1.781 2.391 2.007 2.242 2.264 2.14C2.5 2.047 2.746 2 3 2L13 2C13.254 2 13.5 2.047 13.736 2.14C13.993 2.242 14.219 2.391 14.414 2.586C14.609 2.781 14.758 3.007 14.86 3.264C14.953 3.5 15 3.746 15 4L15 5C15 5.276 14.902 5.512 14.707 5.707ZM2.5 5.131C2.584 5.047 2.699 5 2.818 5L13.182 5C13.301 5 13.416 5.047 13.5 5.131C13.649 5.044 13.815 5 14 5L14 4C14 3.724 13.902 3.488 13.707 3.293C13.512 3.098 13.276 3 13 3L3 3C2.724 3 2.488 3.098 2.293 3.293C2.098 3.488 2 3.724 2 4L2 5C2.185 5 2.351 5.044 2.5 5.131ZM13 13L13 6L3 6L3 13L13 13ZM9.856 8.144C9.952 8.241 10 8.359 10 8.5C10 8.641 9.952 8.759 9.856 8.856C9.759 8.952 9.641 9 9.5 9L6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5C6 8.359 6.048 8.241 6.144 8.144C6.241 8.048 6.359 8 6.5 8L9.5 8C9.641 8 9.759 8.048 9.856 8.144Z"/></svg>

React

// Gentleface "archive" (line-round), MIT. https://gentleface.com/icons/archive
import type { SVGProps } from 'react';

export function ArchiveIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M14.707 5.707C14.512 5.902 14.276 6 14 6L14 13C14 13.276 13.902 13.512 13.707 13.707C13.512 13.902 13.276 14 13 14L3 14C2.724 14 2.488 13.902 2.293 13.707C2.098 13.512 2 13.276 2 13L2 6C1.724 6 1.488 5.902 1.293 5.707C1.098 5.512 1 5.276 1 5L1 4C1 3.746 1.047 3.5 1.14 3.264C1.242 3.007 1.391 2.781 1.586 2.586C1.781 2.391 2.007 2.242 2.264 2.14C2.5 2.047 2.746 2 3 2L13 2C13.254 2 13.5 2.047 13.736 2.14C13.993 2.242 14.219 2.391 14.414 2.586C14.609 2.781 14.758 3.007 14.86 3.264C14.953 3.5 15 3.746 15 4L15 5C15 5.276 14.902 5.512 14.707 5.707ZM2.5 5.131C2.584 5.047 2.699 5 2.818 5L13.182 5C13.301 5 13.416 5.047 13.5 5.131C13.649 5.044 13.815 5 14 5L14 4C14 3.724 13.902 3.488 13.707 3.293C13.512 3.098 13.276 3 13 3L3 3C2.724 3 2.488 3.098 2.293 3.293C2.098 3.488 2 3.724 2 4L2 5C2.185 5 2.351 5.044 2.5 5.131ZM13 13L13 6L3 6L3 13L13 13ZM9.856 8.144C9.952 8.241 10 8.359 10 8.5C10 8.641 9.952 8.759 9.856 8.856C9.759 8.952 9.641 9 9.5 9L6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5C6 8.359 6.048 8.241 6.144 8.144C6.241 8.048 6.359 8 6.5 8L9.5 8C9.641 8 9.759 8.048 9.856 8.144Z" />
    </svg>
  );
}

Vue

Vue: see /icons/archive.md

Svelte

Svelte: see /icons/archive.md

HTML img

HTML img: see /icons/archive.md

CSS

CSS: see /icons/archive.md

Data URL

Data URL: see /icons/archive.md

Sprite

Sprite: see /icons/archive.md

SwiftUI

SwiftUI: see /icons/archive.md

Compose

Compose: see /icons/archive.md

Android XML

Android XML: see /icons/archive.md

Flutter

Flutter: see /icons/archive.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

archive, archived, storage box, move to archive

Alternatives

file-zip: the archive as a file format: a .zip, .rar or .7z file (archive-file)

Don’t confuse with

package: a box without the lid and slot reads as package or product
trash: trash deletes; archive keeps items, out of view

Not for

package (use package): archive is the box with lid and slot
inbox (use inbox): archive is the box with a lid
zip file (use file-zip): the archive box means store away (archive), not a compressed file
treasure (use treasure-chest): archive is the archive box

Tags

box, storage, archive, store, keep

Category

Files & folders

Component name

ArchiveIcon

History

2026-10-14 added

Family 4

archive-arrow-up archive-clock archive-lock archive-search

More files & folders icons

book book-arrow-down book-bookmark book-check book-clock book-open book-plus book-search book-x contract file file-alert file-arrow-down file-arrow-up file-binary file-chart · all files & folders icons

For agents

Metadata: /icons/archive.json · Markdown: /icons/archive.md · SVG: https://gentleface.com/svg/{style}/16/archive.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/archive.png

archive icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp