import React from 'react';

const MenuHome = ({ 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="M21.5 18.7559V10.9394C21.5 9.72843 20.9604 8.58156 20.0301 7.81559L15.0301 3.69841C13.5577 2.48595 11.4423 2.48595 9.96986 3.69841L4.96986 7.81559C4.03964 8.58156 3.5 9.72843 3.5 10.9394V18.7559C3.5 20.9834 5.29086 22.7891 7.5 22.7891H17.5C19.7091 22.7891 21.5 20.9834 21.5 18.7559ZM7.75 12.7891C7.75 12.3748 8.08579 12.0391 8.5 12.0391H16.5C16.9142 12.0391 17.25 12.3748 17.25 12.7891C17.25 13.2033 16.9142 13.5391 16.5 13.5391H8.5C8.08579 13.5391 7.75 13.2033 7.75 12.7891ZM8.5 16.0391C8.08579 16.0391 7.75 16.3748 7.75 16.7891C7.75 17.2033 8.08579 17.5391 8.5 17.5391H16.5C16.9142 17.5391 17.25 17.2033 17.25 16.7891C17.25 16.3748 16.9142 16.0391 16.5 16.0391H8.5Z"
      fill={fill}
    />
  </svg>
);

export default MenuHome;
