fleet/frontend/components/graphics/FileSh.tsx
2025-12-04 09:54:52 -05:00

61 lines
2.6 KiB
TypeScript

import React from "react";
import { uniqueId } from "lodash";
const FileSh = () => {
const clipPathId = uniqueId("clip-path-");
return (
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
<g clipPath={`url(#${clipPathId})`}>
<path
fill="#fff"
stroke="#192147"
strokeWidth={0.5}
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
/>
<path
fill="#C5C7D1"
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
/>
<path
stroke="#192147"
strokeWidth={0.5}
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
/>
<path
fill="#C5C7D1"
d="M2.5 20h19a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-19V20Z"
/>
<rect
width={21.02}
height={16.351}
x={0.25}
y={18.584}
fill="#515774"
rx={1.75}
/>
<path
fill="#fff"
d="m10.004 26.514-1.913.051a.714.714 0 0 0-.162-.362.872.872 0 0 0-.345-.252 1.176 1.176 0 0 0-.486-.093c-.241 0-.447.048-.618.145-.168.096-.25.227-.247.392a.419.419 0 0 0 .153.332c.108.094.3.169.576.226l1.261.239c.653.125 1.14.332 1.457.622.321.29.483.673.486 1.15-.003.449-.136.84-.4 1.172-.262.332-.62.591-1.074.776-.455.181-.975.272-1.56.272-.935 0-1.672-.191-2.212-.575A2.149 2.149 0 0 1 4 29.058l2.058-.051c.046.238.164.42.354.545.19.125.433.188.729.188.267 0 .484-.05.652-.15.167-.099.252-.23.255-.396a.42.42 0 0 0-.196-.353c-.128-.091-.328-.162-.6-.213l-1.143-.218c-.656-.12-1.145-.34-1.466-.66-.32-.324-.48-.736-.477-1.236-.003-.438.114-.811.35-1.12.235-.313.57-.552 1.005-.717.435-.165.948-.247 1.539-.247.886 0 1.585.186 2.096.558.512.37.794.878.848 1.526ZM13.276 27.328v3.733h-2.084v-8.727h2.016v3.383h.072c.148-.403.39-.719.725-.946.338-.227.751-.34 1.24-.34.46 0 .86.101 1.201.306.341.202.605.487.793.856.19.37.284.802.281 1.296v4.172h-2.084v-3.763c.003-.364-.088-.648-.272-.852-.185-.205-.445-.307-.78-.307a1.14 1.14 0 0 0-.58.145.988.988 0 0 0-.388.405c-.09.176-.137.389-.14.639Z"
/>
<rect
width={21.02}
height={16.351}
x={0.25}
y={18.584}
stroke="#192147"
strokeWidth={0.5}
rx={1.75}
/>
</g>
<defs>
<clipPath id={clipPathId}>
<path fill="#fff" d="M0 0h34v40H0z" />
</clipPath>
</defs>
</svg>
);
};
export default FileSh;