file box icon
file-box from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- file-box
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the file box icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.5 2.5v.502c0 2.833 0 4.25.879 5.13c.878.88 2.293.88 5.121.88h.5M15.5 22c1.872-.078 3.02-.329 3.828-1.139C20.5 19.688 20.5 17.8 20.5 14.021v-3.349c0-.819 0-1.228-.152-1.597c-.152-.368-.441-.657-1.02-1.236l-4.736-4.745c-.499-.5-.748-.75-1.058-.898a2 2 0 0 0-.197-.082C13.014 2 12.661 2 11.956 2c-3.245 0-4.868 0-5.967.888q-.334.27-.603.604C4.544 4.539 4.502 6.059 4.5 9m7.5 6l-4 2m0 0l-4-2m4 2v5"/><path d="m10.719 13.382l-.5-.327C9.143 12.352 8.606 12 8 12s-1.143.352-2.219 1.055l-.5.327c-.872.57-1.308.856-1.544 1.29c-.237.433-.237.947-.237 1.976v.704c0 1.029 0 1.543.237 1.976c.236.434.672.72 1.544 1.29l.5.327C6.857 21.648 7.394 22 8 22s1.143-.352 2.219-1.055l.5-.327c.872-.57 1.308-.856 1.544-1.29c.237-.433.237-.947.237-1.976v-.704c0-1.029 0-1.543-.237-1.976c-.236-.434-.672-.72-1.544-1.29"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsFileBox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M13.5 2.5v.502c0 2.833 0 4.25.879 5.13c.878.88 2.293.88 5.121.88h.5M15.5 22c1.872-.078 3.02-.329 3.828-1.139C20.5 19.688 20.5 17.8 20.5 14.021v-3.349c0-.819 0-1.228-.152-1.597c-.152-.368-.441-.657-1.02-1.236l-4.736-4.745c-.499-.5-.748-.75-1.058-.898a2 2 0 0 0-.197-.082C13.014 2 12.661 2 11.956 2c-3.245 0-4.868 0-5.967.888q-.334.27-.603.604C4.544 4.539 4.502 6.059 4.5 9m7.5 6l-4 2m0 0l-4-2m4 2v5"/><path d="m10.719 13.382l-.5-.327C9.143 12.352 8.606 12 8 12s-1.143.352-2.219 1.055l-.5.327c-.872.57-1.308.856-1.544 1.29c-.237.433-.237.947-.237 1.976v.704c0 1.029 0 1.543.237 1.976c.236.434.672.72 1.544 1.29l.5.327C6.857 21.648 7.394 22 8 22s1.143-.352 2.219-1.055l.5-.327c.872-.57 1.308-.856 1.544-1.29c.237-.433.237-.947.237-1.976v-.704c0-1.029 0-1.543-.237-1.976c-.236-.434-.672-.72-1.544-1.29"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.5 2.5v.502c0 2.833 0 4.25.879 5.13c.878.88 2.293.88 5.121.88h.5M15.5 22c1.872-.078 3.02-.329 3.828-1.139C20.5 19.688 20.5 17.8 20.5 14.021v-3.349c0-.819 0-1.228-.152-1.597c-.152-.368-.441-.657-1.02-1.236l-4.736-4.745c-.499-.5-.748-.75-1.058-.898a2 2 0 0 0-.197-.082C13.014 2 12.661 2 11.956 2c-3.245 0-4.868 0-5.967.888q-.334.27-.603.604C4.544 4.539 4.502 6.059 4.5 9m7.5 6l-4 2m0 0l-4-2m4 2v5"/><path d="m10.719 13.382l-.5-.327C9.143 12.352 8.606 12 8 12s-1.143.352-2.219 1.055l-.5.327c-.872.57-1.308.856-1.544 1.29c-.237.433-.237.947-.237 1.976v.704c0 1.029 0 1.543.237 1.976c.236.434.672.72 1.544 1.29l.5.327C6.857 21.648 7.394 22 8 22s1.143-.352 2.219-1.055l.5-.327c.872-.57 1.308-.856 1.544-1.29c.237-.433.237-.947.237-1.976v-.704c0-1.029 0-1.543-.237-1.976c-.236-.434-.672-.72-1.544-1.29"/></g></svg> </template>
CSS
.icon-file-box {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M13.5%202.5v.502c0%202.833%200%204.25.879%205.13c.878.88%202.293.88%205.121.88h.5M15.5%2022c1.872-.078%203.02-.329%203.828-1.139C20.5%2019.688%2020.5%2017.8%2020.5%2014.021v-3.349c0-.819%200-1.228-.152-1.597c-.152-.368-.441-.657-1.02-1.236l-4.736-4.745c-.499-.5-.748-.75-1.058-.898a2%202%200%200%200-.197-.082C13.014%202%2012.661%202%2011.956%202c-3.245%200-4.868%200-5.967.888q-.334.27-.603.604C4.544%204.539%204.502%206.059%204.5%209m7.5%206l-4%202m0%200l-4-2m4%202v5%22%2F%3E%3Cpath%20d%3D%22m10.719%2013.382l-.5-.327C9.143%2012.352%208.606%2012%208%2012s-1.143.352-2.219%201.055l-.5.327c-.872.57-1.308.856-1.544%201.29c-.237.433-.237.947-.237%201.976v.704c0%201.029%200%201.543.237%201.976c.236.434.672.72%201.544%201.29l.5.327C6.857%2021.648%207.394%2022%208%2022s1.143-.352%202.219-1.055l.5-.327c.872-.57%201.308-.856%201.544-1.29c.237-.433.237-.947.237-1.976v-.704c0-1.029%200-1.543-.237-1.976c-.236-.434-.672-.72-1.544-1.29%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M13.5%202.5v.502c0%202.833%200%204.25.879%205.13c.878.88%202.293.88%205.121.88h.5M15.5%2022c1.872-.078%203.02-.329%203.828-1.139C20.5%2019.688%2020.5%2017.8%2020.5%2014.021v-3.349c0-.819%200-1.228-.152-1.597c-.152-.368-.441-.657-1.02-1.236l-4.736-4.745c-.499-.5-.748-.75-1.058-.898a2%202%200%200%200-.197-.082C13.014%202%2012.661%202%2011.956%202c-3.245%200-4.868%200-5.967.888q-.334.27-.603.604C4.544%204.539%204.502%206.059%204.5%209m7.5%206l-4%202m0%200l-4-2m4%202v5%22%2F%3E%3Cpath%20d%3D%22m10.719%2013.382l-.5-.327C9.143%2012.352%208.606%2012%208%2012s-1.143.352-2.219%201.055l-.5.327c-.872.57-1.308.856-1.544%201.29c-.237.433-.237.947-.237%201.976v.704c0%201.029%200%201.543.237%201.976c.236.434.672.72%201.544%201.29l.5.327C6.857%2021.648%207.394%2022%208%2022s1.143-.352%202.219-1.055l.5-.327c.872-.57%201.308-.856%201.544-1.29c.237-.433.237-.947.237-1.976v-.704c0-1.029%200-1.543-.237-1.976c-.236-.434-.672-.72-1.544-1.29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/file-box.svg?color=%231a73e8&size=48
