moon/app/apple-icon.tsx

import { ImageResponse } from 'next/og';

export const size = {
  width: 180,
  height: 180,
};
export const contentType = 'image/png';

export default function AppleIcon() {
  return new ImageResponse(
    (
      <div
        style={{
          width: '100%',
          height: '100%',
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'center',
          background: '#0a0a1a',
          fontSize: 120,
        }}
      >
        🌕
      </div>
    ),
    {
      ...size,
    }
  );
}