Skip to content
Raw SVG templates

Approach Plate (simplified)

Simplified ILS approach: outer marker, FAF, runway and altitude callouts.

Template previewRaw SVG
Rendering…

Make it your own.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 280" width="520" height="280">
  <style>
    text { font:12px Inter, sans-serif; fill:#0f172a; font-weight:600; }
    .small { font-size:10px; font-weight:500; }
  </style>
  <!-- glide path -->
  <line x1="40" y1="60" x2="480" y2="220" stroke="#3666ff" stroke-width="2"/>
  <text x="50" y="48" fill="#3666ff">GS 3.0°</text>
  <!-- waypoints -->
  <circle cx="120" cy="89"  r="6" fill="#dc2626"/>
  <text x="130" y="85">OM (outer marker)</text>
  <text x="130" y="100" class="small">4.5 NM · 1500 ft</text>
  <circle cx="240" cy="133" r="6" fill="#dc2626"/>
  <text x="250" y="129">FAF</text>
  <text x="250" y="144" class="small">3.0 NM · 1100 ft</text>
  <circle cx="360" cy="177" r="6" fill="#dc2626"/>
  <text x="370" y="173">MAP</text>
  <text x="370" y="188" class="small">missed approach point</text>
  <!-- runway -->
  <polygon points="460,210 480,210 478,230 462,230" fill="#0f172a"/>
  <text x="430" y="250">RWY 27L · 2,400 m</text>
  <!-- minimums box -->
  <rect x="20" y="200" width="200" height="60" fill="#fef3c7" stroke="#0f172a"/>
  <text x="30" y="220">CAT I minimums</text>
  <text x="30" y="238" class="small">DA: 200 ft AGL</text>
  <text x="30" y="252" class="small">RVR: 550 m</text>
</svg>