import React from 'react';

const FolderDownload = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22.5 10.7891V17.7891C22.5 19.9982 20.7091 21.7891 18.5 21.7891H6.5C4.29086 21.7891 2.5 19.9982 2.5 17.7891V7.78906C2.5 5.57992 4.29086 3.78906 6.5 3.78906H9.16667C10.0321 3.78906 10.8743 4.06977 11.5667 4.58906L13.4333 5.98906C14.1257 6.50835 14.9679 6.78906 15.8333 6.78906H18.5C20.7091 6.78906 22.5 8.57992 22.5 10.7891ZM11.6161 14.8446C11.6586 14.887 11.7033 14.9258 11.75 14.9609V10.7891C11.75 10.3749 12.0858 10.0391 12.5 10.0391C12.9142 10.0391 13.25 10.3749 13.25 10.7891V14.9609C13.2967 14.9258 13.3414 14.887 13.3839 14.8446L14.9697 13.2588C15.2626 12.9659 15.7374 12.9659 16.0303 13.2588C16.3232 13.5517 16.3232 14.0266 16.0303 14.3195L14.4445 15.9052C13.3706 16.9792 11.6294 16.9792 10.5555 15.9052L8.96967 14.3195C8.67678 14.0266 8.67678 13.5517 8.96967 13.2588C9.26256 12.9659 9.73744 12.9659 10.0303 13.2588L11.6161 14.8446Z"
      fill={fill}
    />
  </svg>
);

export default FolderDownload;
