favicon.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#4F46E5"/>
      <stop offset="100%" stop-color="#7C3AED"/>
    </linearGradient>
    <linearGradient id="plane" x1="18" y1="12" x2="48" y2="52" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#E0E7FF"/>
      <stop offset="50%" stop-color="#C7D2FE"/>
      <stop offset="100%" stop-color="#A5B4FC"/>
    </linearGradient>
    <linearGradient id="trail" x1="10" y1="38" x2="40" y2="38" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#C7D2FE" stop-opacity="0.3"/>
      <stop offset="100%" stop-color="#E0E7FF" stop-opacity="0.9"/>
    </linearGradient>
  </defs>
  <!-- Rounded square background -->
  <rect width="64" height="64" rx="14" fill="url(#bg)"/>
  <!-- Simplified airplane / pilot shape -->
  <path d="M44 16L22 28l8 4 4 12 10-28z" fill="url(#plane)" stroke="#E0E7FF" stroke-width="1" stroke-linejoin="round"/>
  <!-- API trail / route line -->
  <path d="M14 44 Q20 36 26 34 Q30 32 30 32" stroke="url(#trail)" stroke-width="2.5" stroke-linecap="round" fill="none"/>
  <!-- Dot accents for API nodes -->
  <circle cx="14" cy="44" r="2.5" fill="#E0E7FF" opacity="0.7"/>
  <circle cx="26" cy="34" r="2" fill="#E0E7FF" opacity="0.5"/>
  <!-- Small "A" letter hint -->
  <text x="38" y="50" font-family="system-ui, sans-serif" font-weight="800" font-size="14" fill="#E0E7FF" opacity="0.6">A</text>
</svg>