查看 SVG 源码
<?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="100%">
<stop offset="0%" stop-color="#70c5ff"></stop>
<stop offset="55%" stop-color="#bfe6ff"></stop>
<stop offset="100%" stop-color="#eaf7ff"></stop>
</linearGradient>
<linearGradient id="sunGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#fff7b0"></stop>
<stop offset="100%" stop-color="#ffbe3b"></stop>
</linearGradient>
<linearGradient id="groundGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#4aa860"></stop>
<stop offset="100%" stop-color="#2d733c"></stop>
</linearGradient>
<linearGradient id="pathGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#edd9b4"></stop>
<stop offset="100%" stop-color="#d4b886"></stop>
</linearGradient>
<linearGradient id="pelicanBodyGrad" x1="20%" y1="0%" x2="80%" y2="100%">
<stop offset="0%" stop-color="#ffffff"></stop>
<stop offset="60%" stop-color="#f0f3f6"></stop>
<stop offset="100%" stop-color="#cfdbe6"></stop>
</linearGradient>
<linearGradient id="pelicanWingGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffffff"></stop>
<stop offset="50%" stop-color="#dce5ec"></stop>
<stop offset="85%" stop-color="#627785"></stop>
<stop offset="100%" stop-color="#34434d"></stop>
</linearGradient>
<linearGradient id="pouchGrad" x1="10%" y1="0%" x2="90%" y2="100%">
<stop offset="0%" stop-color="#ffb834"></stop>
<stop offset="40%" stop-color="#ffa114"></stop>
<stop offset="100%" stop-color="#e6680b"></stop>
</linearGradient>
<linearGradient id="beakTopGrad" x1="0%" y1="0%" x2="100%" y2="50%">
<stop offset="0%" stop-color="#ffd56b"></stop>
<stop offset="50%" stop-color="#ff9d26"></stop>
<stop offset="100%" stop-color="#e66000"></stop>
</linearGradient>
<linearGradient id="frameGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#02aab0"></stop>
<stop offset="100%" stop-color="#00cdac"></stop>
</linearGradient>
<linearGradient id="metalGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#f5f7fa"></stop>
<stop offset="50%" stop-color="#b8c2cc"></stop>
<stop offset="100%" stop-color="#8795a1"></stop>
</linearGradient>
<linearGradient id="rubberGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#404040"></stop>
<stop offset="50%" stop-color="#222222"></stop>
<stop offset="100%" stop-color="#111111"></stop>
</linearGradient>
<radialGradient id="wheelShadow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="rgba(30, 40, 20, 0.45)"></stop>
<stop offset="60%" stop-color="rgba(30, 40, 20, 0.25)"></stop>
<stop offset="100%" stop-color="rgba(30, 40, 20, 0)"></stop>
</radialGradient>
<filter id="softGaze" x="-10%" y="-10%" width="120%" height="120%">
<feDropShadow dx="2" dy="5" stdDeviation="4" flood-opacity="0.15"></feDropShadow>
</filter>
</defs>
<rect x="0" y="0" width="800" height="470" fill="url(#skyGrad)"></rect>
<circle cx="680" cy="110" r="55" fill="url(#sunGrad)"></circle>
<circle cx="680" cy="110" r="68" fill="#ffe066" opacity="0.25"></circle>
<g fill="#ffffff" opacity="0.85">
<path d="M 120 120 C 130 95, 170 95, 185 115 C 200 100, 235 105, 245 125 C 260 125, 270 140, 260 155 C 255 165, 120 165, 110 155 C 95 145, 100 125, 120 120 Z"></path>
<path d="M 440 85 C 450 68, 480 65, 495 80 C 510 70, 535 75, 540 90 C 555 90, 560 105, 550 115 C 540 125, 440 125, 430 115 C 420 105, 425 90, 440 85 Z" opacity="0.6"></path>
<path d="M 20 180 C 30 165, 60 165, 70 175 C 80 165, 105 170, 110 185 C 120 190, 120 205, 105 210 C 95 215, 20 215, 15 205 C 5 195, 10 185, 20 180 Z" opacity="0.5"></path>
</g>
<path d="M 0 380 Q 200 320, 460 370 T 800 340 L 800 480 L 0 480 Z" fill="#60be78" opacity="0.7"></path>
<path d="M 0 395 Q 160 360, 390 390 T 800 380 L 800 480 L 0 480 Z" fill="url(#groundGrad)"></path>
<path d="M 0 445 Q 260 435, 800 445 L 800 600 L 0 600 Z" fill="url(#pathGrad)"></path>
<path d="M 50 495 L 140 495 M 220 540 L 330 540 M 640 480 L 760 480 M 480 565 L 590 565" stroke="#c4a56c" stroke-width="3" stroke-linecap="round" stroke-dasharray="16 12"></path>
<g stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" opacity="0.65">
<path d="M 120 270 Q 145 268, 170 273"></path>
<path d="M 90 295 Q 125 292, 160 298"></path>
<path d="M 110 325 Q 130 323, 150 328"></path>
</g>
<ellipse cx="270" cy="485" rx="72" ry="15" fill="url(#wheelShadow)"></ellipse>
<ellipse cx="570" cy="485" rx="72" ry="15" fill="url(#wheelShadow)"></ellipse>
<ellipse cx="420" cy="492" rx="130" ry="18" fill="url(#wheelShadow)"></ellipse>
<g id="rear-wheel">
<circle cx="270" cy="425" r="66" fill="none" stroke="url(#rubberGrad)" stroke-width="14"></circle>
<circle cx="270" cy="425" r="60" fill="none" stroke="#e1e8ed" stroke-width="3.5"></circle>
<circle cx="270" cy="425" r="58" fill="none" stroke="#222" stroke-width="1"></circle>
<g stroke="url(#metalGrad)" stroke-width="1.6" opacity="0.8">
<line x1="270" y1="365" x2="270" y2="485"></line>
<line x1="210" y1="425" x2="330" y2="425"></line>
<line x1="228" y1="383" x2="312" y2="467"></line>
<line x1="228" y1="467" x2="312" y2="383"></line>
<line x1="215" y1="402" x2="325" y2="448"></line>
<line x1="215" y1="448" x2="325" y2="402"></line>
<line x1="247" y1="368" x2="293" y2="482"></line>
<line x1="293" y1="368" x2="247" y2="482"></line>
</g>
<circle cx="270" cy="425" r="12" fill="#52606d"></circle>
<circle cx="270" cy="425" r="6" fill="#aab8c2"></circle>
</g>
<g id="front-wheel">
<circle cx="570" cy="425" r="66" fill="none" stroke="url(#rubberGrad)" stroke-width="14"></circle>
<circle cx="570" cy="425" r="60" fill="none" stroke="#e1e8ed" stroke-width="3.5"></circle>
<circle cx="570" cy="425" r="58" fill="none" stroke="#222" stroke-width="1"></circle>
<g stroke="url(#metalGrad)" stroke-width="1.6" opacity="0.8">
<line x1="570" y1="365" x2="570" y2="485"></line>
<line x1="510" y1="425" x2="630" y2="425"></line>
<line x1="528" y1="383" x2="612" y2="467"></line>
<line x1="528" y1="467" x2="612" y2="383"></line>
<line x1="515" y1="402" x2="625" y2="448"></line>
<line x1="515" y1="448" x2="625" y2="402"></line>
<line x1="547" y1="368" x2="593" y2="482"></line>
<line x1="593" y1="368" x2="547" y2="482"></line>
</g>
<circle cx="570" cy="425" r="8" fill="#52606d"></circle>
<circle cx="570" cy="425" r="4" fill="#aab8c2"></circle>
</g>
<path d="M 215 410 A 68 68 0 0 1 295 358" fill="none" stroke="#f6bb42" stroke-width="7" stroke-linecap="round"></path>
<path d="M 525 375 A 68 68 0 0 1 595 372" fill="none" stroke="#f6bb42" stroke-width="7" stroke-linecap="round"></path>
<g id="left-pedal">
<line x1="420" y1="425" x2="385" y2="385" stroke="#718096" stroke-width="7" stroke-linecap="round"></line>
<polygon points="370,385 400,385 395,378 365,378" fill="#2d3748"></polygon>
<path d="M 390 325 Q 375 350, 385 382" fill="none" stroke="#e67e22" stroke-width="9" stroke-linecap="round"></path>
<path d="M 370 384 L 400 384 L 388 376 Z" fill="#d35400"></path>
</g>
<line x1="270" y1="425" x2="420" y2="425" stroke="url(#frameGrad)" stroke-width="8" stroke-linecap="round"></line>
<line x1="270" y1="425" x2="370" y2="320" stroke="url(#frameGrad)" stroke-width="8" stroke-linecap="round"></line>
<line x1="420" y1="425" x2="370" y2="305" stroke="url(#frameGrad)" stroke-width="10" stroke-linecap="round"></line>
<line x1="420" y1="425" x2="520" y2="330" stroke="url(#frameGrad)" stroke-width="10" stroke-linecap="round"></line>
<line x1="370" y1="320" x2="510" y2="320" stroke="url(#frameGrad)" stroke-width="9" stroke-linecap="round"></line>
<line x1="520" y1="330" x2="505" y2="295" stroke="url(#frameGrad)" stroke-width="10" stroke-linecap="round"></line>
<line x1="505" y1="295" x2="570" y2="425" stroke="url(#frameGrad)" stroke-width="8" stroke-linecap="round"></line>
<circle cx="420" cy="425" r="22" fill="none" stroke="#4a5568" stroke-width="4"></circle>
<path d="M 270 415 L 420 405 A 20 20 0 0 1 420 445 L 270 435" fill="none" stroke="#2d3748" stroke-width="3.5" stroke-dasharray="6 3"></path>
<path d="M 370 305 L 370 290" stroke="url(#metalGrad)" stroke-width="6"></path>
<path d="M 335 285 C 345 280, 390 280, 400 292 C 390 298, 360 295, 340 293 Z" fill="#6d4c41"></path>
<path d="M 345 284 C 360 282, 385 282, 395 291" fill="none" stroke="#8d6e63" stroke-width="2"></path>
<path d="M 505 295 L 498 250" stroke="url(#metalGrad)" stroke-width="7" stroke-linecap="round"></path>
<path d="M 498 250 Q 492 235, 475 240 L 460 248" fill="none" stroke="url(#metalGrad)" stroke-width="6" stroke-linecap="round"></path>
<line x1="466" y1="244" x2="456" y2="250" stroke="#5d4037" stroke-width="8" stroke-linecap="round"></line>
<g id="basket" filter="url(#softGaze)">
<path d="M 515 255 L 565 255 L 555 295 L 522 295 Z" fill="#d7a15c" stroke="#b07d38" stroke-width="2"></path>
<path d="M 525 255 L 530 295 M 540 255 L 542 295 M 555 255 L 550 295" stroke="#996515" stroke-width="1.5"></path>
<path d="M 520 268 L 560 268 M 521 282 L 556 282" stroke="#996515" stroke-width="1.5"></path>
<path d="M 532 258 C 530 248, 542 245, 548 248 C 552 250, 545 260, 540 260 Z" fill="#4fc3f7"></path>
<circle cx="544" cy="248" r="1.5" fill="#000"></circle>
<path d="M 548 247 L 556 243 L 554 251 Z" fill="#0288d1"></path>
</g>
<circle cx="493" cy="242" r="5.5" fill="#f1c40f"></circle>
<circle cx="493" cy="242" r="2.5" fill="#d4ac0d"></circle>
<g id="pelican">
<path d="M 285 275 C 270 270, 260 285, 275 295 C 265 290, 260 305, 280 305 C 295 305, 320 310, 335 300 Z" fill="#9aa0a6" stroke="#7f8c8d" stroke-width="1.5"></path>
<path d="M 330 285 C 320 240, 360 200, 410 215 C 445 225, 460 260, 445 300 C 435 325, 400 340, 360 335 C 335 330, 325 305, 330 285 Z" fill="url(#pelicanBodyGrad)" filter="url(#softGaze)"></path>
<g fill="none" stroke="#c0d0dc" stroke-width="2" stroke-linecap="round">
<path d="M 355 300 Q 365 308, 380 305"></path>
<path d="M 370 312 Q 380 320, 395 315"></path>
<path d="M 350 280 Q 360 288, 372 285"></path>
</g>
<path d="M 410 225 C 425 205, 440 170, 430 140 C 425 125, 435 110, 455 110 C 475 110, 485 130, 475 160 C 465 190, 450 220, 440 245 Z" fill="url(#pelicanBodyGrad)"></path>
<path d="M 445 125 C 440 100, 465 80, 492 88 C 510 95, 520 115, 515 135 C 505 148, 480 150, 458 142 Z" fill="url(#pelicanBodyGrad)"></path>
<path d="M 452 95 Q 435 88, 430 96 Q 442 105, 456 103" fill="#e4ebf0"></path>
<path d="M 458 87 Q 445 78, 440 86 Q 450 94, 462 93" fill="#cfdbe6"></path>
<path d="M 480 105 C 480 98, 496 98, 500 106 C 502 113, 486 116, 480 105 Z" fill="#fedac2"></path>
<circle cx="490" cy="106" r="6" fill="#1b1b1b"></circle>
<circle cx="488" cy="103" r="2.2" fill="#ffffff"></circle>
<circle cx="493" cy="108" r="1.1" fill="#ffffff"></circle>
<path d="M 482 98 Q 492 94, 501 100" fill="none" stroke="#df8e64" stroke-width="2.5" stroke-linecap="round"></path>
<path d="M 500 128 C 525 155, 545 195, 505 205 C 470 212, 450 165, 470 138 Z" fill="url(#pouchGrad)" stroke="#da5e00" stroke-width="1.5" filter="url(#softGaze)"></path>
<g fill="none" stroke="#ea580c" stroke-width="1.2" opacity="0.6">
<path d="M 495 140 Q 515 168, 495 195"></path>
<path d="M 485 145 Q 498 175, 485 195"></path>
<path d="M 510 135 Q 525 162, 510 180"></path>
</g>
<path d="M 495 110 L 610 128 C 618 130, 622 135, 620 140 C 615 145, 608 140, 600 138 L 478 128 Z" fill="url(#beakTopGrad)" stroke="#c95700" stroke-width="1"></path>
<path d="M 610 128 Q 622 131, 617 142 Q 608 143, 606 137 Z" fill="#d35400"></path>
<path d="M 495 112 L 610 129" fill="none" stroke="#ffeaa7" stroke-width="2" stroke-linecap="round"></path>
<path d="M 515 118 L 528 120" stroke="#b24900" stroke-width="1.5" stroke-linecap="round"></path>
<g id="cyclist-cap">
<path d="M 465 92 C 468 70, 502 70, 510 93 Z" fill="#e74c3c"></path>
<path d="M 482 72 Q 488 80, 489 92 L 483 92 Q 481 80, 477 73 Z" fill="#ffffff"></path>
<path d="M 505 91 C 518 90, 532 82, 538 85 C 532 93, 515 97, 504 94 Z" fill="#c0392b"></path>
<circle cx="484" cy="71" r="3" fill="#ffffff"></circle>
</g>
<g id="scarf">
<path d="M 432 170 C 445 165, 470 170, 465 186 C 450 193, 430 185, 432 170 Z" fill="#3498db"></path>
<path d="M 432 178 C 390 175, 370 160, 335 168 C 365 180, 390 192, 434 186 Z" fill="#2980b9"></path>
<path d="M 433 182 C 385 190, 360 185, 325 198 C 355 208, 395 200, 435 188 Z" fill="#3498db"></path>
<circle cx="445" cy="177" r="2.5" fill="#ffffff"></circle>
<circle cx="456" cy="181" r="2.2" fill="#ffffff"></circle>
<circle cx="390" cy="176" r="2.5" fill="#ffffff"></circle>
<circle cx="355" cy="172" r="2" fill="#ffffff"></circle>
<circle cx="400" cy="192" r="2.5" fill="#ffffff"></circle>
<circle cx="365" cy="192" r="2" fill="#ffffff"></circle>
<circle cx="340" cy="201" r="2" fill="#ffffff"></circle>
</g>
<path d="M 425 220 C 400 215, 340 240, 320 280 C 310 300, 325 320, 350 315 C 380 310, 420 280, 435 250 Z" fill="url(#pelicanWingGrad)" stroke="#7b8e9b" stroke-width="1.5" filter="url(#softGaze)"></path>
<path d="M 320 285 C 335 300, 360 302, 385 292" fill="none" stroke="#2c3e50" stroke-width="3" stroke-linecap="round"></path>
<path d="M 330 298 C 345 310, 370 310, 395 298" fill="none" stroke="#1a252f" stroke-width="3" stroke-linecap="round"></path>
<path d="M 345 310 C 360 318, 380 318, 405 305" fill="none" stroke="#1a252f" stroke-width="2.5" stroke-linecap="round"></path>
<path d="M 425 235 C 445 235, 470 240, 460 252 C 452 260, 435 255, 420 250 Z" fill="url(#pelicanBodyGrad)"></path>
<g fill="#485a67">
<path d="M 460 242 C 466 238, 474 242, 470 250 C 467 253, 460 250, 460 242 Z"></path>
<path d="M 456 245 C 462 242, 470 247, 466 254 C 463 256, 456 253, 456 245 Z"></path>
<path d="M 453 249 C 458 247, 464 252, 461 258 C 458 260, 452 256, 453 249 Z"></path>
</g>
<path d="M 385 320 Q 420 345, 428 385" fill="none" stroke="#f39c12" stroke-width="12" stroke-linecap="round"></path>
<path d="M 428 385 L 438 445" fill="none" stroke="#e67e22" stroke-width="9" stroke-linecap="round"></path>
<circle cx="438" cy="445" r="5" fill="#d35400"></circle>
<g id="right-foot">
<path d="M 422 453 C 435 446, 458 440, 468 448 C 462 458, 430 465, 415 457 Z" fill="#f39c12"></path>
<path d="M 436 447 L 464 450 M 436 449 L 458 456 M 434 451 L 442 460" stroke="#d35400" stroke-width="1.8"></path>
<circle cx="468" cy="448" r="2" fill="#78350f"></circle>
<circle cx="462" cy="455" r="2" fill="#78350f"></circle>
<circle cx="448" cy="460" r="2" fill="#78350f"></circle>
</g>
</g>
<line x1="420" y1="425" x2="442" y2="455" stroke="url(#metalGrad)" stroke-width="8" stroke-linecap="round"></line>
<circle cx="420" cy="425" r="9" fill="#2d3748"></circle>
<circle cx="420" cy="425" r="4.5" fill="#cbd5e0"></circle>
<polygon points="430,458 462,458 458,452 426,452" fill="#1a202c"></polygon>
<line x1="428" y1="455" x2="460" y2="455" stroke="#f6ad55" stroke-width="2.5"></line>
<circle cx="570" cy="425" r="14" fill="none" stroke="rgba(255,255,255,0.4)" stroke-width="2"></circle>
<g fill="#edd9b4" opacity="0.8">
<circle cx="205" cy="460" r="6"></circle>
<circle cx="185" cy="468" r="4"></circle>
<circle cx="170" cy="462" r="8"></circle>
<circle cx="150" cy="470" r="5"></circle>
<circle cx="130" cy="466" r="3"></circle>
</g>
<g fill="#2980b9" opacity="0.75" transform="translate(635, 110) scale(0.9)">
<path d="M 10 15 A 4 4 0 1 1 6 11 L 18 3 L 26 7 L 26 10 L 18 6 L 18 15 A 4 4 0 1 1 14 11"></path>
</g>
<g fill="#e74c3c" opacity="0.75" transform="translate(660, 90) scale(0.7)">
<path d="M 10 15 A 4 4 0 1 1 6 11 L 18 3 L 26 7 L 26 10 L 18 6 L 18 15 A 4 4 0 1 1 14 11"></path>
</g>
</svg>