pummmp.fun/components/icons/file.tsx
2026-07-04 12:49:09 -07:00

44 lines
No EOL
1.9 KiB
TypeScript

import * as React from "react";
import type { SVGProps } from "react";
import { Ref, forwardRef } from "react";
interface SVGRProps {
title?: string;
titleId?: string;
}
const LgFile = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" baseProfile="basic" viewBox="0 0 24 24" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<linearGradient id="a" x1={2.818} x2={19.061} y1={4.939} y2={21.182} gradientUnits="userSpaceOnUse"><stop offset={0} style={{
stopColor: "#fff",
stopOpacity: 0.6
}} /><stop offset={1} style={{
stopColor: "#fff",
stopOpacity: 0.3
}} /></linearGradient><path d="M4 19V5a3 3 0 0 1 3-3h7l6 6v11a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3" style={{
fill: "url(#a)"
}} /><linearGradient id="b" x1={2.818} x2={19.061} y1={4.939} y2={21.182} gradientUnits="userSpaceOnUse"><stop offset={0} style={{
stopColor: "#fff",
stopOpacity: 0.6
}} /><stop offset={0.493} style={{
stopColor: "#fff",
stopOpacity: 0
}} /><stop offset={0.997} style={{
stopColor: "#fff",
stopOpacity: 0.3
}} /></linearGradient><path d="M13.793 2.5 19.5 8.207V19c0 1.378-1.122 2.5-2.5 2.5H7A2.503 2.503 0 0 1 4.5 19V5c0-1.379 1.122-2.5 2.5-2.5zM14 2H7a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8z" style={{
fill: "url(#b)"
}} /><linearGradient id="c" x1={12.793} x2={18.793} y1={3.207} y2={9.207} gradientUnits="userSpaceOnUse"><stop offset={0} style={{
stopColor: "#fff",
stopOpacity: 0.7
}} /><stop offset={0.519} style={{
stopColor: "#fff",
stopOpacity: 0.45
}} /><stop offset={1} style={{
stopColor: "#fff",
stopOpacity: 0.55
}} /></linearGradient><path d="M14 6V2l6 6h-4a2 2 0 0 1-2-2" style={{
fill: "url(#c)"
}} /></svg>;
const ForwardRef = forwardRef(LgFile);
export default ForwardRef;