file tray icon
file-tray from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- file-tray
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
Related icons in IonIcons
Use the file tray icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.7 16.7 0 0 0 32 272v112a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V272a16.7 16.7 0 0 0-.34-3.3m-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91c0 .13.05.26.07.39l26.93 127.88a4 4 0 0 1-3.92 4.82H320a15.92 15.92 0 0 0-16 15.82a48 48 0 1 1-96 0A15.92 15.92 0 0 0 192 256H72.65a4 4 0 0 1-3.92-4.82Z"/></svg>
React
import type { SVGProps } from "react";
export function IonFileTray(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="m479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.7 16.7 0 0 0 32 272v112a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V272a16.7 16.7 0 0 0-.34-3.3m-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91c0 .13.05.26.07.39l26.93 127.88a4 4 0 0 1-3.92 4.82H320a15.92 15.92 0 0 0-16 15.82a48 48 0 1 1-96 0A15.92 15.92 0 0 0 192 256H72.65a4 4 0 0 1-3.92-4.82Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.7 16.7 0 0 0 32 272v112a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V272a16.7 16.7 0 0 0-.34-3.3m-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91c0 .13.05.26.07.39l26.93 127.88a4 4 0 0 1-3.92 4.82H320a15.92 15.92 0 0 0-16 15.82a48 48 0 1 1-96 0A15.92 15.92 0 0 0 192 256H72.65a4 4 0 0 1-3.92-4.82Z"/></svg> </template>
CSS
.icon-file-tray {
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%22m479.66%20268.7l-32-151.81C441.48%2083.77%20417.68%2064%20384%2064H128c-16.8%200-31%204.69-42.1%2013.94s-18.37%2022.31-21.58%2038.89l-32%20151.87A16.7%2016.7%200%200%200%2032%20272v112a64%2064%200%200%200%2064%2064h320a64%2064%200%200%200%2064-64V272a16.7%2016.7%200%200%200-.34-3.3m-384-145.4v-.28c3.55-18.43%2013.81-27%2032.29-27H384c18.61%200%2028.87%208.55%2032.27%2026.91c0%20.13.05.26.07.39l26.93%20127.88a4%204%200%200%201-3.92%204.82H320a15.92%2015.92%200%200%200-16%2015.82a48%2048%200%201%201-96%200A15.92%2015.92%200%200%200%20192%20256H72.65a4%204%200%200%201-3.92-4.82Z%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%22m479.66%20268.7l-32-151.81C441.48%2083.77%20417.68%2064%20384%2064H128c-16.8%200-31%204.69-42.1%2013.94s-18.37%2022.31-21.58%2038.89l-32%20151.87A16.7%2016.7%200%200%200%2032%20272v112a64%2064%200%200%200%2064%2064h320a64%2064%200%200%200%2064-64V272a16.7%2016.7%200%200%200-.34-3.3m-384-145.4v-.28c3.55-18.43%2013.81-27%2032.29-27H384c18.61%200%2028.87%208.55%2032.27%2026.91c0%20.13.05.26.07.39l26.93%20127.88a4%204%200%200%201-3.92%204.82H320a15.92%2015.92%200%200%200-16%2015.82a48%2048%200%201%201-96%200A15.92%2015.92%200%200%200%20192%20256H72.65a4%204%200%200%201-3.92-4.82Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/file-tray.svg?color=%231a73e8&size=48
