Skip to content

Instantly share code, notes, and snippets.

@jeremyckahn
Created August 24, 2026 20:19
Show Gist options
  • Select an option

  • Save jeremyckahn/b0ca483f17debe3e3153a9086a6642fd to your computer and use it in GitHub Desktop.

Select an option

Save jeremyckahn/b0ca483f17debe3e3153a9086a6642fd to your computer and use it in GitHub Desktop.
TielCoder prompt: "Generate an SVG of a pelican riding a bicycle"
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 320" width="400" height="320">
<!-- ground -->
<rect x="0" y="290" width="400" height="30" fill="#d9d2c4"/>
<line x1="0" y1="290" x2="400" y2="290" stroke="#b3a995" stroke-width="2"/>
<!-- bicycle -->
<!-- wheels -->
<circle cx="95" cy="260" r="42" fill="none" stroke="#333" stroke-width="5"/>
<circle cx="305" cy="260" r="42" fill="none" stroke="#333" stroke-width="5"/>
<circle cx="95" cy="260" r="5" fill="#333"/>
<circle cx="305" cy="260" r="5" fill="#333"/>
<!-- spokes -->
<g stroke="#888" stroke-width="1.5">
<line x1="95" y1="260" x2="95" y2="220"/>
<line x1="95" y1="260" x2="95" y2="300"/>
<line x1="95" y1="260" x2="55" y2="260"/>
<line x1="95" y1="260" x2="135" y2="260"/>
<line x1="305" y1="260" x2="305" y2="220"/>
<line x1="305" y1="260" x2="305" y2="300"/>
<line x1="305" y1="260" x2="265" y2="260"/>
<line x1="305" y1="260" x2="345" y2="260"/>
</g>
<!-- frame -->
<g stroke="#e23d2e" stroke-width="6" fill="none" stroke-linecap="round">
<line x1="95" y1="260" x2="175" y2="260"/>
<line x1="175" y1="260" x2="210" y2="190"/>
<line x1="95" y1="260" x2="175" y2="190"/>
<line x1="175" y1="190" x2="210" y2="190"/>
<line x1="210" y1="190" x2="305" y2="260"/>
<line x1="175" y1="190" x2="150" y2="150"/>
</g>
<!-- seat -->
<ellipse cx="150" cy="146" rx="18" ry="7" fill="#222"/>
<line x1="150" y1="150" x2="150" y2="138" stroke="#222" stroke-width="4"/>
<!-- handlebar -->
<line x1="210" y1="190" x2="225" y2="160" stroke="#222" stroke-width="4"/>
<circle cx="228" cy="157" r="5" fill="#222"/>
<!-- pedal -->
<circle cx="175" cy="260" r="7" fill="#444"/>
<line x1="175" y1="260" x2="190" y2="278" stroke="#444" stroke-width="4"/>
<rect x="183" y="274" width="18" height="6" rx="2" fill="#222"/>
<!-- pelican -->
<!-- legs on pedals -->
<path d="M150 150 Q155 175 188 275" fill="none" stroke="#f0a02e" stroke-width="7" stroke-linecap="round"/>
<!-- body -->
<ellipse cx="180" cy="115" rx="45" ry="38" fill="#f7f7f5"/>
<ellipse cx="185" cy="122" rx="34" ry="28" fill="#e8e8e2"/>
<!-- wing -->
<path d="M165 95 Q215 100 210 135 Q185 130 160 120 Z" fill="#dcdcd5" stroke="#c9c9c2" stroke-width="1.5"/>
<!-- tail -->
<path d="M140 110 Q110 105 108 125 Q130 128 148 122 Z" fill="#dcdcd5"/>
<!-- neck -->
<path d="M210 100 Q235 75 235 55" fill="none" stroke="#f7f7f5" stroke-width="20" stroke-linecap="round"/>
<!-- head -->
<circle cx="240" cy="48" r="20" fill="#f7f7f5"/>
<!-- eye -->
<circle cx="247" cy="44" r="4" fill="#222"/>
<circle cx="248" cy="43" r="1.2" fill="#fff"/>
<!-- beak (upper) -->
<path d="M258 44 L320 50 L258 54 Z" fill="#f0a02e"/>
<!-- beak pouch (lower) -->
<path d="M258 54 L320 50 Q300 72 268 60 Z" fill="#f7b84d"/>
<line x1="258" y1="54" x2="318" y2="50" stroke="#d98a1e" stroke-width="1.5"/>
<!-- arm on handlebar -->
<path d="M205 105 Q220 130 228 157" fill="none" stroke="#e8e8e2" stroke-width="8" stroke-linecap="round"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment