Skip to content

Instantly share code, notes, and snippets.

@pleabargain
Created November 24, 2025 08:38
Show Gist options
  • Select an option

  • Save pleabargain/cbc173e8cbfe2437c25d011be1b960b1 to your computer and use it in GitHub Desktop.

Select an option

Save pleabargain/cbc173e8cbfe2437c25d011be1b960b1 to your computer and use it in GitHub Desktop.
gemini3plane SVG
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 800" preserveAspectRatio="xMidYMid slice">
<defs>
<!-- Sky Gradient: Mimicking the atmospheric blue -->
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#5291CD" />
<stop offset="100%" stop-color="#6BA6DE" />
</linearGradient>
<!-- Plane Body Gradient: White with blue-ish shading for the belly -->
<linearGradient id="fuselageGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF" />
<stop offset="40%" stop-color="#E8F1F8" />
<stop offset="100%" stop-color="#C8D8E8" />
</linearGradient>
<!-- Wing Gradient -->
<linearGradient id="wingGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF" />
<stop offset="100%" stop-color="#D1E0F0" />
</linearGradient>
<!-- Engine Gradient -->
<linearGradient id="engineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#E0E0E0" />
<stop offset="50%" stop-color="#FFFFFF" />
<stop offset="100%" stop-color="#C0C0C0" />
</linearGradient>
<!-- Soft Glow for atmospheric scattering -->
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="2" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
</defs>
<!-- Background -->
<rect width="100%" height="100%" fill="url(#skyGradient)" />
<!-- Plane Group: Positioned in upper left quadrant, rotated to match flight path -->
<g transform="translate(140, 280) rotate(-25) scale(0.7)">
<!-- Filter for subtle atmospheric blending -->
<g filter="url(#glow)">
<!-- Vertical Stabilizer (Tail Fin) - Drawn first (behind) -->
<path d="M75,-8 L95,-35 L105,-35 L98,-5 Z" fill="url(#wingGrad)" />
<!-- Horizontal Stabilizers -->
<!-- Top Stabilizer -->
<path d="M80,-5 L100,-25 L108,-24 L95,-2 Z" fill="url(#wingGrad)" />
<!-- Bottom Stabilizer -->
<path d="M80,5 L100,25 L108,24 L95,2 Z" fill="url(#wingGrad)" />
<!-- Right Wing (Top in image) -->
<path d="M-10,-10 L10,-90 L25,-92 L40,-10 Z" fill="url(#wingGrad)" />
<!-- Right Engine -->
<path d="M5,-45 L5,-52 C5,-55 12,-55 12,-52 L12,-45 C12,-42 5,-42 5,-45 Z" fill="url(#engineGrad)" transform="rotate(-5 8 -48)" />
<!-- Left Wing (Bottom in image) -->
<path d="M-10,10 L10,90 L25,92 L40,10 Z" fill="url(#wingGrad)" />
<!-- Left Engine -->
<path d="M5,45 L5,52 C5,55 12,55 12,52 L12,45 C12,42 5,42 5,45 Z" fill="url(#engineGrad)" transform="rotate(5 8 48)" />
<!-- Fuselage (Main Body) -->
<!-- Drawn last to sit on top of wing roots (belly view) -->
<path d="M-70,0 C-70,-15 -20,-14 100,-3 L110,0 L100,3 C-20,14 -70,15 -70,0 Z" fill="url(#fuselageGrad)" />
<!-- Cockpit/Nose Detail (Subtle) -->
<path d="M-65,0 C-65,-5 -55,-5 -55,0 C-55,5 -65,5 -65,0" fill="#DCE6F2" opacity="0.5" />
</g>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment