file tray stacked icon
file-tray-stacked from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- file-tray-stacked
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
Related icons in IonIcons
Use the file tray stacked icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M464 352H320a16 16 0 0 0-16 16a48 48 0 0 1-96 0a16 16 0 0 0-16-16H48a16 16 0 0 0-16 16v64a64.07 64.07 0 0 0 64 64h320a64.07 64.07 0 0 0 64-64v-64a16 16 0 0 0-16-16m15.46-164.12L447.61 68.45C441.27 35.59 417.54 16 384 16H128c-16.8 0-31 4.69-42.1 13.94S67.66 52 64.4 68.4L32.54 187.88A16 16 0 0 0 32 192v48c0 35.29 28.71 80 64 80h320c35.29 0 64-44.71 64-80v-48a16 16 0 0 0-.54-4.12M440.57 176H320a15.92 15.92 0 0 0-16 15.82a48 48 0 1 1-96 0A15.92 15.92 0 0 0 192 176H71.43a2 2 0 0 1-1.93-2.52L95.71 75c3.55-18.41 13.81-27 32.29-27h256c18.59 0 28.84 8.53 32.25 26.85l26.25 98.63a2 2 0 0 1-1.93 2.52"/></svg>
React
import type { SVGProps } from "react";
export function IonFileTrayStacked(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M464 352H320a16 16 0 0 0-16 16a48 48 0 0 1-96 0a16 16 0 0 0-16-16H48a16 16 0 0 0-16 16v64a64.07 64.07 0 0 0 64 64h320a64.07 64.07 0 0 0 64-64v-64a16 16 0 0 0-16-16m15.46-164.12L447.61 68.45C441.27 35.59 417.54 16 384 16H128c-16.8 0-31 4.69-42.1 13.94S67.66 52 64.4 68.4L32.54 187.88A16 16 0 0 0 32 192v48c0 35.29 28.71 80 64 80h320c35.29 0 64-44.71 64-80v-48a16 16 0 0 0-.54-4.12M440.57 176H320a15.92 15.92 0 0 0-16 15.82a48 48 0 1 1-96 0A15.92 15.92 0 0 0 192 176H71.43a2 2 0 0 1-1.93-2.52L95.71 75c3.55-18.41 13.81-27 32.29-27h256c18.59 0 28.84 8.53 32.25 26.85l26.25 98.63a2 2 0 0 1-1.93 2.52"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M464 352H320a16 16 0 0 0-16 16a48 48 0 0 1-96 0a16 16 0 0 0-16-16H48a16 16 0 0 0-16 16v64a64.07 64.07 0 0 0 64 64h320a64.07 64.07 0 0 0 64-64v-64a16 16 0 0 0-16-16m15.46-164.12L447.61 68.45C441.27 35.59 417.54 16 384 16H128c-16.8 0-31 4.69-42.1 13.94S67.66 52 64.4 68.4L32.54 187.88A16 16 0 0 0 32 192v48c0 35.29 28.71 80 64 80h320c35.29 0 64-44.71 64-80v-48a16 16 0 0 0-.54-4.12M440.57 176H320a15.92 15.92 0 0 0-16 15.82a48 48 0 1 1-96 0A15.92 15.92 0 0 0 192 176H71.43a2 2 0 0 1-1.93-2.52L95.71 75c3.55-18.41 13.81-27 32.29-27h256c18.59 0 28.84 8.53 32.25 26.85l26.25 98.63a2 2 0 0 1-1.93 2.52"/></svg> </template>
CSS
.icon-file-tray-stacked {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M464%20352H320a16%2016%200%200%200-16%2016a48%2048%200%200%201-96%200a16%2016%200%200%200-16-16H48a16%2016%200%200%200-16%2016v64a64.07%2064.07%200%200%200%2064%2064h320a64.07%2064.07%200%200%200%2064-64v-64a16%2016%200%200%200-16-16m15.46-164.12L447.61%2068.45C441.27%2035.59%20417.54%2016%20384%2016H128c-16.8%200-31%204.69-42.1%2013.94S67.66%2052%2064.4%2068.4L32.54%20187.88A16%2016%200%200%200%2032%20192v48c0%2035.29%2028.71%2080%2064%2080h320c35.29%200%2064-44.71%2064-80v-48a16%2016%200%200%200-.54-4.12M440.57%20176H320a15.92%2015.92%200%200%200-16%2015.82a48%2048%200%201%201-96%200A15.92%2015.92%200%200%200%20192%20176H71.43a2%202%200%200%201-1.93-2.52L95.71%2075c3.55-18.41%2013.81-27%2032.29-27h256c18.59%200%2028.84%208.53%2032.25%2026.85l26.25%2098.63a2%202%200%200%201-1.93%202.52%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M464%20352H320a16%2016%200%200%200-16%2016a48%2048%200%200%201-96%200a16%2016%200%200%200-16-16H48a16%2016%200%200%200-16%2016v64a64.07%2064.07%200%200%200%2064%2064h320a64.07%2064.07%200%200%200%2064-64v-64a16%2016%200%200%200-16-16m15.46-164.12L447.61%2068.45C441.27%2035.59%20417.54%2016%20384%2016H128c-16.8%200-31%204.69-42.1%2013.94S67.66%2052%2064.4%2068.4L32.54%20187.88A16%2016%200%200%200%2032%20192v48c0%2035.29%2028.71%2080%2064%2080h320c35.29%200%2064-44.71%2064-80v-48a16%2016%200%200%200-.54-4.12M440.57%20176H320a15.92%2015.92%200%200%200-16%2015.82a48%2048%200%201%201-96%200A15.92%2015.92%200%200%200%20192%20176H71.43a2%202%200%200%201-1.93-2.52L95.71%2075c3.55-18.41%2013.81-27%2032.29-27h256c18.59%200%2028.84%208.53%2032.25%2026.85l26.25%2098.63a2%202%200%200%201-1.93%202.52%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/file-tray-stacked.svg?color=%231a73e8&size=48
