import React from 'react';

const PageAdd = ({ 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="M3.5 6.78906V18.7891C3.5 20.9982 5.29086 22.7891 7.5 22.7891H11.8431C12.1509 22.7891 12.455 22.7536 12.75 22.6849V18.7891C12.75 16.1657 14.8766 14.0391 17.5 14.0391H21.3959C21.4645 13.7441 21.5 13.44 21.5 13.1322V6.78906C21.5 4.57992 19.7091 2.78906 17.5 2.78906H7.5C5.29086 2.78906 3.5 4.57992 3.5 6.78906ZM14.6716 21.6175C14.539 21.7501 14.398 21.8724 14.25 21.9839V18.7891C14.25 16.9941 15.7051 15.5391 17.5 15.5391H20.6949C20.5833 15.6871 20.461 15.828 20.3284 15.9606L14.6716 21.6175ZM12.5 6.03906C12.9142 6.03906 13.25 6.37485 13.25 6.78906V9.03906H15.5C15.9142 9.03906 16.25 9.37485 16.25 9.78906C16.25 10.2033 15.9142 10.5391 15.5 10.5391H13.25V12.7891C13.25 13.2033 12.9142 13.5391 12.5 13.5391C12.0858 13.5391 11.75 13.2033 11.75 12.7891V10.5391H9.5C9.08579 10.5391 8.75 10.2033 8.75 9.78906C8.75 9.37485 9.08579 9.03906 9.5 9.03906H11.75V6.78906C11.75 6.37485 12.0858 6.03906 12.5 6.03906Z"
      fill={fill}
    />
  </svg>
);

export default PageAdd;
