View SVG source
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
<defs>
<linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#d4f1f9"></stop>
<stop offset="60%" stop-color="#e9f7fc"></stop>
<stop offset="100%" stop-color="#fdfbf7"></stop>
</linearGradient>
<linearGradient id="roadGrad" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#dfcfb8"></stop>
<stop offset="50%" stop-color="#ebdcc9"></stop>
<stop offset="100%" stop-color="#dfcfb8"></stop>
</linearGradient>
<linearGradient id="billGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#ffa62b"></stop>
<stop offset="100%" stop-color="#ea580c"></stop>
</linearGradient>
<linearGradient id="pouchGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#fed7aa"></stop>
<stop offset="50%" stop-color="#fba858"></stop>
<stop offset="100%" stop-color="#ea580c"></stop>
</linearGradient>
<linearGradient id="frameGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#2dd4bf"></stop>
<stop offset="50%" stop-color="#0f766e"></stop>
<stop offset="100%" stop-color="#115e59"></stop>
</linearGradient>
<linearGradient id="chromeGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f1f5f9"></stop>
<stop offset="40%" stop-color="#cbd5e1"></stop>
<stop offset="70%" stop-color="#64748b"></stop>
<stop offset="100%" stop-color="#475569"></stop>
</linearGradient>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="2" dy="5" stdDeviation="4" flood-color="#000" flood-opacity="0.25"></feDropShadow>
</filter>
</defs>
<style>
.wind-line { stroke: #94a3b8; stroke-dasharray: 8 16; stroke-linecap: round; opacity: 0.6; }
.spoke { stroke: #cbd5e1; stroke-width: 1.5; opacity: 0.8; }
</style>
<rect width="800" height="600" fill="url(#skyGrad)"></rect>
<g opacity="0.65">
<ellipse cx="120" cy="110" rx="60" ry="22" fill="#ffffff"></ellipse>
<ellipse cx="160" cy="98" rx="45" ry="26" fill="#ffffff"></ellipse>
<ellipse cx="200" cy="110" rx="40" ry="20" fill="#ffffff"></ellipse>
<ellipse cx="640" cy="150" rx="70" ry="24" fill="#ffffff"></ellipse>
<ellipse cx="690" cy="138" rx="55" ry="28" fill="#ffffff"></ellipse>
<ellipse cx="730" cy="152" rx="45" ry="20" fill="#ffffff"></ellipse>
</g>
<path d="M0,450 Q 200,410 400,435 T 800,420 L 800,600 L 0,600 Z" fill="#bbf7d0" opacity="0.6"></path>
<path d="M0,465 Q 260,445 520,460 T 800,450 L 800,600 L 0,600 Z" fill="#86efac" opacity="0.4"></path>
<path d="M0,480 L 800,480 L 800,600 L 0,600 Z" fill="url(#roadGrad)"></path>
<line x1="0" y1="480" x2="800" y2="480" stroke="#c2a989" stroke-width="3"></line>
<line x1="0" y1="575" x2="800" y2="575" stroke="#efe4d3" stroke-width="8" stroke-dasharray="35 35"></line>
<line x1="40" y1="230" x2="160" y2="230" stroke-width="3" class="wind-line"></line>
<line x1="20" y1="260" x2="110" y2="260" stroke-width="2.5" class="wind-line"></line>
<line x1="60" y1="290" x2="180" y2="290" stroke-width="2" class="wind-line"></line>
<line x1="710" y1="210" x2="790" y2="210" stroke-width="2.5" class="wind-line"></line>
<line x1="680" y1="240" x2="770" y2="240" stroke-width="2" class="wind-line"></line>
<ellipse cx="230" cy="515" rx="85" ry="12" fill="#3e372e" opacity="0.35"></ellipse>
<ellipse cx="580" cy="515" rx="85" ry="12" fill="#3e372e" opacity="0.35"></ellipse>
<ellipse cx="400" cy="520" rx="160" ry="15" fill="#3e372e" opacity="0.2"></ellipse>
<g id="bicycle">
<g id="rear-wheel" filter="url(#softShadow)">
<circle cx="230" cy="430" r="75" fill="none" stroke="#1e293b" stroke-width="14"></circle>
<circle cx="230" cy="430" r="69" fill="none" stroke="#94a3b8" stroke-width="3"></circle>
<circle cx="230" cy="430" r="10" fill="url(#chromeGrad)"></circle>
<g>
<line x1="230" y1="361" x2="230" y2="499" class="spoke"></line>
<line x1="161" y1="430" x2="299" y2="430" class="spoke"></line>
<line x1="181" y1="381" x2="279" y2="479" class="spoke"></line>
<line x1="181" y1="479" x2="279" y2="381" class="spoke"></line>
<line x1="165" y1="404" x2="295" y2="456" class="spoke"></line>
<line x1="165" y1="456" x2="295" y2="404" class="spoke"></line>
<line x1="204" y1="365" x2="256" y2="495" class="spoke"></line>
<line x1="256" y1="365" x2="204" y2="495" class="spoke"></line>
</g>
<circle cx="230" cy="430" r="16" fill="url(#chromeGrad)" stroke="#475569" stroke-width="2"></circle>
</g>
<g id="front-wheel" filter="url(#softShadow)">
<circle cx="580" cy="430" r="75" fill="none" stroke="#1e293b" stroke-width="14"></circle>
<circle cx="580" cy="430" r="69" fill="none" stroke="#94a3b8" stroke-width="3"></circle>
<circle cx="580" cy="430" r="10" fill="url(#chromeGrad)"></circle>
<g>
<line x1="580" y1="361" x2="580" y2="499" class="spoke"></line>
<line x1="511" y1="430" x2="649" y2="430" class="spoke"></line>
<line x1="531" y1="381" x2="629" y2="479" class="spoke"></line>
<line x1="531" y1="479" x2="629" y2="381" class="spoke"></line>
<line x1="515" y1="404" x2="645" y2="456" class="spoke"></line>
<line x1="515" y1="456" x2="645" y2="404" class="spoke"></line>
<line x1="554" y1="365" x2="606" y2="495" class="spoke"></line>
<line x1="606" y1="365" x2="554" y2="495" class="spoke"></line>
</g>
</g>
<path d="M 165,415 A 76 76 0 0 1 270,360" fill="none" stroke="#0f766e" stroke-width="7" stroke-linecap="round"></path>
<line x1="230" y1="430" x2="185" y2="375" stroke="#94a3b8" stroke-width="2.5"></line>
<path d="M 525,385 A 76 76 0 0 1 630,380" fill="none" stroke="#0f766e" stroke-width="7" stroke-linecap="round"></path>
<line x1="580" y1="430" x2="540" y2="375" stroke="#94a3b8" stroke-width="2.5"></line>
<g id="crank-back">
<line x1="395" y1="435" x2="365" y2="480" stroke="#64748b" stroke-width="7" stroke-linecap="round"></line>
<rect x="348" y="475" width="26" height="10" rx="3" fill="#1e293b"></rect>
</g>
<path d="M 230,422 L 395,415 A 24 24 0 0 1 395,455 L 230,438 A 12 12 0 0 1 230,422 Z" fill="none" stroke="#475569" stroke-width="4" stroke-dasharray="5 3"></path>
<circle cx="395" cy="435" r="25" fill="url(#chromeGrad)" stroke="#334155" stroke-width="2"></circle>
<circle cx="395" cy="435" r="8" fill="#1e293b"></circle>
<g id="frame" stroke="url(#frameGrad)" stroke-linecap="round" stroke-linejoin="round">
<line x1="230" y1="430" x2="395" y2="435" stroke-width="10"></line>
<line x1="230" y1="430" x2="330" y2="310" stroke-width="9"></line>
<line x1="330" y1="310" x2="395" y2="435" stroke-width="11"></line>
<line x1="395" y1="435" x2="525" y2="295" stroke-width="12"></line>
<line x1="330" y1="310" x2="515" y2="280" stroke-width="10"></line>
<line x1="510" y1="260" x2="532" y2="315" stroke-width="13"></line>
<line x1="530" y1="310" x2="580" y2="430" stroke-width="9"></line>
</g>
<line x1="330" y1="310" x2="322" y2="275" stroke="#94a3b8" stroke-width="8" stroke-linecap="round"></line>
<path d="M 285,270 C 295,263 345,263 355,272 C 352,279 335,282 320,282 C 300,282 288,278 285,270 Z" fill="#7c2d12" stroke="#451a03" stroke-width="2"></path>
<path d="M 298,280 Q 303,288 308,280 Q 313,288 318,280" fill="none" stroke="#64748b" stroke-width="3"></path>
<line x1="517" y1="270" x2="510" y2="225" stroke="#94a3b8" stroke-width="8" stroke-linecap="round"></line>
<path d="M 510,225 Q 525,200 485,195 Q 460,195 450,220" fill="none" stroke="url(#chromeGrad)" stroke-width="8" stroke-linecap="round"></path>
<path d="M 460,210 Q 450,220 445,225" fill="none" stroke="#7c2d12" stroke-width="11" stroke-linecap="round"></path>
<g id="basket" transform="translate(525, 215)">
<line x1="15" y1="55" x2="20" y2="90" stroke="#94a3b8" stroke-width="3"></line>
<path d="M 0,15 L 12,65 L 58,65 L 70,15 Z" fill="#d97706" stroke="#b45309" stroke-width="2"></path>
<path d="M 5,27 L 65,27 M 9,41 L 61,41 M 11,53 L 59,53" stroke="#92400e" stroke-width="2"></path>
<path d="M 18,17 L 24,63 M 35,17 L 35,63 M 52,17 L 46,63" stroke="#92400e" stroke-width="2"></path>
<rect x="-2" y="12" width="74" height="6" rx="3" fill="#b45309"></rect>
<path d="M 25,12 C 30,-5 50,0 52,12 Z" fill="#38bdf8" stroke="#0284c7" stroke-width="1.5"></path>
<polygon points="51,2 62,-3 58,10" fill="#38bdf8"></polygon>
<circle cx="34" cy="5" r="2.5" fill="#0f172a"></circle>
<circle cx="35" cy="4" r="0.8" fill="#ffffff"></circle>
</g>
<ellipse cx="505" cy="195" rx="7" ry="6" fill="#fbbf24" stroke="#d97706" stroke-width="1.5"></ellipse>
<path d="M 545,260 L 565,250 L 565,275 L 545,265 Z" fill="#64748b"></path>
<ellipse cx="565" cy="262" rx="4" ry="11" fill="#fef08a" stroke="#ca8a04" stroke-width="1.5"></ellipse>
</g>
<g id="pelican">
<path d="M 260,285 C 235,290 220,315 210,325 C 228,328 245,315 255,305 C 245,318 238,335 230,342 C 248,338 268,320 275,305 Z" fill="#f8fafc" stroke="#cbd5e1" stroke-width="2"></path>
<g id="far-leg">
<path d="M 330,320 Q 335,370 348,390" stroke="#f1f5f9" stroke-width="20" stroke-linecap="round"></path>
<line x1="348" y1="390" x2="358" y2="475" stroke="#f97316" stroke-width="7" stroke-linecap="round"></line>
<polygon points="340,480 375,475 365,490 338,487" fill="#ea580c"></polygon>
</g>
<path d="M 270,290 C 260,250 280,210 325,195 C 385,175 425,200 440,245 C 455,290 445,345 390,365 C 335,385 285,345 270,290 Z" fill="#ffffff" stroke="#e2e8f0" stroke-width="2"></path>
<path d="M 295,250 C 330,225 390,240 405,275 C 415,298 395,350 345,360 C 300,368 280,310 295,250 Z" fill="#f1f5f9"></path>
<path d="M 310,250 Q 365,255 385,290 Q 355,325 315,340" fill="none" stroke="#cbd5e1" stroke-width="3"></path>
<path d="M 330,265 Q 380,275 395,310 Q 370,340 330,352" fill="none" stroke="#cbd5e1" stroke-width="3"></path>
<path d="M 350,285 Q 400,295 412,325 Q 385,350 350,358" fill="none" stroke="#94a3b8" stroke-width="2.5"></path>
<path d="M 385,215 C 420,175 425,120 440,95 C 450,80 472,75 490,82 C 505,88 510,105 498,125 C 480,155 450,195 435,235 Z" fill="#ffffff" stroke="#f1f5f9" stroke-width="2"></path>
<path d="M 432,105 Q 460,135 440,190" fill="none" stroke="#e2e8f0" stroke-width="4" stroke-linecap="round"></path>
<circle cx="492" cy="85" r="28" fill="#ffffff"></circle>
<path d="M 470,75 C 450,65 440,75 430,70 C 445,82 455,83 466,88 Z" fill="#ffffff" stroke="#e2e8f0" stroke-width="1.5"></path>
<path d="M 472,83 C 452,78 440,90 432,88 C 445,95 458,94 468,95 Z" fill="#ffffff" stroke="#e2e8f0" stroke-width="1.5"></path>
<path d="M 495,102 C 515,135 565,160 625,145 C 660,135 690,105 700,92 L 535,88 Z" fill="url(#pouchGrad)" stroke="#ea580c" stroke-width="2.5"></path>
<path d="M 525,105 Q 555,145 595,145" fill="none" stroke="#ea580c" stroke-width="2" opacity="0.5"></path>
<path d="M 555,102 Q 585,138 625,135" fill="none" stroke="#ea580c" stroke-width="2" opacity="0.5"></path>
<path d="M 488,72 C 520,68 625,72 710,88 C 715,89 718,94 712,96 C 695,102 610,95 498,90 Z" fill="url(#billGrad)" stroke="#c2410c" stroke-width="2.5"></path>
<path d="M 708,88 Q 716,92 712,98 Q 706,102 703,94 Z" fill="#b45309" stroke="#7c2d12" stroke-width="1"></path>
<line x1="500" y1="80" x2="706" y2="90" stroke="#fef08a" stroke-width="2.5" stroke-linecap="round" opacity="0.8"></line>
<ellipse cx="488" cy="80" rx="9" ry="8" fill="#fed7aa"></ellipse>
<circle cx="490" cy="80" r="5" fill="#0f172a"></circle>
<circle cx="488" cy="78" r="1.8" fill="#ffffff"></circle>
<g id="hat" transform="rotate(-8 480 50)">
<path d="M 458,58 Q 492,54 522,60 L 532,67 Q 492,62 452,65 Z" fill="#1e293b"></path>
<path d="M 470,61 Q 515,60 540,70 C 515,65 480,63 465,63 Z" fill="#0f172a"></path>
<path d="M 460,57 C 455,42 462,32 490,30 C 520,28 530,40 524,58 Z" fill="#ffffff" stroke="#cbd5e1" stroke-width="1.5"></path>
<path d="M 460,57 Q 492,52 523,59 L 522,54 Q 492,48 460,53 Z" fill="#fbbf24"></path>
<circle cx="491" cy="46" r="3" fill="#eab308"></circle>
<path d="M 488,48 Q 491,52 494,48 M 491,44 L 491,52" fill="none" stroke="#eab308" stroke-width="1.2"></path>
</g>
<g id="scarf">
<path d="M 425,190 Q 455,195 470,225 Q 445,235 418,210 Z" fill="#ef4444"></path>
<path d="M 432,197 Q 448,203 458,222" fill="none" stroke="#ffffff" stroke-width="6"></path>
<path d="M 420,205 C 375,200 345,175 305,185 C 335,198 360,215 415,220 Z" fill="#ef4444" stroke="#b91c1c" stroke-width="1"></path>
<path d="M 378,193 L 372,211" stroke="#ffffff" stroke-width="7"></path>
<path d="M 342,185 L 338,200" stroke="#ffffff" stroke-width="7"></path>
</g>
<g id="front-wing-arm">
<path d="M 370,230 C 420,230 450,235 462,245 C 472,255 470,265 455,268 C 430,272 400,275 365,265 Z" fill="#ffffff" stroke="#e2e8f0" stroke-width="2"></path>
<path d="M 450,225 C 460,215 475,220 472,235 C 470,245 455,248 442,240 Z" fill="#f8fafc" stroke="#cbd5e1" stroke-width="2"></path>
</g>
<g id="near-leg">
<path d="M 345,340 Q 375,370 388,405" stroke="#ffffff" stroke-width="22" stroke-linecap="round"></path>
<circle cx="388" cy="405" r="8" fill="#ea580c"></circle>
<line x1="388" y1="405" x2="425" y2="425" stroke="#f97316" stroke-width="8" stroke-linecap="round"></line>
<line x1="395" y1="435" x2="425" y2="425" stroke="#94a3b8" stroke-width="8" stroke-linecap="round"></line>
<circle cx="425" cy="425" r="5" fill="#334155"></circle>
<rect x="415" y="420" width="28" height="11" rx="4" fill="#1e293b"></rect>
<path d="M 410,412 L 448,410 Q 455,420 445,432 L 405,432 Q 400,422 410,412 Z" fill="#ea580c" stroke="#c2410c" stroke-width="1.5"></path>
<line x1="412" y1="422" x2="445" y2="421" stroke="#c2410c" stroke-width="1.5"></line>
<line x1="410" y1="427" x2="440" y2="429" stroke="#c2410c" stroke-width="1.5"></line>
</g>
</g>
<g opacity="0.7">
<ellipse cx="140" cy="505" rx="14" ry="5" fill="#ffffff"></ellipse>
<ellipse cx="120" cy="510" rx="9" ry="3.5" fill="#ffffff"></ellipse>
</g>
</svg>