Color

Advanced editing in SVG Editor

Mage Icons

Archive Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: archive zip store backup old

The Archive icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/310506.svg" alt="Archive icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310506.svg" alt="Archive icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310506.svg"
  alt="Archive icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-archive {
  background-image: url('https://proicons.com/icon/310506.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.38232 8.8125V17.3125C4.38232 18.1579 4.72628 18.9686 5.33853 19.5664C5.95079 20.1642 6.78118 20.5 7.64703 20.5H16.3529C17.2188 20.5 18.0492 20.1642 18.6614 19.5664C19.2737 18.9686 19.6176 18.1579 19.6176 17.3125V8.8125" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.6176 3.5H4.38235C3.48083 3.5 2.75 4.21355 2.75 5.09375V7.21875C2.75 8.09895 3.48083 8.8125 4.38235 8.8125H19.6176C20.5192 8.8125 21.25 8.09895 21.25 7.21875V5.09375C21.25 4.21355 20.5192 3.5 19.6176 3.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.0001 17L12.0001 12" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M9.70709 14.895L11.6744 16.8624C11.717 16.9053 11.7678 16.9395 11.8237 16.9627C11.8795 16.986 11.9395 16.998 12 16.998C12.0605 16.998 12.1205 16.986 12.1764 16.9627C12.2323 16.9395 12.283 16.9053 12.3256 16.8624L14.2929 14.895" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Archive in other icon packs

Feather Icons

Eva Icons Filled

Bootstrap Icons

Phosphor Icons

Carbon Icons

Copied!

Archive Icon

More from Mage Icons

Archive in other icon packs