import { SVGProps } from "react";

export default function ImageIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg
      width="25"
      height="24"
      viewBox="0 0 25 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      color={props.color !== "currentColor" ? props.color : "#333333"}
    >
      <path
        d="M20 4.92857C20.3438 4.92857 20.625 5.21786 20.625 5.57143V18.4205L20.4297 18.1594L15.1172 11.0879C14.9414 10.8509 14.6641 10.7143 14.375 10.7143C14.0859 10.7143 13.8125 10.8509 13.6328 11.0879L10.3906 15.4031L9.19922 13.6875C9.02344 13.4344 8.74219 13.2857 8.4375 13.2857C8.13281 13.2857 7.85156 13.4344 7.67578 13.6915L4.55078 18.1915L4.375 18.4406V18.4286V5.57143C4.375 5.21786 4.65625 4.92857 5 4.92857H20ZM5 3C3.62109 3 2.5 4.15313 2.5 5.57143V18.4286C2.5 19.8469 3.62109 21 5 21H20C21.3789 21 22.5 19.8469 22.5 18.4286V5.57143C22.5 4.15313 21.3789 3 20 3H5ZM8.125 10.7143C8.37123 10.7143 8.61505 10.6644 8.84253 10.5675C9.07002 10.4706 9.27672 10.3285 9.45083 10.1494C9.62494 9.97034 9.76305 9.75773 9.85727 9.52375C9.9515 9.28976 10 9.03898 10 8.78571C10 8.53245 9.9515 8.28167 9.85727 8.04768C9.76305 7.8137 9.62494 7.60109 9.45083 7.42201C9.27672 7.24292 9.07002 7.10087 8.84253 7.00395C8.61505 6.90703 8.37123 6.85714 8.125 6.85714C7.87877 6.85714 7.63495 6.90703 7.40747 7.00395C7.17998 7.10087 6.97328 7.24292 6.79917 7.42201C6.62506 7.60109 6.48695 7.8137 6.39273 8.04768C6.2985 8.28167 6.25 8.53245 6.25 8.78571C6.25 9.03898 6.2985 9.28976 6.39273 9.52375C6.48695 9.75773 6.62506 9.97034 6.79917 10.1494C6.97328 10.3285 7.17998 10.4706 7.40747 10.5675C7.63495 10.6644 7.87877 10.7143 8.125 10.7143Z"
        fill="currentColor"
      />
    </svg>
  );
}
