查看 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="bgGlow" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#fef3c7" stop-opacity="0.6"></stop>
<stop offset="60%" stop-color="#e0f2fe" stop-opacity="0.8"></stop>
<stop offset="100%" stop-color="#bae6fd" stop-opacity="0.4"></stop>
</linearGradient>
<linearGradient id="bikeFrame" x1="0%" y1="0%" x2="100%" y2="50%">
<stop offset="0%" stop-color="#0f766e"></stop>
<stop offset="50%" stop-color="#14b8a6"></stop>
<stop offset="100%" stop-color="#0d9488"></stop>
</linearGradient>
<linearGradient id="pouchGrad" x1="20%" y1="0%" x2="80%" y2="100%">
<stop offset="0%" stop-color="#fb923c"></stop>
<stop offset="60%" stop-color="#f59e0b"></stop>
<stop offset="100%" stop-color="#ea580c"></stop>
</linearGradient>
<linearGradient id="billGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#f59e0b"></stop>
<stop offset="85%" stop-color="#d97706"></stop>
<stop offset="100%" stop-color="#b45309"></stop>
</linearGradient>
<linearGradient id="leather" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#9a3412"></stop>
<stop offset="100%" stop-color="#7c2d12"></stop>
</linearGradient>
<radialGradient id="pelicanShade" cx="40%" cy="40%" r="60%">
<stop offset="60%" stop-color="#ffffff"></stop>
<stop offset="90%" stop-color="#f1f5f9"></stop>
<stop offset="100%" stop-color="#cbd5e1"></stop>
</radialGradient>
<filter id="shadow" x="-5%" y="-5%" width="120%" height="120%">
<feDropShadow dx="0" dy="4" stdDeviation="4" flood-opacity="0.15"></feDropShadow>
</filter>
</defs>
<circle cx="450" cy="330" r="280" fill="url(#bgGlow)"></circle>
<g stroke="#94a3b8" stroke-width="3" stroke-linecap="round" opacity="0.4">
<line x1="120" y1="260" x2="180" y2="260"></line>
<line x1="90" y1="290" x2="160" y2="290"></line>
<line x1="130" y1="320" x2="200" y2="320"></line>
</g>
<ellipse cx="460" cy="545" rx="340" ry="18" fill="#64748b" opacity="0.2"></ellipse>
<ellipse cx="270" cy="545" rx="75" ry="10" fill="#475569" opacity="0.35"></ellipse>
<ellipse cx="650" cy="545" rx="75" ry="10" fill="#475569" opacity="0.35"></ellipse>
<g id="bicycle">
<g id="rear-wheel" transform="translate(270, 465)">
<circle r="78" fill="none" stroke="#334155" stroke-width="14"></circle>
<circle r="70" fill="none" stroke="#cbd5e1" stroke-width="4"></circle>
<g stroke="#94a3b8" stroke-width="1.5" opacity="0.7">
<line x1="-70" y1="0" x2="70" y2="0"></line>
<line x1="0" y1="-70" x2="0" y2="70"></line>
<line x1="-49.5" y1="-49.5" x2="49.5" y2="49.5"></line>
<line x1="-49.5" y1="49.5" x2="49.5" y2="-49.5"></line>
<line x1="-64.6" y1="-26.8" x2="64.6" y2="26.8"></line>
<line x1="-26.8" y1="-64.6" x2="26.8" y2="64.6"></line>
<line x1="-64.6" y1="26.8" x2="64.6" y2="-26.8"></line>
<line x1="-26.8" y1="64.6" x2="26.8" y2="-64.6"></line>
</g>
<circle r="10" fill="#64748b"></circle>
<circle r="5" fill="#e2e8f0"></circle>
<path d="M -80,5 A 82 82 0 0 1 15,-80" fill="none" stroke="#0f766e" stroke-width="7" stroke-linecap="round"></path>
<path d="M -80,5 L -65,35" stroke="#94a3b8" stroke-width="2.5"></path>
</g>
<g id="front-wheel" transform="translate(650, 465)">
<circle r="78" fill="none" stroke="#334155" stroke-width="14"></circle>
<circle r="70" fill="none" stroke="#cbd5e1" stroke-width="4"></circle>
<g stroke="#94a3b8" stroke-width="1.5" opacity="0.7">
<line x1="-70" y1="0" x2="70" y2="0"></line>
<line x1="0" y1="-70" x2="0" y2="70"></line>
<line x1="-49.5" y1="-49.5" x2="49.5" y2="49.5"></line>
<line x1="-49.5" y1="49.5" x2="49.5" y2="-49.5"></line>
<line x1="-64.6" y1="-26.8" x2="64.6" y2="26.8"></line>
<line x1="-26.8" y1="-64.6" x2="26.8" y2="64.6"></line>
<line x1="-64.6" y1="26.8" x2="64.6" y2="-26.8"></line>
<line x1="-26.8" y1="64.6" x2="26.8" y2="-64.6"></line>
</g>
<circle r="10" fill="#64748b"></circle>
<circle r="5" fill="#e2e8f0"></circle>
<path d="M -30,-78 A 82 82 0 0 1 78,-20" fill="none" stroke="#0f766e" stroke-width="7" stroke-linecap="round"></path>
<path d="M 68,-30 L 78,5" stroke="#94a3b8" stroke-width="2.5"></path>
</g>
<g stroke="#64748b" stroke-width="5" stroke-linecap="round">
<line x1="435" y1="465" x2="395" y2="435"></line>
<rect x="382" y="428" width="18" height="8" rx="3" fill="#334155" stroke="none"></rect>
</g>
<g stroke="url(#bikeFrame)" stroke-width="12" stroke-linecap="round" stroke-linejoin="round">
<line x1="270" y1="465" x2="435" y2="465"></line>
<line x1="270" y1="465" x2="370" y2="335"></line>
<line x1="435" y1="465" x2="370" y2="335"></line>
<line x1="435" y1="465" x2="575" y2="335"></line>
<path d="M 370,335 C 440,345 510,325 575,335" fill="none"></path>
<line x1="575" y1="335" x2="590" y2="295"></line>
<line x1="575" y1="335" x2="650" y2="465"></line>
</g>
<circle cx="435" cy="465" r="24" fill="#94a3b8"></circle>
<circle cx="435" cy="465" r="16" fill="#475569"></circle>
<circle cx="435" cy="465" r="7" fill="#cbd5e1"></circle>
<path d="M 270,457 L 435,445 A 20 20 0 0 1 435,485 L 270,473" fill="none" stroke="#64748b" stroke-width="4" stroke-dasharray="3,2"></path>
<line x1="370" y1="335" x2="360" y2="305" stroke="#94a3b8" stroke-width="8" stroke-linecap="round"></line>
<path d="M 320,305 C 335,295 385,295 400,305 C 400,313 385,318 365,315 C 345,313 325,317 320,305 Z" fill="url(#leather)" filter="url(#shadow)"></path>
<circle cx="335" cy="315" r="4" fill="none" stroke="#64748b" stroke-width="2"></circle>
<circle cx="345" cy="315" r="4" fill="none" stroke="#64748b" stroke-width="2"></circle>
<path d="M 590,295 L 595,250 L 565,245" fill="none" stroke="#cbd5e1" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M 565,245 L 545,248" fill="none" stroke="#7c2d12" stroke-width="9" stroke-linecap="round"></path>
<circle cx="585" cy="242" r="7" fill="#fbbf24"></circle>
<rect x="581" y="247" width="5" height="4" fill="#94a3b8"></rect>
<g id="basket" transform="translate(605, 270)">
<rect x="0" y="0" width="70" height="52" rx="6" fill="#b45309" opacity="0.85"></rect>
<path d="M 10,0 L 10,52 M 25,0 L 25,52 M 40,0 L 40,52 M 55,0 L 55,52" stroke="#78350f" stroke-width="2"></path>
<path d="M 0,13 L 70,13 M 0,26 L 70,26 M 0,39 L 70,39" stroke="#78350f" stroke-width="2"></path>
<line x1="5" y1="52" x2="-20" y2="65" stroke="#94a3b8" stroke-width="3"></line>
<line x1="55" y1="52" x2="45" y2="195" stroke="#94a3b8" stroke-width="2.5"></line>
<g id="fish" transform="translate(25, -12) rotate(-15)">
<path d="M -5,15 C 10,5 30,5 40,18 C 30,30 10,28 -5,18 Z" fill="#38bdf8"></path>
<polygon points="-5,17 -18,7 -15,17 -18,27" fill="#0284c7"></polygon>
<path d="M 12,23 C 16,30 22,28 20,23 Z" fill="#0284c7"></path>
<circle cx="28" cy="14" r="3.5" fill="#ffffff"></circle>
<circle cx="29" cy="14" r="1.8" fill="#0f172a"></circle>
<path d="M 35,18 Q 33,22 30,20" fill="none" stroke="#0369a1" stroke-width="1.2" stroke-linecap="round"></path>
</g>
</g>
</g>
<g id="pelican">
<path d="M 295,295 C 265,300 245,315 235,335 C 255,330 275,325 295,320 Z" fill="#e2e8f0"></path>
<path d="M 290,285 C 260,285 240,298 230,315 C 250,312 272,310 295,305 Z" fill="#cbd5e1"></path>
<path d="M 330,320 C 310,290 325,230 380,210 C 430,195 470,240 460,300 C 450,350 360,360 330,320 Z" fill="url(#pelicanShade)" filter="url(#shadow)"></path>
<path d="M 405,215 C 415,185 410,135 435,95 C 450,75 475,80 480,105 C 485,130 455,160 445,210 Z" fill="url(#pelicanShade)"></path>
<circle cx="465" cy="95" r="28" fill="#ffffff"></circle>
<path d="M 445,85 C 430,75 415,80 405,90 C 420,95 435,95 445,92 Z" fill="#e2e8f0"></path>
<path d="M 448,78 C 435,65 418,70 410,78 C 425,82 438,82 448,82 Z" fill="#cbd5e1"></path>
<path d="M 480,110 C 510,140 540,205 600,205 C 650,205 690,140 710,120 C 630,145 540,140 480,110 Z" fill="url(#pouchGrad)" filter="url(#shadow)"></path>
<path d="M 525,128 Q 555,175 595,185" fill="none" stroke="#ea580c" stroke-width="2" opacity="0.4"></path>
<path d="M 565,133 Q 600,180 635,175" fill="none" stroke="#ea580c" stroke-width="2" opacity="0.4"></path>
<path d="M 470,95 C 530,95 620,105 715,115 C 725,117 730,125 720,127 C 700,132 630,123 475,112 Z" fill="url(#billGrad)"></path>
<path d="M 715,115 C 726,117 728,124 722,129 C 716,132 712,126 713,122 Z" fill="#9a3412"></path>
<path d="M 485,102 L 690,115" stroke="#b45309" stroke-width="2" stroke-linecap="round"></path>
<circle cx="462" cy="88" r="7" fill="#f8fafc"></circle>
<circle cx="464" cy="88" r="4.5" fill="#0f172a"></circle>
<circle cx="466" cy="86" r="1.5" fill="#ffffff"></circle>
<g id="cap">
<path d="M 442,85 C 445,62 475,60 488,78 C 475,80 455,80 442,85 Z" fill="#0284c7"></path>
<path d="M 462,62 L 465,78" stroke="#ef4444" stroke-width="3"></path>
<path d="M 483,76 C 495,68 508,62 515,64 C 512,72 500,78 485,78 Z" fill="#ffffff" stroke="#e2e8f0" stroke-width="1"></path>
<circle cx="463" cy="62" r="2.5" fill="#ef4444"></circle>
</g>
<path d="M 360,250 C 375,220 425,230 450,255 C 480,290 420,335 375,320 C 350,310 348,275 360,250 Z" fill="#ffffff" filter="url(#shadow)"></path>
<path d="M 370,270 C 390,255 425,260 440,280 C 410,315 380,305 370,270 Z" fill="#f1f5f9"></path>
<path d="M 430,265 C 475,260 520,252 550,248 C 555,252 550,260 535,263 C 505,270 460,285 425,285 Z" fill="#e2e8f0"></path>
<g id="front-leg">
<path d="M 380,330 C 400,345 440,380 450,420" fill="none" stroke="#f59e0b" stroke-width="10" stroke-linecap="round"></path>
<path d="M 450,420 L 470,480" fill="none" stroke="#d97706" stroke-width="8" stroke-linecap="round"></path>
<circle cx="450" cy="420" r="6" fill="#b45309"></circle>
<g stroke="#475569" stroke-width="5" stroke-linecap="round">
<line x1="435" y1="465" x2="470" y2="495"></line>
<rect x="458" y="492" width="26" height="8" rx="3" fill="#0f172a" stroke="none"></rect>
</g>
<path d="M 465,475 C 475,475 495,485 505,492 C 495,495 480,498 460,495 C 455,488 458,478 465,475 Z" fill="#f97316"></path>
<path d="M 470,480 L 500,493 M 468,485 L 488,495" stroke="#ea580c" stroke-width="1.5"></path>
</g>
</g>
<g fill="#cbd5e1" opacity="0.6">
<circle cx="180" cy="530" r="6"></circle>
<circle cx="165" cy="525" r="9"></circle>
<circle cx="145" cy="533" r="4"></circle>
</g>
</svg>