Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Radix Icons · RxArchive

Archive icon

A free archive icon from Radix Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asfolder icondirectory iconfiles iconcollection iconbox iconstorage iconbackup icon
License
MIT license
Project
icons.radix-ui.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/archive.json
components/icons/radix-archive.tsx
import * as React from "react";

/**
 * Archive from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/archive. Sized in em, colored by currentColor.
 */
export function RxArchiveIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.6914 1C12.0699 1.00016 12.4156 1.21422 12.585 1.55273L13.9473 4.27637L13.9863 4.38477C13.9952 4.42241 14 4.46105 14 4.5V13C14 13.5523 13.5523 14 13 14H2C1.44772 14 1 13.5523 1 13V4.5C1 4.42238 1.01802 4.34579 1.05273 4.27637L2.41504 1.55273L2.48633 1.43164C2.6712 1.16394 2.97741 1.00014 3.30859 1H11.6914ZM2 13H13V5H2V13ZM9.5 7C9.77614 7 10 7.22386 10 7.5C10 7.77614 9.77614 8 9.5 8H5.5C5.22386 8 5 7.77614 5 7.5C5 7.22386 5.22386 7 5.5 7H9.5ZM2.30859 4H7V2H3.30859L2.30859 4ZM8 4H12.6914L11.6914 2H8V4Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { RxArchive } from "react-icons/rx";

export function Example() {
  return <RxArchive className="size-5" />;
}
archive.svg
<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M11.6914 1C12.0699 1.00016 12.4156 1.21422 12.585 1.55273L13.9473 4.27637L13.9863 4.38477C13.9952 4.42241 14 4.46105 14 4.5V13C14 13.5523 13.5523 14 13 14H2C1.44772 14 1 13.5523 1 13V4.5C1 4.42238 1.01802 4.34579 1.05273 4.27637L2.41504 1.55273L2.48633 1.43164C2.6712 1.16394 2.97741 1.00014 3.30859 1H11.6914ZM2 13H13V5H2V13ZM9.5 7C9.77614 7 10 7.22386 10 7.5C10 7.77614 9.77614 8 9.5 8H5.5C5.22386 8 5 7.77614 5 7.5C5 7.22386 5.22386 7 5.5 7H9.5ZM2.30859 4H7V2H3.30859L2.30859 4ZM8 4H12.6914L11.6914 2H8V4Z"
    fill="currentColor"
  />
</svg>
Attribution
"Archive" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons: folder, directory, files, collection

Archive icon in other sets