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="100%">
<stop offset="0%" stop-color="#E0F2FE"></stop>
<stop offset="65%" stop-color="#FEF3C7"></stop>
<stop offset="100%" stop-color="#FDE68A"></stop>
</linearGradient>
<radialGradient id="sunGrad" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#FFFBEB" stop-opacity="0.9"></stop>
<stop offset="60%" stop-color="#FDE68A" stop-opacity="0.6"></stop>
<stop offset="100%" stop-color="#FDE68A" stop-opacity="0"></stop>
</radialGradient>
<linearGradient id="frameGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<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="100%">
<stop offset="0%" stop-color="#FFFFFF"></stop>
<stop offset="45%" stop-color="#E2E8F0"></stop>
<stop offset="70%" stop-color="#94A3B8"></stop>
<stop offset="100%" stop-color="#CBD5E1"></stop>
</linearGradient>
<linearGradient id="pelicanBodyGrad" x1="20%" y1="0%" x2="80%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF"></stop>
<stop offset="70%" stop-color="#F1F5F9"></stop>
<stop offset="100%" stop-color="#CBD5E1"></stop>
</linearGradient>
<linearGradient id="beakGrad" x1="0%" y1="0%" x2="100%" y2="50%">
<stop offset="0%" stop-color="#FBBF24"></stop>
<stop offset="40%" stop-color="#F59E0B"></stop>
<stop offset="100%" stop-color="#D97706"></stop>
</linearGradient>
<linearGradient id="pouchGrad" x1="30%" y1="0%" x2="70%" y2="100%">
<stop offset="0%" stop-color="#FDA4AF"></stop>
<stop offset="55%" stop-color="#FB7185"></stop>
<stop offset="100%" stop-color="#E11D48"></stop>
</linearGradient>
<linearGradient id="footGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FB923C"></stop>
<stop offset="100%" stop-color="#EA580C"></stop>
</linearGradient>
<filter id="softShadow" x="-10%" y="-10%" width="130%" height="130%">
<feDropShadow dx="0" dy="8" stdDeviation="6" flood-color="#0F172A" flood-opacity="0.15"></feDropShadow>
</filter>
</defs>
<circle cx="400" cy="300" r="260" fill="url(#skyGrad)"></circle>
<circle cx="560" cy="180" r="110" fill="url(#sunGrad)"></circle>
<path d="M 230,140 Q 238,132 246,140 Q 254,132 262,140" fill="none" stroke="#94A3B8" stroke-width="2.5" stroke-linecap="round"></path>
<path d="M 270,165 Q 276,158 282,165 Q 288,158 294,165" fill="none" stroke="#94A3B8" stroke-width="2" stroke-linecap="round" opacity="0.75"></path>
<g fill="#FFFFFF" opacity="0.7">
<path d="M 170,220 C 170,205 185,195 200,200 C 210,190 230,190 240,200 C 255,195 270,205 270,220 Z"></path>
<path d="M 520,130 C 520,120 530,110 542,115 C 550,105 565,105 575,115 C 585,110 598,120 598,130 Z"></path>
</g>
<path d="M 140,510 C 240,505 560,505 660,510 L 660,560 L 140,560 Z" fill="#94A3B8" opacity="0.25"></path>
<line x1="150" y1="520" x2="650" y2="520" stroke="#E2E8F0" stroke-width="4" stroke-dasharray="25 15" stroke-linecap="round"></line>
<g stroke="#38BDF8" stroke-width="2" stroke-linecap="round" opacity="0.6">
<path d="M 120,290 C 145,285 170,295 190,290" fill="none"></path>
<path d="M 95,330 C 130,325 160,335 185,330" fill="none"></path>
<path d="M 130,380 C 150,375 175,385 195,380" fill="none"></path>
</g>
<ellipse cx="220" cy="520" rx="45" ry="8" fill="#334155" opacity="0.25"></ellipse>
<ellipse cx="580" cy="520" rx="45" ry="8" fill="#334155" opacity="0.25"></ellipse>
<g id="far-pedal">
<line x1="370" y1="440" x2="340" y2="405" stroke="#64748B" stroke-width="6" stroke-linecap="round"></line>
<rect x="325" y="398" width="22" height="8" rx="3" fill="#334155"></rect>
<path d="M 335,370 L 338,402 L 322,400 Q 328,390 335,370 Z" fill="#C2410C"></path>
</g>
<g id="rear-wheel">
<circle cx="220" cy="452" r="68" fill="none" stroke="#1E293B" stroke-width="14"></circle>
<circle cx="220" cy="452" r="61" fill="none" stroke="#D97706" stroke-width="4"></circle>
<circle cx="220" cy="452" r="57" fill="none" stroke="url(#chromeGrad)" stroke-width="4"></circle>
<g stroke="#CBD5E1" stroke-width="1.4" opacity="0.85">
<line x1="220" y1="452" x2="274" y2="452"></line><line x1="220" y1="452" x2="166" y2="452"></line>
<line x1="220" y1="452" x2="220" y2="506"></line><line x1="220" y1="452" x2="220" y2="398"></line>
<line x1="220" y1="452" x2="258" y2="490"></line><line x1="220" y1="452" x2="182" y2="414"></line>
<line x1="220" y1="452" x2="182" y2="490"></line><line x1="220" y1="452" x2="258" y2="414"></line>
<line x1="220" y1="452" x2="270" y2="473"></line><line x1="220" y1="452" x2="170" y2="431"></line>
<line x1="220" y1="452" x2="170" y2="473"></line><line x1="220" y1="452" x2="270" y2="431"></line>
<line x1="220" y1="452" x2="241" y2="502"></line><line x1="220" y1="452" x2="199" y2="402"></line>
<line x1="220" y1="452" x2="199" y2="502"></line><line x1="220" y1="452" x2="241" y2="402"></line>
</g>
<circle cx="220" cy="452" r="14" fill="#64748B"></circle>
<circle cx="220" cy="452" r="6" fill="#F8FAFC"></circle>
</g>
<path d="M 158,450 C 158,380 205,372 260,378 L 290,430" fill="none" stroke="url(#frameGrad)" stroke-width="8" stroke-linecap="round"></path>
<line x1="220" y1="452" x2="168" y2="415" stroke="#94A3B8" stroke-width="3"></line>
<line x1="220" y1="452" x2="252" y2="385" stroke="#94A3B8" stroke-width="3"></line>
<path d="M 195,355 L 290,355 L 280,380" fill="none" stroke="#64748B" stroke-width="4" stroke-linejoin="round"></path>
<line x1="220" y1="452" x2="205" y2="355" stroke="#64748B" stroke-width="3"></line>
<line x1="220" y1="452" x2="270" y2="355" stroke="#64748B" stroke-width="3"></line>
<rect x="205" y="338" width="70" height="17" rx="8" fill="#F43F5E"></rect>
<line x1="222" y1="338" x2="222" y2="355" stroke="#78350F" stroke-width="2.5"></line>
<line x1="258" y1="338" x2="258" y2="355" stroke="#78350F" stroke-width="2.5"></line>
<g id="bike-frame" stroke="url(#frameGrad)" stroke-linecap="round" stroke-linejoin="round">
<line x1="220" y1="452" x2="370" y2="440" stroke-width="8"></line>
<line x1="220" y1="452" x2="320" y2="295" stroke-width="8"></line>
<line x1="370" y1="440" x2="320" y2="295" stroke-width="10"></line>
<line x1="370" y1="440" x2="530" y2="290" stroke-width="10"></line>
<path d="M 320,295 C 390,290 460,265 520,240" stroke-width="10" fill="none"></path>
<line x1="520" y1="240" x2="535" y2="295" stroke-width="12"></line>
</g>
<g id="front-wheel">
<circle cx="580" cy="452" r="68" fill="none" stroke="#1E293B" stroke-width="14"></circle>
<circle cx="580" cy="452" r="61" fill="none" stroke="#D97706" stroke-width="4"></circle>
<circle cx="580" cy="452" r="57" fill="none" stroke="url(#chromeGrad)" stroke-width="4"></circle>
<g stroke="#CBD5E1" stroke-width="1.4" opacity="0.85">
<line x1="580" y1="452" x2="634" y2="452"></line><line x1="580" y1="452" x2="526" y2="452"></line>
<line x1="580" y1="452" x2="580" y2="506"></line><line x1="580" y1="452" x2="580" y2="398"></line>
<line x1="580" y1="452" x2="618" y2="490"></line><line x1="580" y1="452" x2="542" y2="414"></line>
<line x1="580" y1="452" x2="542" y2="490"></line><line x1="580" y1="452" x2="618" y2="414"></line>
<line x1="580" y1="452" x2="630" y2="473"></line><line x1="580" y1="452" x2="530" y2="431"></line>
<line x1="580" y1="452" x2="530" y2="473"></line><line x1="580" y1="452" x2="630" y2="431"></line>
<line x1="580" y1="452" x2="601" y2="502"></line><line x1="580" y1="452" x2="559" y2="402"></line>
<line x1="580" y1="452" x2="559" y2="502"></line><line x1="580" y1="452" x2="601" y2="402"></line>
</g>
<circle cx="580" cy="452" r="10" fill="#64748B"></circle>
<circle cx="580" cy="452" r="5" fill="#F8FAFC"></circle>
</g>
<path d="M 535,295 L 552,380 Q 560,425 580,452" fill="none" stroke="url(#frameGrad)" stroke-width="8" stroke-linecap="round"></path>
<path d="M 525,415 C 535,372 580,370 635,400 L 648,435" fill="none" stroke="url(#frameGrad)" stroke-width="8" stroke-linecap="round"></path>
<line x1="580" y1="452" x2="635" y2="412" stroke="#94A3B8" stroke-width="3"></line>
<circle cx="370" cy="440" r="26" fill="#475569" stroke="#94A3B8" stroke-width="2"></circle>
<path d="M 360,420 L 410,420 C 420,420 425,435 415,445 L 260,450 C 248,450 248,440 260,438 Z" fill="#0F766E"></path>
<circle cx="370" cy="440" r="12" fill="url(#chromeGrad)"></circle>
<g id="saddle">
<line x1="320" y1="295" x2="313" y2="258" stroke="url(#chromeGrad)" stroke-width="7" stroke-linecap="round"></line>
<circle cx="288" cy="265" r="5" fill="none" stroke="#64748B" stroke-width="3"></circle>
<circle cx="298" cy="266" r="5" fill="none" stroke="#64748B" stroke-width="3"></circle>
<path d="M 275,255 C 275,250 290,246 325,248 C 345,249 355,256 348,261 C 335,263 320,260 282,260 Z" fill="#78350F" filter="url(#softShadow)"></path>
<circle cx="282" cy="256" r="1.5" fill="#FEF08A"></circle>
<circle cx="295" cy="255" r="1.5" fill="#FEF08A"></circle>
<circle cx="308" cy="255" r="1.5" fill="#FEF08A"></circle>
</g>
<g id="pelican" filter="url(#softShadow)">
<g id="pelican-tail">
<path d="M 290,245 C 260,238 220,230 195,225 C 220,238 255,248 285,253 Z" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1.5"></path>
<path d="M 295,250 C 265,248 230,244 205,240 C 230,252 265,258 290,260 Z" fill="#F1F5F9" stroke="#94A3B8" stroke-width="1.5"></path>
<path d="M 292,256 C 270,258 240,260 218,258 C 240,268 275,268 295,264 Z" fill="#334155"></path>
</g>
<path d="M 305,255 C 290,235 320,185 365,180 C 400,175 425,190 435,220 C 445,250 425,295 385,295 C 345,295 315,280 305,255 Z" fill="url(#pelicanBodyGrad)"></path>
<g id="near-leg">
<path d="M 350,285 Q 365,305 375,325 Q 355,320 342,295 Z" fill="#E2E8F0"></path>
<line x1="370" y1="322" x2="395" y2="445" stroke="url(#footGrad)" stroke-width="7" stroke-linecap="round"></line>
<circle cx="395" cy="445" r="5" fill="#EA580C"></circle>
<path d="M 395,445 L 430,466 C 420,468 410,470 398,474 C 385,472 375,466 368,460 Z" fill="url(#footGrad)"></path>
<path d="M 395,445 L 432,465" stroke="#C2410C" stroke-width="2.5" stroke-linecap="round"></path>
<path d="M 395,445 L 402,475" stroke="#C2410C" stroke-width="2.5" stroke-linecap="round"></path>
<path d="M 395,445 L 368,460" stroke="#C2410C" stroke-width="2.5" stroke-linecap="round"></path>
</g>
<path d="M 405,195 C 415,160 435,130 460,115 C 475,105 480,95 485,90 C 475,120 445,145 435,180 C 430,200 425,215 415,225 Z" fill="url(#pelicanBodyGrad)"></path>
<circle cx="490" cy="85" r="28" fill="#FFFFFF"></circle>
<g id="throat-pouch">
<path d="M 645,110 C 625,145 595,190 535,190 C 475,190 442,150 448,125 C 475,138 560,135 645,110 Z" fill="url(#pouchGrad)" opacity="0.95"></path>
<path d="M 480,140 Q 520,175 565,182" fill="none" stroke="#F43F5E" stroke-width="1.8" stroke-dasharray="4 4" opacity="0.6"></path>
<path d="M 510,136 Q 550,165 595,168" fill="none" stroke="#F43F5E" stroke-width="1.8" stroke-dasharray="4 4" opacity="0.6"></path>
<path d="M 550,128 Q 580,150 622,142" fill="none" stroke="#F43F5E" stroke-width="1.8" stroke-dasharray="4 4" opacity="0.6"></path>
</g>
<g id="upper-beak">
<path d="M 495,78 C 530,80 605,96 652,107 C 658,109 660,114 656,118 C 652,122 645,118 640,115 C 595,102 530,90 495,88 Z" fill="url(#beakGrad)"></path>
<path d="M 650,107 C 655,108 658,112 657,117 C 655,123 648,124 645,118 Z" fill="#B45309"></path>
<path d="M 505,80 C 545,82 605,96 645,106" fill="none" stroke="#FEF08A" stroke-width="2" stroke-linecap="round"></path>
<line x1="518" y1="83" x2="532" y2="85" stroke="#92400E" stroke-width="1.5" stroke-linecap="round"></line>
</g>
<g id="pelican-eye">
<circle cx="496" cy="74" r="8.5" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"></circle>
<circle cx="498" cy="74" r="6" fill="#F59E0B"></circle>
<circle cx="499" cy="74" r="4" fill="#0F172A"></circle>
<circle cx="497.5" cy="72" r="1.6" fill="#FFFFFF"></circle>
<circle cx="501" cy="75" r="0.8" fill="#FFFFFF"></circle>
<path d="M 488,67 Q 498,63 506,68" fill="none" stroke="#64748B" stroke-width="2.5" stroke-linecap="round"></path>
</g>
<g id="cycling-cap">
<path d="M 470,72 C 468,50 500,45 515,62 C 500,64 485,67 470,72 Z" fill="#1D4ED8"></path>
<path d="M 484,51 C 492,50 498,52 504,57 L 493,65 L 482,65 Z" fill="#EF4444"></path>
<path d="M 510,63 C 516,56 525,52 530,55 C 527,62 520,67 512,68 Z" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1"></path>
<path d="M 467,62 Q 455,58 450,65 Q 460,65 468,66" fill="#F8FAFC"></path>
</g>
<g id="pelican-wing">
<path d="M 350,195 C 375,185 410,190 435,215 C 445,225 450,240 440,260 C 420,285 365,270 345,245 C 335,230 338,205 350,195 Z" fill="url(#pelicanBodyGrad)"></path>
<path d="M 370,225 Q 405,225 425,250" fill="none" stroke="#CBD5E1" stroke-width="2.5"></path>
<path d="M 360,240 Q 390,245 412,265" fill="none" stroke="#CBD5E1" stroke-width="2.5"></path>
<path d="M 430,220 C 445,205 465,195 490,195 L 500,205 C 485,215 465,225 440,245 Z" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1.5"></path>
<path d="M 485,195 Q 500,190 505,202 Q 492,208 485,195 Z" fill="#334155"></path>
<path d="M 480,202 Q 496,198 498,210 Q 486,214 480,202 Z" fill="#475569"></path>
</g>
</g>
<line x1="520" y1="240" x2="505" y2="195" stroke="url(#chromeGrad)" stroke-width="7" stroke-linecap="round"></line>
<path d="M 505,195 Q 515,180 528,185 Q 518,202 485,200" fill="none" stroke="url(#chromeGrad)" stroke-width="6" stroke-linecap="round"></path>
<rect x="475" y="195" width="18" height="9" rx="4" fill="#334155" transform="rotate(-5 480 200)"></rect>
<circle cx="516" cy="182" r="7" fill="#FACC15" stroke="#CA8A04" stroke-width="1.5"></circle>
<circle cx="516" cy="182" r="3" fill="#FEF08A"></circle>
<line x1="511" y1="187" x2="507" y2="191" stroke="#CA8A04" stroke-width="2"></line>
<g id="headlight">
<path d="M 540,240 L 560,245 C 565,246 568,255 560,258 L 540,260 Z" fill="url(#chromeGrad)"></path>
<ellipse cx="560" cy="251" rx="3" ry="7" fill="#FEF08A"></ellipse>
<polygon points="563,248 680,225 690,295 563,256" fill="#FEF08A" opacity="0.2"></polygon>
</g>
<g id="near-crank">
<line x1="370" y1="440" x2="395" y2="475" stroke="url(#chromeGrad)" stroke-width="7" stroke-linecap="round"></line>
<circle cx="370" cy="440" r="6" fill="#334155"></circle>
<rect x="382" y="470" width="26" height="8" rx="3" fill="#1E293B" stroke="#475569" stroke-width="1"></rect>
</g>
<g fill="#FFFFFF" stroke="#CBD5E1" opacity="0.85">
<path d="M 175,260 C 165,250 150,255 145,265 C 155,268 168,268 175,260 Z"></path>
<path d="M 130,310 C 122,305 112,310 108,318 C 116,320 125,318 130,310 Z" transform="rotate(-15 120 312)"></path>
</g>
<g fill="#CBD5E1" opacity="0.6">
<circle cx="170" cy="515" r="5"></circle>
<circle cx="158" cy="512" r="3.5"></circle>
<circle cx="148" cy="516" r="2.5"></circle>
</g>
</svg>