查看 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="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#e0f2fe"></stop>
<stop offset="100%" stop-color="#bae6fd"></stop>
</linearGradient>
<linearGradient id="ground" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#86efac"></stop>
<stop offset="100%" stop-color="#4ade80"></stop>
</linearGradient>
<linearGradient id="pouch" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#fbbf24"></stop>
<stop offset="100%" stop-color="#f59e0b"></stop>
</linearGradient>
<linearGradient id="beak" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#fb923c"></stop>
<stop offset="100%" stop-color="#ea580c"></stop>
</linearGradient>
<linearGradient id="tealFrame" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#2dd4bf"></stop>
<stop offset="100%" stop-color="#0f766e"></stop>
</linearGradient>
<filter id="dropShadow" x="-10%" y="-10%" width="120%" height="120%">
<feDropShadow dx="0" dy="6" stdDeviation="5" flood-color="#0f172a" flood-opacity="0.15"></feDropShadow>
</filter>
</defs>
<rect width="800" height="600" fill="url(#sky)"></rect>
<circle cx="680" cy="100" r="45" fill="#fde047" opacity="0.85"></circle>
<circle cx="680" cy="100" r="55" fill="#fef08a" opacity="0.4"></circle>
<path d="M 100,90 Q 120,70 145,75 Q 170,65 190,85 Q 215,80 225,100 Q 235,115 210,120 L 110,120 Q 90,110 100,90 Z" fill="#ffffff" opacity="0.75"></path>
<path d="M 480,120 Q 500,105 520,110 Q 540,100 560,115 Q 580,112 590,125 Q 600,138 580,142 L 490,142 Q 470,135 480,120 Z" fill="#ffffff" opacity="0.6"></path>
<rect y="480" width="800" height="120" fill="url(#ground)"></rect>
<line x1="0" y1="480" x2="800" y2="480" stroke="#16a34a" stroke-width="4"></line>
<ellipse cx="230" cy="485" rx="75" ry="10" fill="#15803d" opacity="0.3"></ellipse>
<ellipse cx="560" cy="485" rx="75" ry="10" fill="#15803d" opacity="0.3"></ellipse>
<ellipse cx="390" cy="490" rx="140" ry="12" fill="#15803d" opacity="0.25"></ellipse>
<g id="back-wheel">
<circle cx="230" cy="405" r="75" fill="none" stroke="#1e293b" stroke-width="14"></circle>
<circle cx="230" cy="405" r="69" fill="none" stroke="#ffffff" stroke-width="3"></circle>
<circle cx="230" cy="405" r="64" fill="none" stroke="#94a3b8" stroke-width="5"></circle>
<path d="M 230,341 L 230,469 M 166,405 L 294,405 M 185,360 L 275,450 M 185,450 L 275,360 M 205,345 L 255,465 M 255,345 L 205,465" stroke="#94a3b8" stroke-width="1.8"></path>
<circle cx="230" cy="405" r="10" fill="#334155"></circle>
</g>
<g id="front-wheel">
<circle cx="560" cy="405" r="75" fill="none" stroke="#1e293b" stroke-width="14"></circle>
<circle cx="560" cy="405" r="69" fill="none" stroke="#ffffff" stroke-width="3"></circle>
<circle cx="560" cy="405" r="64" fill="none" stroke="#94a3b8" stroke-width="5"></circle>
<path d="M 560,341 L 560,469 M 496,405 L 624,405 M 515,360 L 605,450 M 515,450 L 605,360 M 535,345 L 585,465 M 585,345 L 535,465" stroke="#94a3b8" stroke-width="1.8"></path>
<circle cx="560" cy="405" r="10" fill="#334155"></circle>
</g>
<line x1="380" y1="405" x2="340" y2="370" stroke="#64748b" stroke-width="6" stroke-linecap="round"></line>
<rect x="325" y="365" width="22" height="8" rx="3" fill="#334155"></rect>
<path d="M 365,285 Q 355,330 338,368" fill="none" stroke="#f59e0b" stroke-width="11" stroke-linecap="round"></path>
<polygon points="338,368 316,365 320,378 344,374" fill="#d97706"></polygon>
<g id="frame" filter="url(#dropShadow)">
<path d="M 160,395 A 78 78 0 0 1 268,330" fill="none" stroke="#0d9488" stroke-width="8" stroke-linecap="round"></path>
<line x1="230" y1="405" x2="380" y2="405" stroke="url(#tealFrame)" stroke-width="11" stroke-linecap="round"></line>
<line x1="230" y1="405" x2="330" y2="295" stroke="url(#tealFrame)" stroke-width="10" stroke-linecap="round"></line>
<line x1="330" y1="295" x2="380" y2="405" stroke="url(#tealFrame)" stroke-width="11" stroke-linecap="round"></line>
<line x1="495" y1="275" x2="380" y2="405" stroke="url(#tealFrame)" stroke-width="12" stroke-linecap="round"></line>
<path d="M 330,305 Q 410,320 495,275" fill="none" stroke="url(#tealFrame)" stroke-width="12" stroke-linecap="round"></path>
<line x1="506" y1="245" x2="492" y2="305" stroke="url(#tealFrame)" stroke-width="13" stroke-linecap="round"></line>
<line x1="495" y1="295" x2="560" y2="405" stroke="#0d9488" stroke-width="9" stroke-linecap="round"></line>
<path d="M 500,365 A 78 78 0 0 1 595,340" fill="none" stroke="#0d9488" stroke-width="8" stroke-linecap="round"></path>
<circle cx="380" cy="405" r="22" fill="#475569"></circle>
<circle cx="380" cy="405" r="16" fill="#64748b"></circle>
<line x1="230" y1="405" x2="380" y2="385" stroke="#334155" stroke-width="4" stroke-dasharray="6 3"></line>
<line x1="230" y1="405" x2="380" y2="425" stroke="#334155" stroke-width="4" stroke-dasharray="6 3"></line>
<line x1="330" y1="295" x2="322" y2="260" stroke="#94a3b8" stroke-width="8" stroke-linecap="round"></line>
<path d="M 295,255 C 295,245 320,242 345,246 C 362,249 365,257 350,260 C 330,263 305,264 295,255 Z" fill="#78350f" stroke="#451a03" stroke-width="2"></path>
<path d="M 506,245 L 508,208" stroke="#94a3b8" stroke-width="8" stroke-linecap="round"></path>
<path d="M 508,208 Q 495,190 460,200" fill="none" stroke="#94a3b8" stroke-width="8" stroke-linecap="round"></path>
<line x1="465" y1="200" x2="450" y2="203" stroke="#78350f" stroke-width="10" stroke-linecap="round"></line>
<g id="basket">
<path d="M 515,225 L 565,225 L 555,275 L 522,275 Z" fill="#d97706" opacity="0.95" stroke="#92400e" stroke-width="2.5"></path>
<line x1="518" y1="242" x2="561" y2="242" stroke="#b45309" stroke-width="2"></line>
<line x1="520" y1="258" x2="557" y2="258" stroke="#b45309" stroke-width="2"></line>
<line x1="533" y1="225" x2="531" y2="275" stroke="#b45309" stroke-width="2"></line>
<line x1="548" y1="225" x2="545" y2="275" stroke="#b45309" stroke-width="2"></line>
<path d="M 545,228 Q 560,205 572,195 Q 580,205 570,220 Z" fill="#38bdf8" stroke="#0284c7" stroke-width="1.8"></path>
<polygon points="572,195 583,190 580,203" fill="#0284c7"></polygon>
<circle cx="558" cy="210" r="1.8" fill="#0f172a"></circle>
</g>
</g>
<g id="pelican" filter="url(#dropShadow)">
<path d="M 270,245 Q 240,240 225,255 Q 248,264 275,260 Z" fill="#e2e8f0" stroke="#cbd5e1" stroke-width="2"></path>
<path d="M 295,245 C 270,210 305,160 365,160 C 410,160 425,205 405,255 C 385,300 325,290 295,245 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="2.5"></path>
<path d="M 365,165 C 370,110 400,80 435,75 C 455,72 470,85 465,105 C 460,125 430,140 410,175 C 395,198 380,190 365,165 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1.5"></path>
<path d="M 430,80 C 430,45 470,45 480,75 C 485,90 475,108 455,108 C 435,108 430,95 430,80 Z" fill="#ffffff"></path>
<circle cx="456" cy="68" r="6" fill="#ffffff" stroke="#64748b" stroke-width="1.5"></circle>
<circle cx="457" cy="68" r="3.5" fill="#0f172a"></circle>
<circle cx="459" cy="66" r="1.2" fill="#ffffff"></circle>
<path d="M 450,60 Q 458,54 466,59" fill="none" stroke="#475569" stroke-width="2.2" stroke-linecap="round"></path>
<path d="M 465,98 C 495,145 585,155 620,95 C 605,100 535,102 480,94 Z" fill="url(#pouch)" stroke="#ea580c" stroke-width="2"></path>
<path d="M 500,100 Q 520,132 540,130" fill="none" stroke="#ea580c" stroke-width="1.2" opacity="0.4"></path>
<path d="M 530,100 Q 555,132 580,118" fill="none" stroke="#ea580c" stroke-width="1.2" opacity="0.4"></path>
<path d="M 463,70 L 625,85 Q 640,88 637,96 Q 633,102 621,96 L 471,88 Z" fill="url(#beak)" stroke="#c2410c" stroke-width="2"></path>
<path d="M 627,86 Q 638,90 632,100" fill="none" stroke="#9a3412" stroke-width="3" stroke-linecap="round"></path>
<ellipse cx="483" cy="78" rx="2.5" ry="1" fill="#9a3412"></ellipse>
<g transform="rotate(-12 455 45)">
<path d="M 435,48 C 450,53 475,53 493,47 L 503,52 C 480,62 445,61 430,51 Z" fill="#0f172a"></path>
<path d="M 441,45 L 488,45 L 493,30 L 437,30 Z" fill="#1e293b"></path>
<line x1="439" y1="44" x2="489" y2="44" stroke="#eab308" stroke-width="2.5" stroke-dasharray="3 2"></line>
<path d="M 431,30 C 429,15 499,13 497,30 Z" fill="#ffffff" stroke="#cbd5e1" stroke-width="1.5"></path>
<circle cx="464" cy="36" r="3.5" fill="#eab308"></circle>
</g>
<ellipse cx="405" cy="170" rx="11" ry="9" fill="#ef4444"></ellipse>
<path d="M 400,170 Q 355,175 325,155 Q 350,170 315,170 Q 350,182 397,178 Z" fill="#ef4444" stroke="#b91c1c" stroke-width="1.2"></path>
<circle cx="340" cy="163" r="2.2" fill="#ffffff"></circle>
<circle cx="365" cy="170" r="2.5" fill="#ffffff"></circle>
<circle cx="330" cy="168" r="2" fill="#ffffff"></circle>
<path d="M 355,185 C 335,220 325,265 360,270 C 395,275 435,225 455,205 C 465,195 445,192 430,200 C 410,210 375,220 360,205 C 350,195 353,185 355,185 Z" fill="#e2e8f0" stroke="#cbd5e1" stroke-width="2"></path>
<path d="M 448,198 Q 458,206 454,210 Q 444,208 444,200 Z" fill="#cbd5e1"></path>
<path d="M 454,202 Q 464,210 458,214 Q 450,211 448,203 Z" fill="#cbd5e1"></path>
<path d="M 350,275 Q 375,330 405,410" fill="none" stroke="#f59e0b" stroke-width="12" stroke-linecap="round"></path>
<line x1="380" y1="405" x2="410" y2="430" stroke="#94a3b8" stroke-width="7" stroke-linecap="round"></line>
<rect x="400" y="426" width="22" height="9" rx="3" fill="#0f172a"></rect>
<polygon points="400,410 425,422 435,429 423,433 428,438 395,432" fill="#f59e0b" stroke="#d97706" stroke-width="1.8"></polygon>
</g>
<g opacity="0.6" stroke="#0284c7" stroke-linecap="round">
<path d="M 160,200 Q 200,195 240,205" fill="none" stroke-width="2.5" stroke-dasharray="10 8"></path>
<path d="M 130,230 Q 170,225 210,232" fill="none" stroke-width="2" stroke-dasharray="16 8"></path>
<path d="M 115,405 A 100 100 0 0 1 145,340" fill="none" stroke="#38bdf8" stroke-width="2.5" stroke-dasharray="5 10"></path>
</g>
<g fill="#0284c7" opacity="0.75">
<path d="M 640,65 A 3.5 2.5 0 1 1 637,68 L 641,48 L 652,45 L 652,51 L 643,53 L 643,66 Z"></path>
</g>
</svg>