import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgFileImage = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        viewBox="0 0 16 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="m12.61 10.043-2.55-4.524c-.138-.245-.451-.248-.593-.006L7.569 8.762c-.137.235-.44.241-.584.01L5.808 6.894c-.144-.23-.446-.224-.584.01l-1.83 3.134c-.158.27.012.63.295.63h8.622c.281 0 .45-.355.299-.624"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M1.333 16h13.334c.735 0 1.333-.598 1.333-1.333V1.333C16 .598 15.402 0 14.667 0H1.333C.598 0 0 .598 0 1.333v13.334C0 15.402.598 16 1.333 16m0-1.333V1.333h13.334v13.334z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgFileImage), 'FileImage')
