const BookingIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="17"
      height="18"
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <g clipPath="url(#clip0_162_3468)">
        <path
          d="M13.5025 1.81521H12.5745V1.35121C12.5745 1.09521 12.3665 0.887207 12.1105 0.887207C11.8545 0.887207 11.6465 1.09521 11.6465 1.35121V1.81521H6.07848V1.35121C6.07848 1.09521 5.87048 0.887207 5.61448 0.887207C5.35848 0.887207 5.15048 1.09521 5.15048 1.35121V1.81521H4.22248C2.68488 1.81521 1.43848 3.06161 1.43848 4.59921V13.8792C1.43848 15.4168 2.68488 16.6632 4.22248 16.6632H13.5025C15.0401 16.6632 16.2865 15.4168 16.2865 13.8792V4.59921C16.2865 3.06161 15.0401 1.81521 13.5025 1.81521ZM15.3585 13.8792C15.3569 14.9032 14.5265 15.7336 13.5025 15.7352H4.22248C3.19848 15.7336 2.36808 14.9032 2.36648 13.8792V6.45521H15.3585V13.8792ZM15.3585 5.52721H2.36648V4.59921C2.36808 3.57521 3.19848 2.74481 4.22248 2.74321H5.15048V3.20721C5.15048 3.46321 5.35848 3.67121 5.61448 3.67121C5.87048 3.67121 6.07848 3.46321 6.07848 3.20721V2.74321H11.6465V3.20721C11.6465 3.46321 11.8545 3.67121 12.1105 3.67121C12.3665 3.67121 12.5745 3.46321 12.5745 3.20721V2.74321H13.5025C14.5265 2.74481 15.3569 3.57521 15.3585 4.59921V5.52721ZM6.21448 11.8872C6.03688 11.7032 6.04168 11.4088 6.22568 11.2312C6.40488 11.0568 6.69128 11.0568 6.87048 11.2312L8.36008 12.7208L11.7473 8.48561C11.9073 8.28561 12.2001 8.25361 12.4001 8.41361C12.6001 8.57361 12.6321 8.86641 12.4721 9.06641L8.76008 13.7064C8.67688 13.8088 8.55528 13.8728 8.42408 13.8792H8.39848C8.27528 13.8792 8.15688 13.8312 8.07048 13.7432L6.21448 11.8872Z"
          fill="currentColor"
        />
      </g>
      <defs>
        <clipPath id="clip0_162_3468">
          <rect
            width="16"
            height="16"
            fill="white"
            transform="translate(0.862305 0.775879)"
          />
        </clipPath>
      </defs>
    </svg>
  );
};

export { BookingIcon };