archivebox icon

archivebox from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name: archivebox
Set: Framework7 Icons
Style: Outline
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Use the archivebox icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M15.144 49.574H40.88c4.593 0 7.054-2.39 7.054-6.984V19.246c2.274-.375 3.493-2.086 3.493-4.594V11.09c0-2.86-1.57-4.664-4.454-4.664H9.027c-2.742 0-4.453 1.804-4.453 4.664v3.562c0 2.508 1.242 4.22 3.492 4.594V42.59c0 4.617 2.485 6.984 7.078 6.984M9.988 15.777c-1.172 0-1.64-.492-1.64-1.664V11.63c0-1.172.468-1.664 1.64-1.664h36.047c1.195 0 1.617.492 1.617 1.664v2.484c0 1.172-.422 1.664-1.617 1.664Zm5.133 30.258c-2.11 0-3.281-1.148-3.281-3.258v-23.46h32.32v23.46c0 2.11-1.172 3.258-3.258 3.258Zm5.156-17.273H35.77c.961 0 1.665-.68 1.665-1.711v-.75c0-1.031-.704-1.688-1.665-1.688H20.277c-.984 0-1.664.657-1.664 1.688v.75c0 1.031.68 1.71 1.664 1.71"/></svg>

React

import type { SVGProps } from "react";

export function F7Archivebox(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M15.144 49.574H40.88c4.593 0 7.054-2.39 7.054-6.984V19.246c2.274-.375 3.493-2.086 3.493-4.594V11.09c0-2.86-1.57-4.664-4.454-4.664H9.027c-2.742 0-4.453 1.804-4.453 4.664v3.562c0 2.508 1.242 4.22 3.492 4.594V42.59c0 4.617 2.485 6.984 7.078 6.984M9.988 15.777c-1.172 0-1.64-.492-1.64-1.664V11.63c0-1.172.468-1.664 1.64-1.664h36.047c1.195 0 1.617.492 1.617 1.664v2.484c0 1.172-.422 1.664-1.617 1.664Zm5.133 30.258c-2.11 0-3.281-1.148-3.281-3.258v-23.46h32.32v23.46c0 2.11-1.172 3.258-3.258 3.258Zm5.156-17.273H35.77c.961 0 1.665-.68 1.665-1.711v-.75c0-1.031-.704-1.688-1.665-1.688H20.277c-.984 0-1.664.657-1.664 1.688v.75c0 1.031.68 1.71 1.664 1.71"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M15.144 49.574H40.88c4.593 0 7.054-2.39 7.054-6.984V19.246c2.274-.375 3.493-2.086 3.493-4.594V11.09c0-2.86-1.57-4.664-4.454-4.664H9.027c-2.742 0-4.453 1.804-4.453 4.664v3.562c0 2.508 1.242 4.22 3.492 4.594V42.59c0 4.617 2.485 6.984 7.078 6.984M9.988 15.777c-1.172 0-1.64-.492-1.64-1.664V11.63c0-1.172.468-1.664 1.64-1.664h36.047c1.195 0 1.617.492 1.617 1.664v2.484c0 1.172-.422 1.664-1.617 1.664Zm5.133 30.258c-2.11 0-3.281-1.148-3.281-3.258v-23.46h32.32v23.46c0 2.11-1.172 3.258-3.258 3.258Zm5.156-17.273H35.77c.961 0 1.665-.68 1.665-1.711v-.75c0-1.031-.704-1.688-1.665-1.688H20.277c-.984 0-1.664.657-1.664 1.688v.75c0 1.031.68 1.71 1.664 1.71"/></svg>
</template>

CSS

.icon-archivebox {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.144%2049.574H40.88c4.593%200%207.054-2.39%207.054-6.984V19.246c2.274-.375%203.493-2.086%203.493-4.594V11.09c0-2.86-1.57-4.664-4.454-4.664H9.027c-2.742%200-4.453%201.804-4.453%204.664v3.562c0%202.508%201.242%204.22%203.492%204.594V42.59c0%204.617%202.485%206.984%207.078%206.984M9.988%2015.777c-1.172%200-1.64-.492-1.64-1.664V11.63c0-1.172.468-1.664%201.64-1.664h36.047c1.195%200%201.617.492%201.617%201.664v2.484c0%201.172-.422%201.664-1.617%201.664Zm5.133%2030.258c-2.11%200-3.281-1.148-3.281-3.258v-23.46h32.32v23.46c0%202.11-1.172%203.258-3.258%203.258Zm5.156-17.273H35.77c.961%200%201.665-.68%201.665-1.711v-.75c0-1.031-.704-1.688-1.665-1.688H20.277c-.984%200-1.664.657-1.664%201.688v.75c0%201.031.68%201.71%201.664%201.71%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.144%2049.574H40.88c4.593%200%207.054-2.39%207.054-6.984V19.246c2.274-.375%203.493-2.086%203.493-4.594V11.09c0-2.86-1.57-4.664-4.454-4.664H9.027c-2.742%200-4.453%201.804-4.453%204.664v3.562c0%202.508%201.242%204.22%203.492%204.594V42.59c0%204.617%202.485%206.984%207.078%206.984M9.988%2015.777c-1.172%200-1.64-.492-1.64-1.664V11.63c0-1.172.468-1.664%201.64-1.664h36.047c1.195%200%201.617.492%201.617%201.664v2.484c0%201.172-.422%201.664-1.617%201.664Zm5.133%2030.258c-2.11%200-3.281-1.148-3.281-3.258v-23.46h32.32v23.46c0%202.11-1.172%203.258-3.258%203.258Zm5.156-17.273H35.77c.961%200%201.665-.68%201.665-1.711v-.75c0-1.031-.704-1.688-1.665-1.688H20.277c-.984%200-1.664.657-1.664%201.688v.75c0%201.031.68%201.71%201.664%201.71%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/archivebox.svg?color=%231a73e8&size=48