import React from 'react';

const RemoveRectangle = ({ 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
      opacity="0.4"
      d="M6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2Z"
      fill={fill}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.3588 9.70184C15.6517 9.40895 15.6517 8.93407 15.3588 8.64118C15.0659 8.34829 14.591 8.34829 14.2982 8.64118L12.0001 10.9393L9.70197 8.64119C9.40908 8.3483 8.9342 8.3483 8.64131 8.64119C8.34842 8.93409 8.34842 9.40896 8.64131 9.70185L10.9394 11.9999L8.6413 14.298C8.34841 14.5909 8.34841 15.0658 8.6413 15.3587C8.93419 15.6516 9.40907 15.6516 9.70196 15.3587L12.0001 13.0606L14.2982 15.3587C14.5911 15.6516 15.0659 15.6516 15.3588 15.3587C15.6517 15.0658 15.6517 14.5909 15.3588 14.298L13.0607 11.9999L15.3588 9.70184Z"
      fill={fill}
    />
  </svg>
);

export default RemoveRectangle;
