const MessageIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="27"
      height="27"
      viewBox="0 0 27 27"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <g clipPath="url(#clip0_2820_19539)">
        <path
          d="M22.5 4.5V18H5.81625L4.5 19.3162V4.5H22.5ZM22.5 2.25H4.5C3.2625 2.25 2.25 3.2625 2.25 4.5V22.0387C2.25 23.04 3.465 23.5462 4.17375 22.8375L6.75 20.25H22.5C23.7375 20.25 24.75 19.2375 24.75 18V4.5C24.75 3.2625 23.7375 2.25 22.5 2.25Z"
          fill="currentColor"
        />
      </g>
      <defs>
        <clipPath id="clip0_2820_19539">
          <rect width="27" height="27" fill="currentColor" />
        </clipPath>
      </defs>
    </svg>
  );
};

export { MessageIcon };