const GmailColorIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="48"
      height="48"
      viewBox="0 0 48 48"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M44.5775 16.2916L39.6369 19.0089L34.6963 23.7025V39.8088H41.6131C43.2504 39.8088 44.5775 38.4818 44.5775 36.8445V16.2916Z"
        fill="#4CAF50"
      />
      <path
        d="M3.07812 16.2916L6.64918 17.9813L12.9593 23.7025V39.8088H6.04248C4.40517 39.8088 3.07812 38.4818 3.07812 36.8445V16.2916Z"
        fill="#1E88E5"
      />
      <path
        d="M34.6974 11.3501L23.8281 19.502L12.9588 11.3501L11.9707 17.0811L12.9588 23.7015L23.8281 31.8535L34.6974 23.7015L35.6855 17.0811L34.6974 11.3501Z"
        fill="#E53935"
      />
      <path
        d="M3.07812 12.4358V16.2914L12.9593 23.7023V11.3508L9.87243 9.03764C9.13727 8.48627 8.24401 8.18885 7.32506 8.18885C4.97926 8.18885 3.07812 10.09 3.07812 12.4358Z"
        fill="#C62828"
      />
      <path
        d="M44.5775 12.4358V16.2914L34.6963 23.7023V11.3508L37.7832 9.03764C38.5183 8.48627 39.4116 8.18885 40.3305 8.18885C42.6763 8.18885 44.5775 10.09 44.5775 12.4358Z"
        fill="#FBC02D"
      />
    </svg>
  );
};

export { GmailColorIcon };