查看 SVG 源码
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 650" width="100%" height="100%">
<defs>
<linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#E8F5E9" stop-opacity="0.7"></stop>
<stop offset="40%" stop-color="#F1FAEE"></stop>
<stop offset="100%" stop-color="#FFF8E7"></stop>
</linearGradient>
<radialGradient id="sunGlow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#FFEAA7" stop-opacity="0.9"></stop>
<stop offset="60%" stop-color="#FFEAA7" stop-opacity="0.4"></stop>
<stop offset="100%" stop-color="#FFEAA7" stop-opacity="0"></stop>
</radialGradient>
<linearGradient id="groundGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#A8D5BA"></stop>
<stop offset="25%" stop-color="#81C784"></stop>
<stop offset="100%" stop-color="#5B8E68"></stop>
</linearGradient>
<linearGradient id="roadGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#E9ECEF"></stop>
<stop offset="30%" stop-color="#DEE2E6"></stop>
<stop offset="100%" stop-color="#CED4DA"></stop>
</linearGradient>
<linearGradient id="frameGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#06D6A0"></stop>
<stop offset="50%" stop-color="#118AB2"></stop>
<stop offset="100%" stop-color="#073B4C"></stop>
</linearGradient>
<linearGradient id="chromeGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"></stop>
<stop offset="30%" stop-color="#E0E0E0"></stop>
<stop offset="70%" stop-color="#BDBDBD"></stop>
<stop offset="100%" stop-color="#757575"></stop>
</linearGradient>
<linearGradient id="leatherGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#B07D62"></stop>
<stop offset="50%" stop-color="#895737"></stop>
<stop offset="100%" stop-color="#573B25"></stop>
</linearGradient>
<linearGradient id="tireGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#495057"></stop>
<stop offset="50%" stop-color="#343A40"></stop>
<stop offset="100%" stop-color="#212529"></stop>
</linearGradient>
<linearGradient id="bodyGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"></stop>
<stop offset="70%" stop-color="#F8F9FA"></stop>
<stop offset="100%" stop-color="#E2E8F0"></stop>
</linearGradient>
<linearGradient id="bodyShadow" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#CAD5E2" stop-opacity="0"></stop>
<stop offset="100%" stop-color="#94A3B8" stop-opacity="0.4"></stop>
</linearGradient>
<linearGradient id="beakTopGrad" x1="0%" y1="0%" x2="100%" y2="50%">
<stop offset="0%" stop-color="#FFD166"></stop>
<stop offset="70%" stop-color="#F77F00"></stop>
<stop offset="100%" stop-color="#D62828"></stop>
</linearGradient>
<linearGradient id="pouchGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFB703"></stop>
<stop offset="40%" stop-color="#FB8500"></stop>
<stop offset="85%" stop-color="#F15BB5"></stop>
<stop offset="100%" stop-color="#E63946"></stop>
</linearGradient>
<linearGradient id="pouchInnerShadow" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#000000" stop-opacity="0"></stop>
<stop offset="100%" stop-color="#9E2A2B" stop-opacity="0.35"></stop>
</linearGradient>
<linearGradient id="legGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFB703"></stop>
<stop offset="100%" stop-color="#FB8500"></stop>
</linearGradient>
<linearGradient id="scarfGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#EF476F"></stop>
<stop offset="100%" stop-color="#D90429"></stop>
</linearGradient>
<linearGradient id="basketGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#E9C46A"></stop>
<stop offset="50%" stop-color="#DDA15E"></stop>
<stop offset="100%" stop-color="#BC6C25"></stop>
</linearGradient>
<filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="3" result="blur"></feGaussianBlur>
<feComposite in="SourceGraphic" in2="blur" operator="over"></feComposite>
</filter>
</defs>
<rect width="900" height="650" fill="url(#skyGrad)"></rect>
<circle cx="730" cy="160" r="130" fill="url(#sunGlow)"></circle>
<circle cx="730" cy="160" r="70" fill="#FFF3B0" opacity="0.6"></circle>
<g fill="#FFFFFF" opacity="0.65">
<path d="M 120 160 Q 130 135 160 140 Q 185 125 210 145 Q 235 140 245 160 Q 255 180 230 190 L 130 190 Q 110 180 120 160 Z"></path>
<path d="M 430 110 Q 445 90 470 95 Q 490 80 515 95 Q 535 90 545 110 Q 555 125 535 135 L 440 135 Q 420 125 430 110 Z" transform="scale(0.85) translate(80, 20)"></path>
</g>
<path d="M 0 490 Q 220 440 500 480 T 900 470 L 900 650 L 0 650 Z" fill="url(#groundGrad)"></path>
<path d="M 0 535 Q 350 495 900 525 L 900 650 L 0 650 Z" fill="url(#roadGrad)"></path>
<path d="M 0 535 Q 350 495 900 525" stroke="#CED4DA" stroke-width="4" fill="none"></path>
<path d="M 0 580 Q 350 540 900 570" stroke="#FFFFFF" stroke-dasharray="35 25" stroke-width="5" stroke-linecap="round" opacity="0.8" fill="none"></path>
<g stroke="#90E0EF" stroke-width="3" stroke-linecap="round" opacity="0.55" fill="none">
<path d="M 60 380 Q 110 375 160 385"></path>
<path d="M 30 420 C 80 415 130 425 170 418"></path>
<path d="M 80 260 Q 130 250 190 265"></path>
<path d="M 120 220 Q 160 215 210 225"></path>
</g>
<ellipse cx="280" cy="545" rx="75" ry="14" fill="#000000" opacity="0.22"></ellipse>
<ellipse cx="660" cy="545" rx="75" ry="14" fill="#000000" opacity="0.22"></ellipse>
<ellipse cx="460" cy="550" rx="130" ry="16" fill="#000000" opacity="0.18"></ellipse>
<g id="bicycle">
<g id="rear-wheel">
<circle cx="280" cy="465" r="82" fill="none" stroke="url(#tireGrad)" stroke-width="18"></circle>
<circle cx="280" cy="465" r="90" fill="none" stroke="#212529" stroke-width="2" stroke-dasharray="4 6"></circle>
<circle cx="280" cy="465" r="73" fill="none" stroke="url(#chromeGrad)" stroke-width="5"></circle>
<circle cx="280" cy="465" r="14" fill="url(#chromeGrad)"></circle>
<circle cx="280" cy="465" r="6" fill="#495057"></circle>
<g stroke="#E0E0E0" stroke-width="1.5" opacity="0.85">
<line x1="280" y1="465" x2="280" y2="393"></line>
<line x1="280" y1="465" x2="280" y2="537"></line>
<line x1="280" y1="465" x2="208" y2="465"></line>
<line x1="280" y1="465" x2="352" y2="465"></line>
<line x1="280" y1="465" x2="229" y2="414"></line>
<line x1="280" y1="465" x2="331" y2="516"></line>
<line x1="280" y1="465" x2="229" y2="516"></line>
<line x1="280" y1="465" x2="331" y2="414"></line>
<line x1="280" y1="465" x2="252" y2="398"></line>
<line x1="280" y1="465" x2="308" y2="532"></line>
<line x1="280" y1="465" x2="213" y2="437"></line>
<line x1="280" y1="465" x2="347" y2="493"></line>
<line x1="280" y1="465" x2="213" y2="493"></line>
<line x1="280" y1="465" x2="347" y2="437"></line>
<line x1="280" y1="465" x2="252" y2="532"></line>
<line x1="280" y1="465" x2="308" y2="398"></line>
</g>
<path d="M 200 460 A 88 88 0 0 1 335 390" fill="none" stroke="url(#frameGrad)" stroke-width="10" stroke-linecap="round"></path>
<path d="M 202 460 A 88 88 0 0 1 333 392" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.5" stroke-linecap="round"></path>
<line x1="280" y1="465" x2="215" y2="475" stroke="url(#chromeGrad)" stroke-width="3" stroke-linecap="round"></line>
<line x1="280" y1="465" x2="238" y2="415" stroke="url(#chromeGrad)" stroke-width="3" stroke-linecap="round"></line>
</g>
<g id="front-wheel">
<circle cx="660" cy="465" r="82" fill="none" stroke="url(#tireGrad)" stroke-width="18"></circle>
<circle cx="660" cy="465" r="90" fill="none" stroke="#212529" stroke-width="2" stroke-dasharray="4 6"></circle>
<circle cx="660" cy="465" r="73" fill="none" stroke="url(#chromeGrad)" stroke-width="5"></circle>
<circle cx="660" cy="465" r="14" fill="url(#chromeGrad)"></circle>
<circle cx="660" cy="465" r="6" fill="#495057"></circle>
<g stroke="#E0E0E0" stroke-width="1.5" opacity="0.85">
<line x1="660" y1="465" x2="660" y2="393"></line>
<line x1="660" y1="465" x2="660" y2="537"></line>
<line x1="660" y1="465" x2="588" y2="465"></line>
<line x1="660" y1="465" x2="732" y2="465"></line>
<line x1="660" y1="465" x2="609" y2="414"></line>
<line x1="660" y1="465" x2="711" y2="516"></line>
<line x1="660" y1="465" x2="609" y2="516"></line>
<line x1="660" y1="465" x2="711" y2="414"></line>
<line x1="660" y1="465" x2="632" y2="398"></line>
<line x1="660" y1="465" x2="688" y2="532"></line>
<line x1="660" y1="465" x2="593" y2="437"></line>
<line x1="660" y1="465" x2="727" y2="493"></line>
<line x1="660" y1="465" x2="593" y2="493"></line>
<line x1="660" y1="465" x2="727" y2="437"></line>
<line x1="660" y1="465" x2="632" y2="532"></line>
<line x1="660" y1="465" x2="688" y2="398"></line>
</g>
<path d="M 595 410 A 88 88 0 0 1 720 415" fill="none" stroke="url(#frameGrad)" stroke-width="10" stroke-linecap="round"></path>
<path d="M 600 408 A 88 88 0 0 1 715 413" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.5" stroke-linecap="round"></path>
<line x1="660" y1="465" x2="715" y2="445" stroke="url(#chromeGrad)" stroke-width="3" stroke-linecap="round"></line>
<line x1="660" y1="465" x2="610" y2="440" stroke="url(#chromeGrad)" stroke-width="3" stroke-linecap="round"></line>
</g>
<g id="back-pedal">
<line x1="455" y1="465" x2="415" y2="425" stroke="url(#chromeGrad)" stroke-width="8" stroke-linecap="round"></line>
<rect x="400" y="418" width="26" height="12" rx="4" fill="#212529" stroke="#757575" stroke-width="2"></rect>
</g>
<g id="frame-tubes" stroke-linecap="round" stroke-linejoin="round">
<line x1="280" y1="465" x2="455" y2="465" stroke="url(#frameGrad)" stroke-width="11"></line>
<line x1="280" y1="465" x2="455" y2="465" stroke="#FFFFFF" stroke-width="2" opacity="0.4"></line>
<line x1="280" y1="465" x2="375" y2="325" stroke="url(#frameGrad)" stroke-width="10"></line>
<line x1="455" y1="465" x2="375" y2="325" stroke="url(#frameGrad)" stroke-width="13"></line>
<line x1="455" y1="465" x2="375" y2="325" stroke="#FFFFFF" stroke-width="2.5" opacity="0.35"></line>
<line x1="455" y1="465" x2="575" y2="345" stroke="url(#frameGrad)" stroke-width="14"></line>
<line x1="455" y1="465" x2="575" y2="345" stroke="#FFFFFF" stroke-width="2.5" opacity="0.35"></line>
<path d="M 375 325 C 440 310, 520 300, 570 305" fill="none" stroke="url(#frameGrad)" stroke-width="13"></path>
<path d="M 375 324 C 440 309, 520 299, 570 304" fill="none" stroke="#FFFFFF" stroke-width="2.5" opacity="0.4"></path>
<path d="M 380 345 C 445 335, 520 325, 572 325" fill="none" stroke="url(#frameGrad)" stroke-width="8"></path>
<line x1="568" y1="285" x2="578" y2="355" stroke="url(#frameGrad)" stroke-width="16"></line>
<path d="M 578 355 Q 600 420 660 465" fill="none" stroke="url(#frameGrad)" stroke-width="12" stroke-linecap="round"></path>
<path d="M 578 355 Q 600 420 660 465" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.4"></path>
<line x1="375" y1="325" x2="363" y2="280" stroke="url(#chromeGrad)" stroke-width="9"></line>
<g id="saddle">
<circle cx="348" cy="285" r="7" fill="none" stroke="url(#chromeGrad)" stroke-width="3"></circle>
<path d="M 345 288 Q 360 295 372 284" fill="none" stroke="url(#chromeGrad)" stroke-width="3"></path>
<path d="M 325 275 C 335 262, 380 262, 400 273 C 410 279, 405 288, 385 285 C 355 282, 335 285, 325 275 Z" fill="url(#leatherGrad)" stroke="#3E2723" stroke-width="2"></path>
<path d="M 335 272 C 355 266, 380 267, 395 274" stroke="#D7CCC8" stroke-width="1.5" fill="none" opacity="0.6"></path>
<circle cx="335" cy="277" r="1.8" fill="#FFD54F"></circle>
<circle cx="350" cy="278" r="1.8" fill="#FFD54F"></circle>
<circle cx="365" cy="278" r="1.8" fill="#FFD54F"></circle>
</g>
<g id="handlebars">
<path d="M 568 285 L 562 235 L 550 230" fill="none" stroke="url(#chromeGrad)" stroke-width="9" stroke-linecap="round"></path>
<path d="M 545 230 C 530 220, 520 220, 535 250" fill="none" stroke="url(#chromeGrad)" stroke-width="7" stroke-linecap="round"></path>
<rect x="525" y="242" width="14" height="9" rx="3" fill="#5D4037" transform="rotate(-25 525 242)"></rect>
<path d="M 552 231 C 540 225, 535 235, 545 260" fill="none" stroke="url(#chromeGrad)" stroke-width="8" stroke-linecap="round"></path>
<rect x="538" y="252" width="16" height="10" rx="4" fill="url(#leatherGrad)" stroke="#3E2723" stroke-width="1.5" transform="rotate(-15 538 252)"></rect>
<path d="M 564 225 C 564 218, 576 218, 576 225 Z" fill="url(#chromeGrad)" stroke="#BDBDBD" stroke-width="1"></path>
<circle cx="570" cy="217" r="2" fill="#FFD54F"></circle>
</g>
<g id="drivetrain">
<circle cx="280" cy="465" r="18" fill="url(#chromeGrad)"></circle>
<circle cx="455" cy="465" r="30" fill="url(#chromeGrad)" stroke="#757575" stroke-width="2"></circle>
<circle cx="455" cy="447" r="5" fill="#FFF8E7"></circle>
<circle cx="455" cy="483" r="5" fill="#FFF8E7"></circle>
<circle cx="437" cy="465" r="5" fill="#FFF8E7"></circle>
<circle cx="473" cy="465" r="5" fill="#FFF8E7"></circle>
<path d="M 280 447 L 455 435 M 455 495 L 280 483" stroke="#616161" stroke-width="4" stroke-dasharray="3 3"></path>
<path d="M 430 440 C 475 430, 490 455, 485 475 C 475 490, 440 495, 390 470 L 330 465 L 330 452 Z" fill="url(#frameGrad)" opacity="0.9"></path>
<path d="M 430 445 C 465 437, 480 455, 478 470" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.5"></path>
</g>
</g>
</g>
<g id="front-basket" transform="translate(605, 260)">
<line x1="-30" y1="15" x2="-5" y2="45" stroke="url(#chromeGrad)" stroke-width="4"></line>
<line x1="-5" y1="65" x2="-25" y2="95" stroke="url(#chromeGrad)" stroke-width="4"></line>
<path d="M -5 15 L 60 15 L 50 75 L 5 75 Z" fill="url(#basketGrad)" stroke="#895737" stroke-width="2.5" stroke-linejoin="round"></path>
<g stroke="#A76D38" stroke-width="2" opacity="0.65">
<line x1="5" y1="15" x2="12" y2="75"></line>
<line x1="20" y1="15" x2="24" y2="75"></line>
<line x1="35" y1="15" x2="35" y2="75"></line>
<line x1="50" y1="15" x2="45" y2="75"></line>
<line x1="0" y1="30" x2="57" y2="30"></line>
<line x1="2" y1="45" x2="54" y2="45"></line>
<line x1="3" y1="60" x2="52" y2="60"></line>
</g>
<rect x="-8" y="10" width="74" height="8" rx="4" fill="#DDA15E" stroke="#6F4518" stroke-width="2"></rect>
<g id="passenger-fish" transform="translate(18, -12)">
<ellipse cx="14" cy="18" rx="15" ry="20" fill="#48CAE4" stroke="#0077B6" stroke-width="2" transform="rotate(15 14 18)"></ellipse>
<path d="M 24 25 Q 36 28 34 38 Q 24 30 20 28 Z" fill="#0096C7"></path>
<ellipse cx="11" cy="21" rx="8" ry="14" fill="#ADE8F4" opacity="0.7" transform="rotate(15 11 21)"></ellipse>
<ellipse cx="18" cy="12" rx="5" ry="4" fill="#212529"></ellipse>
<ellipse cx="8" cy="10" rx="5" ry="4" fill="#212529"></ellipse>
<line x1="12" y1="11" x2="15" y2="11" stroke="#212529" stroke-width="2"></line>
<line x1="23" y1="12" x2="27" y2="15" stroke="#212529" stroke-width="1.5"></line>
<line x1="6" y1="8" x2="9" y2="12" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></line>
<line x1="16" y1="10" x2="19" y2="14" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></line>
<path d="M 8 22 Q 13 28 18 23" fill="none" stroke="#03045E" stroke-width="2" stroke-linecap="round"></path>
<circle cx="36" cy="4" r="2.5" fill="#90E0EF" opacity="0.8"></circle>
<circle cx="43" cy="14" r="1.8" fill="#90E0EF" opacity="0.8"></circle>
</g>
</g>
<g id="pelican-rider">
<g id="pelican-far-leg">
<path d="M 370 330 Q 360 375 390 415" fill="none" stroke="url(#legGrad)" stroke-width="12" stroke-linecap="round"></path>
<circle cx="392" cy="420" r="6" fill="#F77F00"></circle>
<path d="M 382 422 L 418 415 C 428 420, 425 432, 408 430 L 382 426 Z" fill="#FB8500" stroke="#D62828" stroke-width="1.5"></path>
</g>
<g id="tail-feathers">
<path d="M 345 285 C 310 290, 270 305, 250 330 C 275 330, 310 320, 335 305 Z" fill="#E2E8F0" stroke="#CBD5E1" stroke-width="1.5"></path>
<path d="M 350 288 C 320 298, 280 322, 265 348 C 290 342, 325 328, 345 310 Z" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1.5"></path>
<path d="M 330 295 C 295 308, 275 328, 270 340" stroke="#94A3B8" stroke-width="1.5" fill="none" stroke-linecap="round"></path>
</g>
<g id="torso">
<path d="M 350 280 C 335 255, 360 215, 410 210 C 440 208, 460 225, 470 250 C 485 285, 475 340, 425 365 C 385 385, 350 345, 350 280 Z" fill="url(#bodyGrad)"></path>
<path d="M 375 340 C 410 375, 455 350, 465 310 C 470 335, 440 370, 395 370 C 375 370, 365 355, 375 340 Z" fill="url(#bodyShadow)"></path>
</g>
<g id="neck">
<path d="M 430 215 C 440 185, 435 150, 455 125 C 470 105, 500 108, 510 135 C 520 160, 495 200, 470 230 Z" fill="url(#bodyGrad)"></path>
<path d="M 442 195 C 448 165, 448 140, 465 125 C 455 145, 455 175, 450 210 Z" fill="#CBD5E1" opacity="0.6"></path>
</g>
<g id="scarf">
<path d="M 435 195 C 385 190, 340 170, 290 180 C 330 195, 370 210, 430 210 Z" fill="url(#scarfGrad)" filter="url(#softGlow)"></path>
<circle cx="370" cy="192" r="3" fill="#FFFFFF"></circle>
<circle cx="330" cy="184" r="3" fill="#FFFFFF"></circle>
<circle cx="405" cy="199" r="3" fill="#FFFFFF"></circle>
<path d="M 432 202 C 375 205, 335 195, 280 215 C 320 228, 365 220, 428 215 Z" fill="#D90429"></path>
<circle cx="355" cy="210" r="3" fill="#FFFFFF"></circle>
<circle cx="315" cy="212" r="2.5" fill="#FFFFFF"></circle>
<circle cx="395" cy="213" r="3" fill="#FFFFFF"></circle>
<path d="M 290 180 L 282 178 M 289 184 L 280 184 M 280 215 L 272 218 M 282 220 L 273 225" stroke="#FFFFFF" stroke-width="2"></path>
<path d="M 430 190 C 445 185, 480 195, 482 215 C 480 230, 445 225, 428 210 Z" fill="url(#scarfGrad)" stroke="#A4161A" stroke-width="2"></path>
<ellipse cx="432" cy="204" rx="9" ry="8" fill="#EF476F" stroke="#A4161A" stroke-width="1.5"></ellipse>
<circle cx="432" cy="204" r="2.5" fill="#FFFFFF"></circle>
</g>
<g id="head">
<path d="M 470 120 C 470 95, 510 90, 530 115 C 540 128, 535 150, 515 155 C 485 160, 470 145, 470 120 Z" fill="url(#bodyGrad)"></path>
<path d="M 475 110 C 455 105, 440 112, 430 120 C 445 125, 460 125, 475 122 Z" fill="#F8F9FA" stroke="#CBD5E1" stroke-width="1.5"></path>
<path d="M 473 118 C 450 118, 438 128, 432 135 C 448 135, 462 132, 473 126 Z" fill="#E2E8F0" stroke="#CBD5E1" stroke-width="1.5"></path>
<ellipse cx="510" cy="122" rx="11" ry="9" fill="#FFE8A3" stroke="#F4A261" stroke-width="1.5"></ellipse>
<circle cx="512" cy="122" r="7" fill="#FFFFFF"></circle>
<circle cx="514" cy="122" r="4.5" fill="#1D3557"></circle>
<circle cx="512.5" cy="120" r="1.8" fill="#FFFFFF"></circle>
<circle cx="515.5" cy="123.5" r="0.8" fill="#FFFFFF"></circle>
<path d="M 502 114 Q 515 109 524 115" stroke="#475569" stroke-width="2.5" stroke-linecap="round" fill="none"></path>
<g id="cycling-cap">
<path d="M 470 112 C 475 80, 520 78, 535 105 Z" fill="#1D3557"></path>
<path d="M 495 86 C 505 85, 512 87, 516 102 L 505 102 Z" fill="#E63946"></path>
<circle cx="503" cy="85" r="3.5" fill="#F1FAEE"></circle>
<path d="M 528 106 C 538 104, 552 95, 558 88 C 555 98, 545 110, 532 112 Z" fill="#F1FAEE" stroke="#1D3557" stroke-width="1.5"></path>
<path d="M 533 104 C 542 98, 548 93, 552 90" stroke="#E63946" stroke-width="2" fill="none"></path>
</g>
</g>
<g id="beak-and-pouch">
<path d="M 490 155 C 495 185, 520 235, 560 235 C 605 235, 645 200, 670 165 L 535 150 Z" fill="url(#pouchGrad)" stroke="#E76F51" stroke-width="2" stroke-linejoin="round"></path>
<path d="M 495 160 C 510 200, 535 230, 565 230 C 595 230, 625 205, 650 175 C 610 210, 560 220, 515 185 Z" fill="url(#pouchInnerShadow)"></path>
<g stroke="#F26419" stroke-width="1.5" opacity="0.45" fill="none" stroke-linecap="round">
<path d="M 518 165 Q 532 195 550 225"></path>
<path d="M 545 162 Q 562 190 580 222"></path>
<path d="M 575 160 Q 595 185 615 208"></path>
<path d="M 608 160 Q 628 178 642 190"></path>
</g>
<path d="M 515 125 C 545 130, 620 145, 680 162 C 685 164, 688 170, 682 173 C 676 175, 665 170, 640 163 C 585 148, 535 142, 510 145 Z" fill="url(#beakTopGrad)" stroke="#D62828" stroke-width="1.5"></path>
<path d="M 678 162 Q 688 166 685 174 Q 679 178 674 167 Z" fill="#9E2A2B"></path>
<path d="M 522 133 C 565 140, 630 152, 675 165" stroke="#FFFFFF" stroke-width="2" fill="none" opacity="0.6"></path>
<path d="M 510 142 C 516 142, 523 147, 525 152" stroke="#B71C1C" stroke-width="3" stroke-linecap="round" fill="none"></path>
<path d="M 532 133 Q 545 136 555 138" stroke="#D62828" stroke-width="1.5" fill="none" stroke-linecap="round"></path>
</g>
<g id="fore-wing">
<path d="M 405 245 C 425 240, 460 260, 495 270 C 525 280, 540 270, 545 255 C 540 248, 525 240, 490 230 C 455 220, 415 225, 405 245 Z" fill="url(#bodyGrad)" stroke="#CBD5E1" stroke-width="1.5"></path>
<path d="M 425 255 C 455 260, 495 275, 525 275 C 500 285, 460 282, 425 268 Z" fill="#E2E8F0"></path>
<path d="M 445 265 C 475 272, 510 285, 535 282 C 510 295, 475 292, 440 278 Z" fill="#CBD5E1" opacity="0.7"></path>
<g fill="#F8F9FA" stroke="#94A3B8" stroke-width="1.5" stroke-linejoin="round">
<path d="M 532 250 C 536 242, 546 242, 548 252 C 548 258, 540 262, 534 258 Z"></path>
<path d="M 538 254 C 544 246, 554 248, 554 256 C 552 264, 544 266, 538 260 Z"></path>
<path d="M 542 260 C 550 252, 560 255, 558 263 C 555 270, 546 270, 540 264 Z"></path>
</g>
</g>
<g id="fore-leg">
<path d="M 410 355 C 425 365, 445 385, 458 410" fill="none" stroke="url(#legGrad)" stroke-width="16" stroke-linecap="round"></path>
<path d="M 414 358 C 426 368, 442 386, 452 408" fill="none" stroke="#FFE3A8" stroke-width="4" stroke-linecap="round" opacity="0.7"></path>
<path d="M 458 410 L 485 480" stroke="url(#legGrad)" stroke-width="13" stroke-linecap="round"></path>
<path d="M 458 410 L 485 480" stroke="#D62828" stroke-width="1" stroke-dasharray="3 6" opacity="0.4"></path>
<circle cx="485" cy="480" r="8" fill="#FB8500" stroke="#D62828" stroke-width="1"></circle>
<g id="fore-pedal-crank">
<line x1="455" y1="465" x2="490" y2="505" stroke="url(#chromeGrad)" stroke-width="10" stroke-linecap="round"></line>
<circle cx="455" cy="465" r="9" fill="#495057"></circle>
<circle cx="490" cy="505" r="5" fill="#495057"></circle>
<rect x="475" y="502" width="34" height="12" rx="4" fill="#212529" stroke="#757575" stroke-width="2" transform="rotate(10 475 502)"></rect>
<rect x="483" y="505" width="18" height="4" rx="1.5" fill="#FFB703" transform="rotate(10 475 502)"></rect>
</g>
<g id="webbed-foot">
<path d="M 480 478 C 495 478, 520 488, 535 500 C 525 506, 510 503, 498 512 C 485 515, 475 510, 465 502 Z" fill="url(#legGrad)" stroke="#D62828" stroke-width="1.5"></path>
<path d="M 485 482 L 535 500" stroke="#E85D04" stroke-width="2.5" stroke-linecap="round"></path>
<path d="M 482 485 L 515 512" stroke="#E85D04" stroke-width="2.5" stroke-linecap="round"></path>
<path d="M 478 488 L 485 515" stroke="#E85D04" stroke-width="2" stroke-linecap="round"></path>
<path d="M 535 500 Q 540 503 538 506" stroke="#495057" stroke-width="2.5" stroke-linecap="round" fill="none"></path>
<path d="M 515 512 Q 518 516 515 518" stroke="#495057" stroke-width="2.5" stroke-linecap="round" fill="none"></path>
<path d="M 485 515 Q 487 519 484 521" stroke="#495057" stroke-width="2.5" stroke-linecap="round" fill="none"></path>
</g>
</g>
</g>
<g fill="#FFB703" opacity="0.85" filter="url(#softGlow)">
<path d="M 720 130 L 735 125 L 735 140 A 5 4 0 1 1 730 137 L 730 128 L 720 131 L 720 145 A 5 4 0 1 1 715 142 Z" transform="rotate(-15 720 130)"></path>
<path d="M 750 95 L 760 92 L 760 105 A 4 3 0 1 1 756 103 L 756 94 Z" transform="rotate(10 750 95)"></path>
</g>
<g fill="#FFF" opacity="0.75">
<path d="M 570 215 Q 575 215 575 210 Q 575 215 580 215 Q 575 215 575 220 Q 575 215 570 215 Z"></path>
<path d="M 685 155 Q 690 155 690 150 Q 690 155 695 155 Q 690 155 690 160 Q 690 155 685 155 Z"></path>
<path d="M 390 265 Q 394 265 394 261 Q 394 265 398 265 Q 394 265 394 269 Q 394 265 390 265 Z"></path>
</g>
<g fill="#DEE2E6" opacity="0.6">
<circle cx="180" cy="535" r="9"></circle>
<circle cx="165" cy="538" r="6"></circle>
<circle cx="155" cy="541" r="4"></circle>
<circle cx="195" cy="538" r="5"></circle>
</g>
</svg>