SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Em76Ecv2
N/A
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
31.8 KB
19.88 KB
-37%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<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="#BAE6FD"></stop> <stop offset="45%" stop-color="#E0F2FE"></stop> <stop offset="75%" stop-color="#FEF3C7"></stop> <stop offset="100%" stop-color="#FED7AA"></stop> </linearGradient> <radialGradient id="sunGlow" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#FFFBEB" stop-opacity="1"></stop> <stop offset="35%" stop-color="#FDE68A" stop-opacity="0.7"></stop> <stop offset="70%" stop-color="#FDE68A" stop-opacity="0.2"></stop> <stop offset="100%" stop-color="#FDE68A" stop-opacity="0"></stop> </radialGradient> <linearGradient id="groundGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#86EFAC"></stop> <stop offset="8%" stop-color="#4ADE80"></stop> <stop offset="25%" stop-color="#22C55E"></stop> <stop offset="100%" stop-color="#15803D"></stop> </linearGradient> <linearGradient id="roadGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#64748B"></stop> <stop offset="15%" stop-color="#475569"></stop> <stop offset="100%" stop-color="#334155"></stop> </linearGradient> <linearGradient id="bikeFrameGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#2DD4BF"></stop> <stop offset="40%" stop-color="#0D9488"></stop> <stop offset="100%" stop-color="#115E59"></stop> </linearGradient> <linearGradient id="bikeAccentGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#F43F5E"></stop> <stop offset="100%" stop-color="#BE123C"></stop> </linearGradient> <linearGradient id="chromeGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="25%" stop-color="#E2E8F0"></stop> <stop offset="50%" stop-color="#94A3B8"></stop> <stop offset="75%" stop-color="#CBD5E1"></stop> <stop offset="100%" stop-color="#64748B"></stop> </linearGradient> <radialGradient id="tireGrad" cx="50%" cy="50%" r="50%"> <stop offset="82%" stop-color="#334155"></stop> <stop offset="90%" stop-color="#1E293B"></stop> <stop offset="100%" stop-color="#0F172A"></stop> </radialGradient> <linearGradient id="pelicanBodyGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="60%" stop-color="#F8FAFC"></stop> <stop offset="85%" stop-color="#E2E8F0"></stop> <stop offset="100%" stop-color="#CBD5E1"></stop> </linearGradient> <linearGradient id="pelicanShadowGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#E2E8F0"></stop> <stop offset="100%" stop-color="#94A3B8"></stop> </linearGradient> <linearGradient id="upperBeakGrad" x1="0%" y1="0%" x2="100%" y2="50%"> <stop offset="0%" stop-color="#FBBF24"></stop> <stop offset="50%" stop-color="#F59E0B"></stop> <stop offset="90%" stop-color="#EA580C"></stop> <stop offset="100%" stop-color="#C2410C"></stop> </linearGradient> <linearGradient id="pouchGrad" x1="10%" y1="0%" x2="70%" y2="100%"> <stop offset="0%" stop-color="#FDBA74"></stop> <stop offset="35%" stop-color="#FB923C"></stop> <stop offset="70%" stop-color="#F97316"></stop> <stop offset="100%" stop-color="#EA580C"></stop> </linearGradient> <linearGradient id="pouchInnerGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#FECDD3" stop-opacity="0.6"></stop> <stop offset="100%" stop-color="#FDA4AF" stop-opacity="0.1"></stop> </linearGradient> <linearGradient id="webFootGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#FDBA74"></stop> <stop offset="40%" stop-color="#FB923C"></stop> <stop offset="100%" stop-color="#C2410C"></stop> </linearGradient> <linearGradient id="scarfGrad" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#E11D48"></stop> <stop offset="50%" stop-color="#F43F5E"></stop> <stop offset="100%" stop-color="#BE123C"></stop> </linearGradient> <linearGradient id="leatherGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#A16207"></stop> <stop offset="50%" stop-color="#78350F"></stop> <stop offset="100%" stop-color="#451A03"></stop> </linearGradient> <linearGradient id="wickerGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#FDE68A"></stop> <stop offset="50%" stop-color="#D97706"></stop> <stop offset="100%" stop-color="#92400E"></stop> </linearGradient> <filter id="groundShadow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur in="SourceAlpha" stdDeviation="9"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0.05 0 0 0 0 0.1 0 0 0 0 0.15 0 0 0 0.4 0"></feColorMatrix> <feOffset dx="6" dy="12"></feOffset> <feBlend in="SourceGraphic" in2="blurOut" mode="normal"></feBlend> </filter> <filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="3" result="glow"></feGaussianBlur> <feComposite in="SourceGraphic" in2="glow" mode="over"></feComposite> </filter> </defs> <rect x="0" y="0" width="900" height="470" fill="url(#skyGrad)"></rect> <circle cx="720" cy="140" r="130" fill="url(#sunGlow)"></circle> <circle cx="720" cy="140" r="42" fill="#FEF08A"></circle> <path d="M0,380 Q120,340 260,365 T540,350 T780,360 Q850,355 900,365 L900,470 L0,470 Z" fill="#99F6E4" opacity="0.45"></path> <path d="M0,395 C90,375 180,385 300,375 C450,360 620,385 750,370 C820,362 860,372 900,370 L900,470 L0,470 Z" fill="#5EEAD4" opacity="0.4"></path> <rect x="0" y="405" width="900" height="22" fill="#38BDF8" opacity="0.35"></rect> <line x1="120" y1="413" x2="190" y2="413" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></line> <line x1="340" y1="418" x2="440" y2="418" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></line> <line x1="680" y1="411" x2="770" y2="411" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></line> <g stroke="#0284C7" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.5"> <path d="M 690,75 Q 698,67 706,75 Q 714,67 722,75"></path> <path d="M 735,90 Q 741,83 747,90 Q 753,83 759,90"></path> <path d="M 660,105 Q 665,99 670,105 Q 675,99 680,105"></path> </g> <path d="M0,420 Q180,410 380,422 T760,418 Q840,416 900,422 L900,470 L0,470 Z" fill="url(#groundGrad)"></path> <rect x="0" y="450" width="900" height="200" fill="url(#roadGrad)"></rect> <rect x="0" y="446" width="900" height="7" fill="#94A3B8"></rect> <rect x="0" y="453" width="900" height="3" fill="#64748B"></rect> <g stroke="#F8FAFC" stroke-width="6" stroke-linecap="round" opacity="0.85" stroke-dasharray="70 45"> <line x1="-20" y1="585" x2="940" y2="585"></line> </g> <line x1="0" y1="468" x2="900" y2="468" stroke="#CBD5E1" stroke-width="2.5" stroke-dasharray="12 8" opacity="0.6"></line> <g stroke="#F8FAFC" stroke-linecap="round" opacity="0.55" fill="none"> <path d="M 120,490 Q 150,480 180,495" stroke-width="2.5" stroke-dasharray="8 6"></path> <path d="M 90,520 Q 130,510 175,522" stroke-width="3" stroke-dasharray="14 8"></path> <path d="M 110,545 Q 140,535 210,545" stroke-width="2" stroke-dasharray="20 10"></path> <path d="M 80,310 C 130,300 150,330 120,340 C 95,348 85,325 110,315 L 200,315" stroke-width="2" stroke="#38BDF8" opacity="0.4"></path> <path d="M 140,240 C 180,230 200,250 180,265 C 160,275 145,255 170,245 L 280,245" stroke-width="2" stroke="#38BDF8" opacity="0.35"></path> </g> <g id="bicycle-and-pelican"> <ellipse cx="460" cy="542" rx="275" ry="18" fill="#0F172A" opacity="0.35" filter="url(#groundShadow)"></ellipse> <ellipse cx="255" cy="542" rx="65" ry="10" fill="#0F172A" opacity="0.45" filter="url(#groundShadow)"></ellipse> <ellipse cx="665" cy="542" rx="65" ry="10" fill="#0F172A" opacity="0.45" filter="url(#groundShadow)"></ellipse> <g id="rear-wheel"> <circle cx="255" cy="460" r="82" fill="url(#tireGrad)"></circle> <circle cx="255" cy="460" r="70" fill="none" stroke="#E2E8F0" stroke-width="4.5"></circle> <circle cx="255" cy="460" r="66" fill="#0F172A"></circle> <g stroke="url(#chromeGrad)" stroke-width="1.3" opacity="0.8"> <line x1="255" y1="460" x2="255" y2="392"></line> <line x1="255" y1="460" x2="255" y2="528"></line> <line x1="255" y1="460" x2="187" y2="460"></line> <line x1="255" y1="460" x2="323" y2="460"></line> <line x1="255" y1="460" x2="207" y2="412"></line> <line x1="255" y1="460" x2="303" y2="508"></line> <line x1="255" y1="460" x2="207" y2="508"></line> <line x1="255" y1="460" x2="303" y2="412"></line> <line x1="255" y1="460" x2="229" y2="397"></line> <line x1="255" y1="460" x2="281" y2="523"></line> <line x1="255" y1="460" x2="192" y2="434"></line> <line x1="255" y1="460" x2="318" y2="486"></line> <line x1="255" y1="460" x2="192" y2="486"></line> <line x1="255" y1="460" x2="318" y2="434"></line> <line x1="255" y1="460" x2="229" y2="523"></line> <line x1="255" y1="460" x2="281" y2="397"></line> </g> <circle cx="255" cy="460" r="14" fill="#64748B"></circle> <circle cx="255" cy="460" r="9" fill="url(#chromeGrad)"></circle> <circle cx="255" cy="460" r="4" fill="#0F172A"></circle> <path d="M 175,445 A 86 86 0 0 1 315,395" fill="none" stroke="url(#bikeFrameGrad)" stroke-width="8" stroke-linecap="round"></path> <path d="M 180,443 A 84 84 0 0 1 310,397" fill="none" stroke="#5EEAD4" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></path> <line x1="255" y1="460" x2="183" y2="435" stroke="url(#chromeGrad)" stroke-width="2"></line> <line x1="255" y1="460" x2="295" y2="395" stroke="url(#chromeGrad)" stroke-width="2"></line> </g> <g id="bike-frame"> <line x1="255" y1="460" x2="445" y2="460" stroke="url(#bikeFrameGrad)" stroke-width="9" stroke-linecap="round"></line> <line x1="255" y1="460" x2="445" y2="460" stroke="#CCFBF1" stroke-width="1.5" stroke-linecap="round" opacity="0.4"></line> <line x1="255" y1="460" x2="375" y2="310" stroke="url(#bikeFrameGrad)" stroke-width="8" stroke-linecap="round"></line> <line x1="255" y1="460" x2="375" y2="310" stroke="#CCFBF1" stroke-width="1.5" stroke-linecap="round" opacity="0.4"></line> <path d="M 255,452 L 445,442 A 22 22 0 0 1 445,478 L 255,468 A 10 10 0 0 1 255,452 Z" fill="none" stroke="#475569" stroke-width="3" stroke-dasharray="5 2.5"></path> <circle cx="445" cy="460" r="25" fill="url(#chromeGrad)"></circle> <circle cx="445" cy="460" r="20" fill="none" stroke="#334155" stroke-width="2"></circle> <circle cx="445" cy="445" r="3.5" fill="#1E293B"></circle> <circle cx="459" cy="454" r="3.5" fill="#1E293B"></circle> <circle cx="454" cy="471" r="3.5" fill="#1E293B"></circle> <circle cx="436" cy="471" r="3.5" fill="#1E293B"></circle> <circle cx="431" cy="454" r="3.5" fill="#1E293B"></circle> <line x1="445" y1="460" x2="410" y2="395" stroke="#94A3B8" stroke-width="6.5" stroke-linecap="round"></line> <rect x="395" y="390" width="22" height="9" rx="3" fill="#334155"></rect> <line x1="445" y1="460" x2="375" y2="305" stroke="url(#bikeFrameGrad)" stroke-width="11" stroke-linecap="round"></line> <line x1="443" y1="458" x2="373" y2="307" stroke="#CCFBF1" stroke-width="2" stroke-linecap="round" opacity="0.4"></line> <line x1="445" y1="460" x2="595" y2="280" stroke="url(#bikeFrameGrad)" stroke-width="12" stroke-linecap="round"></line> <line x1="445" y1="457" x2="593" y2="278" stroke="#CCFBF1" stroke-width="2.5" stroke-linecap="round" opacity="0.5"></line> <line x1="475" y1="422" x2="555" y2="326" stroke="#FEF08A" stroke-width="4.5" stroke-linecap="round" opacity="0.9"></line> <line x1="485" y1="410" x2="545" y2="338" stroke="#F43F5E" stroke-width="1.8" stroke-linecap="round"></line> <path d="M 375,320 C 445,305 520,285 595,275" fill="none" stroke="url(#bikeFrameGrad)" stroke-width="10" stroke-linecap="round"></path> <path d="M 375,320 C 445,305 520,285 595,275" fill="none" stroke="#CCFBF1" stroke-width="2" opacity="0.5"></path> <path d="M 375,342 C 455,340 540,315 595,282" fill="none" stroke="url(#bikeFrameGrad)" stroke-width="6.5" stroke-linecap="round"></path> <line x1="595" y1="285" x2="583" y2="225" stroke="url(#bikeFrameGrad)" stroke-width="13" stroke-linecap="round"></line> <line x1="593" y1="283" x2="581" y2="227" stroke="#CCFBF1" stroke-width="2" stroke-linecap="round" opacity="0.5"></line> <rect x="586" y="248" width="5" height="12" rx="2" fill="#FBBF24"></rect> <line x1="375" y1="310" x2="368" y2="255" stroke="url(#chromeGrad)" stroke-width="8" stroke-linecap="round"></line> <g id="saddle"> <path d="M 345,263 Q 352,272 360,263 Q 368,272 376,263" fill="none" stroke="url(#chromeGrad)" stroke-width="3"></path> <path d="M 325,255 C 330,242 365,240 395,246 C 412,250 418,258 410,262 C 390,266 360,260 340,262 C 328,263 323,260 325,255 Z" fill="url(#leatherGrad)"></path> <path d="M 335,248 C 350,244 380,244 402,250" fill="none" stroke="#D97706" stroke-width="1.8" stroke-linecap="round" opacity="0.6"></path> <circle cx="333" cy="256" r="1.6" fill="#FDE68A"></circle> <circle cx="340" cy="258" r="1.6" fill="#FDE68A"></circle> <circle cx="348" cy="259" r="1.6" fill="#FDE68A"></circle> </g> </g> <g id="front-wheel"> <line x1="585" y1="240" x2="665" y2="460" stroke="url(#bikeFrameGrad)" stroke-width="9" stroke-linecap="round"></line> <line x1="583" y1="240" x2="663" y2="460" stroke="#CCFBF1" stroke-width="2" stroke-linecap="round" opacity="0.5"></line> <ellipse cx="590" cy="250" rx="6" ry="4" fill="url(#chromeGrad)"></ellipse> <circle cx="665" cy="460" r="82" fill="url(#tireGrad)"></circle> <circle cx="665" cy="460" r="70" fill="none" stroke="#E2E8F0" stroke-width="4.5"></circle> <circle cx="665" cy="460" r="66" fill="#0F172A"></circle> <g stroke="url(#chromeGrad)" stroke-width="1.3" opacity="0.8"> <line x1="665" y1="460" x2="665" y2="392"></line> <line x1="665" y1="460" x2="665" y2="528"></line> <line x1="665" y1="460" x2="597" y2="460"></line> <line x1="665" y1="460" x2="733" y2="460"></line> <line x1="665" y1="460" x2="617" y2="412"></line> <line x1="665" y1="460" x2="713" y2="508"></line> <line x1="665" y1="460" x2="617" y2="508"></line> <line x1="665" y1="460" x2="713" y2="412"></line> <line x1="665" y1="460" x2="639" y2="397"></line> <line x1="665" y1="460" x2="691" y2="523"></line> <line x1="665" y1="460" x2="602" y2="434"></line> <line x1="665" y1="460" x2="728" y2="486"></line> <line x1="665" y1="460" x2="602" y2="486"></line> <line x1="665" y1="460" x2="728" y2="434"></line> <line x1="665" y1="460" x2="639" y2="523"></line> <line x1="665" y1="460" x2="691" y2="397"></line> </g> <circle cx="665" cy="460" r="11" fill="url(#chromeGrad)"></circle> <circle cx="665" cy="460" r="4" fill="#0F172A"></circle> <path d="M 605,405 A 86 86 0 0 1 738,425" fill="none" stroke="url(#bikeFrameGrad)" stroke-width="8" stroke-linecap="round"></path> <path d="M 610,402 A 84 84 0 0 1 733,423" fill="none" stroke="#5EEAD4" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></path> <line x1="665" y1="460" x2="725" y2="430" stroke="url(#chromeGrad)" stroke-width="2"></line> </g> <g id="handlebars"> <path d="M 583,230 L 580,185 L 602,180" fill="none" stroke="url(#chromeGrad)" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M 605,200 L 625,193 C 632,198 632,207 625,212 L 605,208 Z" fill="url(#chromeGrad)"></path> <path d="M 625,193 C 630,198 630,207 625,212 Z" fill="#FEF08A"></path> <path d="M 632,200 L 685,185 L 690,225 L 632,206 Z" fill="#FEF08A" opacity="0.25"></path> <path d="M 602,180 C 585,178 545,185 535,205" fill="none" stroke="url(#chromeGrad)" stroke-width="6.5" stroke-linecap="round"></path> <path d="M 602,180 C 612,175 628,175 632,185" fill="none" stroke="url(#chromeGrad)" stroke-width="5" stroke-linecap="round" opacity="0.7"></path> <path d="M 545,200 L 532,207" stroke="url(#leatherGrad)" stroke-width="8.5" stroke-linecap="round"></path> <circle cx="585" cy="176" r="7" fill="#FBBF24"></circle> <circle cx="585" cy="176" r="4" fill="#F59E0B"></circle> <path d="M 586,164 Q 590,161 595,164" fill="none" stroke="#F59E0B" stroke-width="1.8" stroke-linecap="round"></path> <path d="M 583,157 Q 592,152 601,157" fill="none" stroke="#F59E0B" stroke-width="1.8" stroke-linecap="round"></path> </g> <g id="front-basket"> <line x1="600" y1="210" x2="620" y2="230" stroke="#475569" stroke-width="3"></line> <line x1="665" y1="460" x2="650" y2="260" stroke="url(#chromeGrad)" stroke-width="2.5"></line> <g id="fish-friend"> <path d="M 650,175 C 670,160 690,175 685,195 C 670,205 650,195 650,175 Z" fill="#38BDF8"></path> <path d="M 685,190 L 702,180 L 696,195 L 704,205 Z" fill="#0284C7"></path> <path d="M 653,184 C 665,182 675,192 678,198 C 666,203 655,195 653,184 Z" fill="#E0F2FE"></path> <ellipse cx="660" cy="178" rx="5" ry="4" fill="#0F172A"></ellipse> <ellipse cx="670" cy="180" rx="4.5" ry="4" fill="#0F172A"></ellipse> <line x1="655" y1="177" x2="675" y2="180" stroke="#0F172A" stroke-width="2"></line> <line x1="656" y1="176" x2="659" y2="178" stroke="#FFFFFF" stroke-width="1.2"></line> <path d="M 653,186 Q 658,191 663,188" fill="none" stroke="#0369A1" stroke-width="1.5" stroke-linecap="round"></path> <path d="M 667,188 C 673,188 678,182 676,177" fill="none" stroke="#F43F5E" stroke-width="2.5" stroke-linecap="round"></path> </g> <path d="M 618,195 L 688,195 L 678,255 L 624,255 Z" fill="url(#wickerGrad)" stroke="#78350F" stroke-width="2"></path> <path d="M 619,207 L 686,207 M 621,219 L 683,219 M 622,231 L 681,231 M 623,243 L 679,243" stroke="#78350F" stroke-width="1.5" opacity="0.7"></path> <g stroke="#92400E" stroke-width="1.5" opacity="0.55"> <line x1="632" y1="196" x2="634" y2="254"></line> <line x1="644" y1="196" x2="645" y2="254"></line> <line x1="656" y1="196" x2="656" y2="254"></line> <line x1="668" y1="196" x2="666" y2="254"></line> <line x1="678" y1="196" x2="674" y2="254"></line> </g> <rect x="616" y="191" width="74" height="6" rx="3" fill="#FDE68A" stroke="#B45309" stroke-width="1.5"></rect> <circle cx="628" cy="205" r="4" fill="#F43F5E"></circle> <circle cx="628" cy="205" r="1.5" fill="#FEF08A"></circle> </g> <g id="near-crank"> <line x1="445" y1="460" x2="490" y2="520" stroke="url(#chromeGrad)" stroke-width="8" stroke-linecap="round"></line> <circle cx="445" cy="460" r="7" fill="#334155"></circle> <circle cx="490" cy="520" r="4" fill="#1E293B"></circle> <rect x="474" y="516" width="32" height="9" rx="3" fill="#1E293B" stroke="#475569" stroke-width="1"></rect> <rect x="480" y="518" width="8" height="4.5" rx="1" fill="#F59E0B"></rect> </g> <g id="pelican"> <g id="pelican-tail"> <path d="M 335,245 C 300,240 270,250 250,265 C 275,270 305,268 335,260 Z" fill="url(#pelicanShadowGrad)"></path> <path d="M 340,242 C 310,230 280,235 260,250 C 285,255 315,255 345,252 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 250,265 C 260,262 270,263 280,266 C 265,272 255,270 250,265 Z" fill="#334155"></path> <path d="M 260,250 C 272,246 285,248 295,253 C 278,258 268,257 260,250 Z" fill="#1E293B"></path> </g> <g id="pelican-leg"> <path d="M 365,265 C 380,260 415,285 410,315 C 395,320 375,305 365,265 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 370,275 C 385,275 405,295 400,315 C 392,317 380,310 370,275 Z" fill="url(#pelicanShadowGrad)" opacity="0.5"></path> <path d="M 398,310 L 485,505" stroke="url(#webFootGrad)" stroke-width="11" stroke-linecap="round"></path> <path d="M 398,310 L 485,505" stroke="#FDBA74" stroke-width="2.5" stroke-linecap="round" opacity="0.6"></path> <ellipse cx="485" cy="505" rx="6.5" ry="5.5" fill="#EA580C"></ellipse> <g id="webbed-foot"> <path d="M 485,505 Q 480,518 460,522 Q 478,520 488,525 Q 498,520 514,520 Q 498,512 485,505 Z" fill="url(#webFootGrad)"></path> <path d="M 460,522 Q 475,516 488,525 Q 502,516 514,520" fill="none" stroke="#C2410C" stroke-width="1.5"></path> <line x1="485" y1="505" x2="460" y2="522" stroke="url(#webFootGrad)" stroke-width="5" stroke-linecap="round"></line> <circle cx="459" cy="522" r="2.5" fill="#7C2D12"></circle> <line x1="485" y1="505" x2="488" y2="525" stroke="url(#webFootGrad)" stroke-width="5.5" stroke-linecap="round"></line> <circle cx="488" cy="526" r="2.5" fill="#7C2D12"></circle> <line x1="485" y1="505" x2="515" y2="520" stroke="url(#webFootGrad)" stroke-width="5" stroke-linecap="round"></line> <circle cx="516" cy="520" r="2.5" fill="#7C2D12"></circle> <line x1="485" y1="505" x2="475" y2="498" stroke="url(#webFootGrad)" stroke-width="4" stroke-linecap="round"></line> <circle cx="474" cy="497" r="1.8" fill="#7C2D12"></circle> </g> </g> <g id="pelican-body"> <path d="M 345,250 C 330,225 360,180 410,165 C 465,150 495,180 500,215 C 505,255 460,290 400,285 C 365,282 350,265 345,250 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 355,260 C 375,282 435,290 475,255 C 495,235 498,215 498,215 C 495,245 450,285 390,282 C 370,280 358,270 355,260 Z" fill="url(#pelicanShadowGrad)" opacity="0.6"></path> <path d="M 430,170 C 470,175 490,195 490,220 C 485,200 460,180 430,170 Z" fill="#FFFFFF" opacity="0.8"></path> </g> <path d="M 450,175 C 480,165 525,170 560,190 L 550,202 C 520,185 475,185 450,175 Z" fill="url(#pelicanShadowGrad)" opacity="0.5"></path> <g id="pelican-neck"> <path d="M 425,170 C 420,130 445,95 480,95 C 505,95 500,120 490,145 C 485,160 488,180 495,195 C 475,195 440,190 425,170 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 425,170 C 420,135 442,100 472,96 C 452,105 435,135 438,172 Z" fill="url(#pelicanShadowGrad)" opacity="0.65"></path> <path d="M 440,115 Q 433,122 441,128 Q 434,136 442,143 Q 436,152 445,158" fill="none" stroke="#CBD5E1" stroke-width="2"></path> </g> <g id="scarf"> <path d="M 445,162 C 465,155 490,160 500,175 C 485,185 460,183 445,162 Z" fill="url(#scarfGrad)"></path> <path d="M 455,160 L 460,180 M 475,162 L 480,182 M 490,168 L 493,180" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" opacity="0.9"></path> <path d="M 450,165 C 410,150 365,120 300,135 C 265,142 225,130 195,138 C 230,150 260,152 295,148 C 350,140 395,170 445,175 Z" fill="url(#scarfGrad)"></path> <path d="M 390,147 L 385,165 M 345,137 L 343,153 M 305,137 L 305,150 M 265,142 L 267,152 M 225,138 L 227,146" stroke="#FFFFFF" stroke-width="3.5" opacity="0.9"></path> <path d="M 195,138 L 185,135 M 195,140 L 184,140 M 195,142 L 185,144" stroke="#FDE047" stroke-width="2"></path> <path d="M 445,172 C 400,170 370,185 320,175 C 280,168 250,180 220,175 C 245,188 280,182 320,187 C 370,195 405,182 445,178 Z" fill="#BE123C"></path> <path d="M 375,178 L 372,189 M 335,178 L 334,188 M 295,174 L 297,184 M 255,177 L 257,185" stroke="#FFFFFF" stroke-width="3" opacity="0.85"></path> </g> <g id="pelican-head"> <path d="M 470,105 C 465,80 488,60 520,62 C 545,64 560,80 565,100 C 555,115 540,118 515,116 C 485,114 472,118 470,105 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 474,80 C 455,75 440,82 430,90 C 445,93 460,90 472,88 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 472,88 C 450,88 435,98 425,106 C 442,106 458,100 470,96 Z" fill="url(#pelicanShadowGrad)"></path> <ellipse cx="518" cy="85" rx="8.5" ry="9.5" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1"></ellipse> <circle cx="520" cy="85" r="5.5" fill="#0284C7"></circle> <circle cx="521" cy="85" r="3.5" fill="#0F172A"></circle> <circle cx="523" cy="82" r="1.8" fill="#FFFFFF"></circle> <circle cx="519" cy="87" r="0.9" fill="#FFFFFF"></circle> <path d="M 508,76 Q 520,71 530,76" fill="none" stroke="#94A3B8" stroke-width="2.5" stroke-linecap="round"></path> <g id="gular-pouch"> <path d="M 535,112 C 555,125 580,185 585,215 C 570,248 525,250 485,200 C 475,188 480,165 485,150 C 495,150 515,145 535,112 Z" fill="url(#pouchGrad)"></path> <path d="M 532,118 C 550,135 570,185 575,212 C 560,235 530,238 498,202 C 490,192 492,175 496,160 Z" fill="url(#pouchInnerGrad)"></path> <g fill="none" stroke="#C2410C" stroke-width="1.6" stroke-linecap="round" opacity="0.45"> <path d="M 545,125 C 555,150 565,185 572,212"></path> <path d="M 535,135 C 545,160 555,195 558,222"></path> <path d="M 525,142 C 532,168 540,202 542,228"></path> <path d="M 512,148 C 518,175 525,205 526,228"></path> <path d="M 500,155 C 505,180 510,205 510,222"></path> </g> <path d="M 525,115 C 575,120 640,128 705,130 C 660,150 610,185 585,215" fill="none" stroke="#EA580C" stroke-width="4.5" stroke-linecap="round"></path> <path d="M 525,115 C 575,120 640,128 705,130" fill="none" stroke="#FDE047" stroke-width="1.8" stroke-linecap="round"></path> </g> <g id="upper-beak"> <path d="M 525,92 C 565,95 640,105 710,122 C 716,124 720,128 718,133 C 715,137 708,136 700,132 C 640,122 570,114 522,112 Z" fill="url(#upperBeakGrad)"></path> <path d="M 706,121 C 715,123 723,128 722,135 C 720,140 714,142 710,135 C 708,131 704,127 701,126 Z" fill="#9A3412"></path> <path d="M 530,95 C 575,98 645,108 705,123" fill="none" stroke="#FEF08A" stroke-width="2.5" stroke-linecap="round" opacity="0.8"></path> <path d="M 535,102 C 570,105 630,113 675,121" fill="none" stroke="#C2410C" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></path> <path d="M 522,96 C 532,97 540,104 538,112 C 530,112 524,106 522,96 Z" fill="#F43F5E" opacity="0.45"></path> </g> <g id="cycling-cap"> <path d="M 470,85 C 472,60 505,48 535,55 C 548,58 555,68 556,78 C 535,70 500,70 470,85 Z" fill="#1E3A8A"></path> <path d="M 505,52 C 515,60 520,70 522,78" fill="none" stroke="#FFFFFF" stroke-width="3"></path> <ellipse cx="508" cy="52" rx="3.5" ry="2" fill="#F59E0B"></ellipse> <path d="M 545,68 C 555,58 572,55 580,58 C 575,67 560,74 545,74 Z" fill="#DC2626"></path> <path d="M 550,67 C 558,60 570,58 576,60" fill="none" stroke="#FFFFFF" stroke-width="2"></path> <path d="M 475,82 Q 510,72 546,80" fill="none" stroke="#451A03" stroke-width="4.5" stroke-linecap="round"></path> <circle cx="498" cy="77" r="7" fill="#FBBF24" stroke="#78350F" stroke-width="2"></circle> <circle cx="498" cy="77" r="5" fill="#E0F2FE" opacity="0.8"></circle> <line x1="495" y1="74" x2="501" y2="80" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round"></line> <circle cx="522" cy="78" r="7" fill="#FBBF24" stroke="#78350F" stroke-width="2"></circle> <circle cx="522" cy="78" r="5" fill="#E0F2FE" opacity="0.8"></circle> <line x1="519" y1="75" x2="525" y2="81" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round"></line> </g> </g> <g id="pelican-wing"> <path d="M 410,180 C 430,175 465,195 465,225 C 445,245 400,245 385,220 C 385,195 400,185 410,180 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 435,210 C 475,205 515,200 550,205 C 545,225 515,235 460,235 C 440,235 435,220 435,210 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 430,222 C 465,220 505,216 535,212 C 520,228 480,235 440,234 Z" fill="url(#pelicanShadowGrad)" opacity="0.5"></path> <path d="M 532,198 C 540,192 548,195 545,204 C 540,208 535,204 532,198 Z" fill="#F8FAFC" stroke="#CBD5E1" stroke-width="1"></path> <path d="M 540,204 C 552,198 560,205 555,214 C 550,218 542,212 540,204 Z" fill="#F1F5F9" stroke="#94A3B8" stroke-width="1"></path> <path d="M 535,210 C 548,206 558,214 552,222 C 546,225 538,220 535,210 Z" fill="#E2E8F0" stroke="#94A3B8" stroke-width="1"></path> <path d="M 525,218 C 538,215 548,222 542,230 C 535,232 526,226 525,218 Z" fill="#475569"></path> <g fill="none" stroke="#CBD5E1" stroke-width="2" stroke-linecap="round"> <path d="M 415,200 Q 425,208 435,200"></path> <path d="M 435,202 Q 445,210 455,202"></path> <path d="M 455,204 Q 465,212 475,204"></path> <path d="M 405,215 Q 418,225 430,215"></path> <path d="M 430,217 Q 442,227 455,217"></path> <path d="M 455,218 Q 470,228 485,217"></path> </g> </g> </g> </g> <g fill="#CBD5E1" opacity="0.45"> <circle cx="160" cy="538" r="8"></circle> <circle cx="145" cy="535" r="12"></circle> <circle cx="130" cy="540" r="7"></circle> <circle cx="115" cy="536" r="14"></circle> <circle cx="95" cy="542" r="9"></circle> </g> <g stroke="#FFFFFF" stroke-linecap="round" opacity="0.65" fill="none"> <line x1="720" y1="170" x2="840" y2="170" stroke-width="2.5" stroke-dasharray="40 20"></line> <line x1="690" y1="145" x2="780" y2="145" stroke-width="1.8" stroke-dasharray="30 15"></line> <line x1="740" y1="195" x2="860" y2="195" stroke-width="2" stroke-dasharray="50 25"></line> <line x1="660" y1="280" x2="760" y2="280" stroke-width="2" stroke-dasharray="35 15"></line> </g> <g fill="#0284C7" opacity="0.75"> <path d="M 760,110 A 4 3 0 1 1 754,112 L 759,92 L 773,88 L 773,95 L 763,98 L 763,110 Z"></path> <path d="M 795,130 A 3.5 2.5 0 1 1 790,132 L 794,115 L 804,118 L 804,130 Z"></path> </g> <g id="roadside-flora"> <path d="M 830,550 Q 825,480 810,460 Q 825,485 835,550 Z" fill="#15803D"></path> <path d="M 845,550 Q 850,470 865,450 Q 855,480 850,550 Z" fill="#22C55E"></path> <path d="M 860,550 Q 875,490 895,475 Q 880,505 868,550 Z" fill="#16A34A"></path> <circle cx="810" cy="460" r="4.5" fill="#FEF08A"></circle> <circle cx="810" cy="460" r="2.5" fill="#EA580C"></circle> <circle cx="865" cy="450" r="5" fill="#FEF08A"></circle> <circle cx="865" cy="450" r="2.5" fill="#EA580C"></circle> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
31.8 KB
19.88 KB
-37%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<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="#BAE6FD"></stop> <stop offset="45%" stop-color="#E0F2FE"></stop> <stop offset="75%" stop-color="#FEF3C7"></stop> <stop offset="100%" stop-color="#FED7AA"></stop> </linearGradient> <radialGradient id="sunGlow" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#FFFBEB" stop-opacity="1"></stop> <stop offset="35%" stop-color="#FDE68A" stop-opacity="0.7"></stop> <stop offset="70%" stop-color="#FDE68A" stop-opacity="0.2"></stop> <stop offset="100%" stop-color="#FDE68A" stop-opacity="0"></stop> </radialGradient> <linearGradient id="groundGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#86EFAC"></stop> <stop offset="8%" stop-color="#4ADE80"></stop> <stop offset="25%" stop-color="#22C55E"></stop> <stop offset="100%" stop-color="#15803D"></stop> </linearGradient> <linearGradient id="roadGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#64748B"></stop> <stop offset="15%" stop-color="#475569"></stop> <stop offset="100%" stop-color="#334155"></stop> </linearGradient> <linearGradient id="bikeFrameGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#2DD4BF"></stop> <stop offset="40%" stop-color="#0D9488"></stop> <stop offset="100%" stop-color="#115E59"></stop> </linearGradient> <linearGradient id="bikeAccentGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#F43F5E"></stop> <stop offset="100%" stop-color="#BE123C"></stop> </linearGradient> <linearGradient id="chromeGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="25%" stop-color="#E2E8F0"></stop> <stop offset="50%" stop-color="#94A3B8"></stop> <stop offset="75%" stop-color="#CBD5E1"></stop> <stop offset="100%" stop-color="#64748B"></stop> </linearGradient> <radialGradient id="tireGrad" cx="50%" cy="50%" r="50%"> <stop offset="82%" stop-color="#334155"></stop> <stop offset="90%" stop-color="#1E293B"></stop> <stop offset="100%" stop-color="#0F172A"></stop> </radialGradient> <linearGradient id="pelicanBodyGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="60%" stop-color="#F8FAFC"></stop> <stop offset="85%" stop-color="#E2E8F0"></stop> <stop offset="100%" stop-color="#CBD5E1"></stop> </linearGradient> <linearGradient id="pelicanShadowGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#E2E8F0"></stop> <stop offset="100%" stop-color="#94A3B8"></stop> </linearGradient> <linearGradient id="upperBeakGrad" x1="0%" y1="0%" x2="100%" y2="50%"> <stop offset="0%" stop-color="#FBBF24"></stop> <stop offset="50%" stop-color="#F59E0B"></stop> <stop offset="90%" stop-color="#EA580C"></stop> <stop offset="100%" stop-color="#C2410C"></stop> </linearGradient> <linearGradient id="pouchGrad" x1="10%" y1="0%" x2="70%" y2="100%"> <stop offset="0%" stop-color="#FDBA74"></stop> <stop offset="35%" stop-color="#FB923C"></stop> <stop offset="70%" stop-color="#F97316"></stop> <stop offset="100%" stop-color="#EA580C"></stop> </linearGradient> <linearGradient id="pouchInnerGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#FECDD3" stop-opacity="0.6"></stop> <stop offset="100%" stop-color="#FDA4AF" stop-opacity="0.1"></stop> </linearGradient> <linearGradient id="webFootGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#FDBA74"></stop> <stop offset="40%" stop-color="#FB923C"></stop> <stop offset="100%" stop-color="#C2410C"></stop> </linearGradient> <linearGradient id="scarfGrad" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#E11D48"></stop> <stop offset="50%" stop-color="#F43F5E"></stop> <stop offset="100%" stop-color="#BE123C"></stop> </linearGradient> <linearGradient id="leatherGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#A16207"></stop> <stop offset="50%" stop-color="#78350F"></stop> <stop offset="100%" stop-color="#451A03"></stop> </linearGradient> <linearGradient id="wickerGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#FDE68A"></stop> <stop offset="50%" stop-color="#D97706"></stop> <stop offset="100%" stop-color="#92400E"></stop> </linearGradient> <filter id="groundShadow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur in="SourceAlpha" stdDeviation="9"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0.05 0 0 0 0 0.1 0 0 0 0 0.15 0 0 0 0.4 0"></feColorMatrix> <feOffset dx="6" dy="12"></feOffset> <feBlend in="SourceGraphic" in2="blurOut" mode="normal"></feBlend> </filter> <filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="3" result="glow"></feGaussianBlur> <feComposite in="SourceGraphic" in2="glow" mode="over"></feComposite> </filter> </defs> <rect x="0" y="0" width="900" height="470" fill="url(#skyGrad)"></rect> <circle cx="720" cy="140" r="130" fill="url(#sunGlow)"></circle> <circle cx="720" cy="140" r="42" fill="#FEF08A"></circle> <path d="M0,380 Q120,340 260,365 T540,350 T780,360 Q850,355 900,365 L900,470 L0,470 Z" fill="#99F6E4" opacity="0.45"></path> <path d="M0,395 C90,375 180,385 300,375 C450,360 620,385 750,370 C820,362 860,372 900,370 L900,470 L0,470 Z" fill="#5EEAD4" opacity="0.4"></path> <rect x="0" y="405" width="900" height="22" fill="#38BDF8" opacity="0.35"></rect> <line x1="120" y1="413" x2="190" y2="413" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></line> <line x1="340" y1="418" x2="440" y2="418" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></line> <line x1="680" y1="411" x2="770" y2="411" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></line> <g stroke="#0284C7" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.5"> <path d="M 690,75 Q 698,67 706,75 Q 714,67 722,75"></path> <path d="M 735,90 Q 741,83 747,90 Q 753,83 759,90"></path> <path d="M 660,105 Q 665,99 670,105 Q 675,99 680,105"></path> </g> <path d="M0,420 Q180,410 380,422 T760,418 Q840,416 900,422 L900,470 L0,470 Z" fill="url(#groundGrad)"></path> <rect x="0" y="450" width="900" height="200" fill="url(#roadGrad)"></rect> <rect x="0" y="446" width="900" height="7" fill="#94A3B8"></rect> <rect x="0" y="453" width="900" height="3" fill="#64748B"></rect> <g stroke="#F8FAFC" stroke-width="6" stroke-linecap="round" opacity="0.85" stroke-dasharray="70 45"> <line x1="-20" y1="585" x2="940" y2="585"></line> </g> <line x1="0" y1="468" x2="900" y2="468" stroke="#CBD5E1" stroke-width="2.5" stroke-dasharray="12 8" opacity="0.6"></line> <g stroke="#F8FAFC" stroke-linecap="round" opacity="0.55" fill="none"> <path d="M 120,490 Q 150,480 180,495" stroke-width="2.5" stroke-dasharray="8 6"></path> <path d="M 90,520 Q 130,510 175,522" stroke-width="3" stroke-dasharray="14 8"></path> <path d="M 110,545 Q 140,535 210,545" stroke-width="2" stroke-dasharray="20 10"></path> <path d="M 80,310 C 130,300 150,330 120,340 C 95,348 85,325 110,315 L 200,315" stroke-width="2" stroke="#38BDF8" opacity="0.4"></path> <path d="M 140,240 C 180,230 200,250 180,265 C 160,275 145,255 170,245 L 280,245" stroke-width="2" stroke="#38BDF8" opacity="0.35"></path> </g> <g id="bicycle-and-pelican"> <ellipse cx="460" cy="542" rx="275" ry="18" fill="#0F172A" opacity="0.35" filter="url(#groundShadow)"></ellipse> <ellipse cx="255" cy="542" rx="65" ry="10" fill="#0F172A" opacity="0.45" filter="url(#groundShadow)"></ellipse> <ellipse cx="665" cy="542" rx="65" ry="10" fill="#0F172A" opacity="0.45" filter="url(#groundShadow)"></ellipse> <g id="rear-wheel"> <circle cx="255" cy="460" r="82" fill="url(#tireGrad)"></circle> <circle cx="255" cy="460" r="70" fill="none" stroke="#E2E8F0" stroke-width="4.5"></circle> <circle cx="255" cy="460" r="66" fill="#0F172A"></circle> <g stroke="url(#chromeGrad)" stroke-width="1.3" opacity="0.8"> <line x1="255" y1="460" x2="255" y2="392"></line> <line x1="255" y1="460" x2="255" y2="528"></line> <line x1="255" y1="460" x2="187" y2="460"></line> <line x1="255" y1="460" x2="323" y2="460"></line> <line x1="255" y1="460" x2="207" y2="412"></line> <line x1="255" y1="460" x2="303" y2="508"></line> <line x1="255" y1="460" x2="207" y2="508"></line> <line x1="255" y1="460" x2="303" y2="412"></line> <line x1="255" y1="460" x2="229" y2="397"></line> <line x1="255" y1="460" x2="281" y2="523"></line> <line x1="255" y1="460" x2="192" y2="434"></line> <line x1="255" y1="460" x2="318" y2="486"></line> <line x1="255" y1="460" x2="192" y2="486"></line> <line x1="255" y1="460" x2="318" y2="434"></line> <line x1="255" y1="460" x2="229" y2="523"></line> <line x1="255" y1="460" x2="281" y2="397"></line> </g> <circle cx="255" cy="460" r="14" fill="#64748B"></circle> <circle cx="255" cy="460" r="9" fill="url(#chromeGrad)"></circle> <circle cx="255" cy="460" r="4" fill="#0F172A"></circle> <path d="M 175,445 A 86 86 0 0 1 315,395" fill="none" stroke="url(#bikeFrameGrad)" stroke-width="8" stroke-linecap="round"></path> <path d="M 180,443 A 84 84 0 0 1 310,397" fill="none" stroke="#5EEAD4" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></path> <line x1="255" y1="460" x2="183" y2="435" stroke="url(#chromeGrad)" stroke-width="2"></line> <line x1="255" y1="460" x2="295" y2="395" stroke="url(#chromeGrad)" stroke-width="2"></line> </g> <g id="bike-frame"> <line x1="255" y1="460" x2="445" y2="460" stroke="url(#bikeFrameGrad)" stroke-width="9" stroke-linecap="round"></line> <line x1="255" y1="460" x2="445" y2="460" stroke="#CCFBF1" stroke-width="1.5" stroke-linecap="round" opacity="0.4"></line> <line x1="255" y1="460" x2="375" y2="310" stroke="url(#bikeFrameGrad)" stroke-width="8" stroke-linecap="round"></line> <line x1="255" y1="460" x2="375" y2="310" stroke="#CCFBF1" stroke-width="1.5" stroke-linecap="round" opacity="0.4"></line> <path d="M 255,452 L 445,442 A 22 22 0 0 1 445,478 L 255,468 A 10 10 0 0 1 255,452 Z" fill="none" stroke="#475569" stroke-width="3" stroke-dasharray="5 2.5"></path> <circle cx="445" cy="460" r="25" fill="url(#chromeGrad)"></circle> <circle cx="445" cy="460" r="20" fill="none" stroke="#334155" stroke-width="2"></circle> <circle cx="445" cy="445" r="3.5" fill="#1E293B"></circle> <circle cx="459" cy="454" r="3.5" fill="#1E293B"></circle> <circle cx="454" cy="471" r="3.5" fill="#1E293B"></circle> <circle cx="436" cy="471" r="3.5" fill="#1E293B"></circle> <circle cx="431" cy="454" r="3.5" fill="#1E293B"></circle> <line x1="445" y1="460" x2="410" y2="395" stroke="#94A3B8" stroke-width="6.5" stroke-linecap="round"></line> <rect x="395" y="390" width="22" height="9" rx="3" fill="#334155"></rect> <line x1="445" y1="460" x2="375" y2="305" stroke="url(#bikeFrameGrad)" stroke-width="11" stroke-linecap="round"></line> <line x1="443" y1="458" x2="373" y2="307" stroke="#CCFBF1" stroke-width="2" stroke-linecap="round" opacity="0.4"></line> <line x1="445" y1="460" x2="595" y2="280" stroke="url(#bikeFrameGrad)" stroke-width="12" stroke-linecap="round"></line> <line x1="445" y1="457" x2="593" y2="278" stroke="#CCFBF1" stroke-width="2.5" stroke-linecap="round" opacity="0.5"></line> <line x1="475" y1="422" x2="555" y2="326" stroke="#FEF08A" stroke-width="4.5" stroke-linecap="round" opacity="0.9"></line> <line x1="485" y1="410" x2="545" y2="338" stroke="#F43F5E" stroke-width="1.8" stroke-linecap="round"></line> <path d="M 375,320 C 445,305 520,285 595,275" fill="none" stroke="url(#bikeFrameGrad)" stroke-width="10" stroke-linecap="round"></path> <path d="M 375,320 C 445,305 520,285 595,275" fill="none" stroke="#CCFBF1" stroke-width="2" opacity="0.5"></path> <path d="M 375,342 C 455,340 540,315 595,282" fill="none" stroke="url(#bikeFrameGrad)" stroke-width="6.5" stroke-linecap="round"></path> <line x1="595" y1="285" x2="583" y2="225" stroke="url(#bikeFrameGrad)" stroke-width="13" stroke-linecap="round"></line> <line x1="593" y1="283" x2="581" y2="227" stroke="#CCFBF1" stroke-width="2" stroke-linecap="round" opacity="0.5"></line> <rect x="586" y="248" width="5" height="12" rx="2" fill="#FBBF24"></rect> <line x1="375" y1="310" x2="368" y2="255" stroke="url(#chromeGrad)" stroke-width="8" stroke-linecap="round"></line> <g id="saddle"> <path d="M 345,263 Q 352,272 360,263 Q 368,272 376,263" fill="none" stroke="url(#chromeGrad)" stroke-width="3"></path> <path d="M 325,255 C 330,242 365,240 395,246 C 412,250 418,258 410,262 C 390,266 360,260 340,262 C 328,263 323,260 325,255 Z" fill="url(#leatherGrad)"></path> <path d="M 335,248 C 350,244 380,244 402,250" fill="none" stroke="#D97706" stroke-width="1.8" stroke-linecap="round" opacity="0.6"></path> <circle cx="333" cy="256" r="1.6" fill="#FDE68A"></circle> <circle cx="340" cy="258" r="1.6" fill="#FDE68A"></circle> <circle cx="348" cy="259" r="1.6" fill="#FDE68A"></circle> </g> </g> <g id="front-wheel"> <line x1="585" y1="240" x2="665" y2="460" stroke="url(#bikeFrameGrad)" stroke-width="9" stroke-linecap="round"></line> <line x1="583" y1="240" x2="663" y2="460" stroke="#CCFBF1" stroke-width="2" stroke-linecap="round" opacity="0.5"></line> <ellipse cx="590" cy="250" rx="6" ry="4" fill="url(#chromeGrad)"></ellipse> <circle cx="665" cy="460" r="82" fill="url(#tireGrad)"></circle> <circle cx="665" cy="460" r="70" fill="none" stroke="#E2E8F0" stroke-width="4.5"></circle> <circle cx="665" cy="460" r="66" fill="#0F172A"></circle> <g stroke="url(#chromeGrad)" stroke-width="1.3" opacity="0.8"> <line x1="665" y1="460" x2="665" y2="392"></line> <line x1="665" y1="460" x2="665" y2="528"></line> <line x1="665" y1="460" x2="597" y2="460"></line> <line x1="665" y1="460" x2="733" y2="460"></line> <line x1="665" y1="460" x2="617" y2="412"></line> <line x1="665" y1="460" x2="713" y2="508"></line> <line x1="665" y1="460" x2="617" y2="508"></line> <line x1="665" y1="460" x2="713" y2="412"></line> <line x1="665" y1="460" x2="639" y2="397"></line> <line x1="665" y1="460" x2="691" y2="523"></line> <line x1="665" y1="460" x2="602" y2="434"></line> <line x1="665" y1="460" x2="728" y2="486"></line> <line x1="665" y1="460" x2="602" y2="486"></line> <line x1="665" y1="460" x2="728" y2="434"></line> <line x1="665" y1="460" x2="639" y2="523"></line> <line x1="665" y1="460" x2="691" y2="397"></line> </g> <circle cx="665" cy="460" r="11" fill="url(#chromeGrad)"></circle> <circle cx="665" cy="460" r="4" fill="#0F172A"></circle> <path d="M 605,405 A 86 86 0 0 1 738,425" fill="none" stroke="url(#bikeFrameGrad)" stroke-width="8" stroke-linecap="round"></path> <path d="M 610,402 A 84 84 0 0 1 733,423" fill="none" stroke="#5EEAD4" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></path> <line x1="665" y1="460" x2="725" y2="430" stroke="url(#chromeGrad)" stroke-width="2"></line> </g> <g id="handlebars"> <path d="M 583,230 L 580,185 L 602,180" fill="none" stroke="url(#chromeGrad)" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M 605,200 L 625,193 C 632,198 632,207 625,212 L 605,208 Z" fill="url(#chromeGrad)"></path> <path d="M 625,193 C 630,198 630,207 625,212 Z" fill="#FEF08A"></path> <path d="M 632,200 L 685,185 L 690,225 L 632,206 Z" fill="#FEF08A" opacity="0.25"></path> <path d="M 602,180 C 585,178 545,185 535,205" fill="none" stroke="url(#chromeGrad)" stroke-width="6.5" stroke-linecap="round"></path> <path d="M 602,180 C 612,175 628,175 632,185" fill="none" stroke="url(#chromeGrad)" stroke-width="5" stroke-linecap="round" opacity="0.7"></path> <path d="M 545,200 L 532,207" stroke="url(#leatherGrad)" stroke-width="8.5" stroke-linecap="round"></path> <circle cx="585" cy="176" r="7" fill="#FBBF24"></circle> <circle cx="585" cy="176" r="4" fill="#F59E0B"></circle> <path d="M 586,164 Q 590,161 595,164" fill="none" stroke="#F59E0B" stroke-width="1.8" stroke-linecap="round"></path> <path d="M 583,157 Q 592,152 601,157" fill="none" stroke="#F59E0B" stroke-width="1.8" stroke-linecap="round"></path> </g> <g id="front-basket"> <line x1="600" y1="210" x2="620" y2="230" stroke="#475569" stroke-width="3"></line> <line x1="665" y1="460" x2="650" y2="260" stroke="url(#chromeGrad)" stroke-width="2.5"></line> <g id="fish-friend"> <path d="M 650,175 C 670,160 690,175 685,195 C 670,205 650,195 650,175 Z" fill="#38BDF8"></path> <path d="M 685,190 L 702,180 L 696,195 L 704,205 Z" fill="#0284C7"></path> <path d="M 653,184 C 665,182 675,192 678,198 C 666,203 655,195 653,184 Z" fill="#E0F2FE"></path> <ellipse cx="660" cy="178" rx="5" ry="4" fill="#0F172A"></ellipse> <ellipse cx="670" cy="180" rx="4.5" ry="4" fill="#0F172A"></ellipse> <line x1="655" y1="177" x2="675" y2="180" stroke="#0F172A" stroke-width="2"></line> <line x1="656" y1="176" x2="659" y2="178" stroke="#FFFFFF" stroke-width="1.2"></line> <path d="M 653,186 Q 658,191 663,188" fill="none" stroke="#0369A1" stroke-width="1.5" stroke-linecap="round"></path> <path d="M 667,188 C 673,188 678,182 676,177" fill="none" stroke="#F43F5E" stroke-width="2.5" stroke-linecap="round"></path> </g> <path d="M 618,195 L 688,195 L 678,255 L 624,255 Z" fill="url(#wickerGrad)" stroke="#78350F" stroke-width="2"></path> <path d="M 619,207 L 686,207 M 621,219 L 683,219 M 622,231 L 681,231 M 623,243 L 679,243" stroke="#78350F" stroke-width="1.5" opacity="0.7"></path> <g stroke="#92400E" stroke-width="1.5" opacity="0.55"> <line x1="632" y1="196" x2="634" y2="254"></line> <line x1="644" y1="196" x2="645" y2="254"></line> <line x1="656" y1="196" x2="656" y2="254"></line> <line x1="668" y1="196" x2="666" y2="254"></line> <line x1="678" y1="196" x2="674" y2="254"></line> </g> <rect x="616" y="191" width="74" height="6" rx="3" fill="#FDE68A" stroke="#B45309" stroke-width="1.5"></rect> <circle cx="628" cy="205" r="4" fill="#F43F5E"></circle> <circle cx="628" cy="205" r="1.5" fill="#FEF08A"></circle> </g> <g id="near-crank"> <line x1="445" y1="460" x2="490" y2="520" stroke="url(#chromeGrad)" stroke-width="8" stroke-linecap="round"></line> <circle cx="445" cy="460" r="7" fill="#334155"></circle> <circle cx="490" cy="520" r="4" fill="#1E293B"></circle> <rect x="474" y="516" width="32" height="9" rx="3" fill="#1E293B" stroke="#475569" stroke-width="1"></rect> <rect x="480" y="518" width="8" height="4.5" rx="1" fill="#F59E0B"></rect> </g> <g id="pelican"> <g id="pelican-tail"> <path d="M 335,245 C 300,240 270,250 250,265 C 275,270 305,268 335,260 Z" fill="url(#pelicanShadowGrad)"></path> <path d="M 340,242 C 310,230 280,235 260,250 C 285,255 315,255 345,252 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 250,265 C 260,262 270,263 280,266 C 265,272 255,270 250,265 Z" fill="#334155"></path> <path d="M 260,250 C 272,246 285,248 295,253 C 278,258 268,257 260,250 Z" fill="#1E293B"></path> </g> <g id="pelican-leg"> <path d="M 365,265 C 380,260 415,285 410,315 C 395,320 375,305 365,265 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 370,275 C 385,275 405,295 400,315 C 392,317 380,310 370,275 Z" fill="url(#pelicanShadowGrad)" opacity="0.5"></path> <path d="M 398,310 L 485,505" stroke="url(#webFootGrad)" stroke-width="11" stroke-linecap="round"></path> <path d="M 398,310 L 485,505" stroke="#FDBA74" stroke-width="2.5" stroke-linecap="round" opacity="0.6"></path> <ellipse cx="485" cy="505" rx="6.5" ry="5.5" fill="#EA580C"></ellipse> <g id="webbed-foot"> <path d="M 485,505 Q 480,518 460,522 Q 478,520 488,525 Q 498,520 514,520 Q 498,512 485,505 Z" fill="url(#webFootGrad)"></path> <path d="M 460,522 Q 475,516 488,525 Q 502,516 514,520" fill="none" stroke="#C2410C" stroke-width="1.5"></path> <line x1="485" y1="505" x2="460" y2="522" stroke="url(#webFootGrad)" stroke-width="5" stroke-linecap="round"></line> <circle cx="459" cy="522" r="2.5" fill="#7C2D12"></circle> <line x1="485" y1="505" x2="488" y2="525" stroke="url(#webFootGrad)" stroke-width="5.5" stroke-linecap="round"></line> <circle cx="488" cy="526" r="2.5" fill="#7C2D12"></circle> <line x1="485" y1="505" x2="515" y2="520" stroke="url(#webFootGrad)" stroke-width="5" stroke-linecap="round"></line> <circle cx="516" cy="520" r="2.5" fill="#7C2D12"></circle> <line x1="485" y1="505" x2="475" y2="498" stroke="url(#webFootGrad)" stroke-width="4" stroke-linecap="round"></line> <circle cx="474" cy="497" r="1.8" fill="#7C2D12"></circle> </g> </g> <g id="pelican-body"> <path d="M 345,250 C 330,225 360,180 410,165 C 465,150 495,180 500,215 C 505,255 460,290 400,285 C 365,282 350,265 345,250 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 355,260 C 375,282 435,290 475,255 C 495,235 498,215 498,215 C 495,245 450,285 390,282 C 370,280 358,270 355,260 Z" fill="url(#pelicanShadowGrad)" opacity="0.6"></path> <path d="M 430,170 C 470,175 490,195 490,220 C 485,200 460,180 430,170 Z" fill="#FFFFFF" opacity="0.8"></path> </g> <path d="M 450,175 C 480,165 525,170 560,190 L 550,202 C 520,185 475,185 450,175 Z" fill="url(#pelicanShadowGrad)" opacity="0.5"></path> <g id="pelican-neck"> <path d="M 425,170 C 420,130 445,95 480,95 C 505,95 500,120 490,145 C 485,160 488,180 495,195 C 475,195 440,190 425,170 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 425,170 C 420,135 442,100 472,96 C 452,105 435,135 438,172 Z" fill="url(#pelicanShadowGrad)" opacity="0.65"></path> <path d="M 440,115 Q 433,122 441,128 Q 434,136 442,143 Q 436,152 445,158" fill="none" stroke="#CBD5E1" stroke-width="2"></path> </g> <g id="scarf"> <path d="M 445,162 C 465,155 490,160 500,175 C 485,185 460,183 445,162 Z" fill="url(#scarfGrad)"></path> <path d="M 455,160 L 460,180 M 475,162 L 480,182 M 490,168 L 493,180" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" opacity="0.9"></path> <path d="M 450,165 C 410,150 365,120 300,135 C 265,142 225,130 195,138 C 230,150 260,152 295,148 C 350,140 395,170 445,175 Z" fill="url(#scarfGrad)"></path> <path d="M 390,147 L 385,165 M 345,137 L 343,153 M 305,137 L 305,150 M 265,142 L 267,152 M 225,138 L 227,146" stroke="#FFFFFF" stroke-width="3.5" opacity="0.9"></path> <path d="M 195,138 L 185,135 M 195,140 L 184,140 M 195,142 L 185,144" stroke="#FDE047" stroke-width="2"></path> <path d="M 445,172 C 400,170 370,185 320,175 C 280,168 250,180 220,175 C 245,188 280,182 320,187 C 370,195 405,182 445,178 Z" fill="#BE123C"></path> <path d="M 375,178 L 372,189 M 335,178 L 334,188 M 295,174 L 297,184 M 255,177 L 257,185" stroke="#FFFFFF" stroke-width="3" opacity="0.85"></path> </g> <g id="pelican-head"> <path d="M 470,105 C 465,80 488,60 520,62 C 545,64 560,80 565,100 C 555,115 540,118 515,116 C 485,114 472,118 470,105 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 474,80 C 455,75 440,82 430,90 C 445,93 460,90 472,88 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 472,88 C 450,88 435,98 425,106 C 442,106 458,100 470,96 Z" fill="url(#pelicanShadowGrad)"></path> <ellipse cx="518" cy="85" rx="8.5" ry="9.5" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1"></ellipse> <circle cx="520" cy="85" r="5.5" fill="#0284C7"></circle> <circle cx="521" cy="85" r="3.5" fill="#0F172A"></circle> <circle cx="523" cy="82" r="1.8" fill="#FFFFFF"></circle> <circle cx="519" cy="87" r="0.9" fill="#FFFFFF"></circle> <path d="M 508,76 Q 520,71 530,76" fill="none" stroke="#94A3B8" stroke-width="2.5" stroke-linecap="round"></path> <g id="gular-pouch"> <path d="M 535,112 C 555,125 580,185 585,215 C 570,248 525,250 485,200 C 475,188 480,165 485,150 C 495,150 515,145 535,112 Z" fill="url(#pouchGrad)"></path> <path d="M 532,118 C 550,135 570,185 575,212 C 560,235 530,238 498,202 C 490,192 492,175 496,160 Z" fill="url(#pouchInnerGrad)"></path> <g fill="none" stroke="#C2410C" stroke-width="1.6" stroke-linecap="round" opacity="0.45"> <path d="M 545,125 C 555,150 565,185 572,212"></path> <path d="M 535,135 C 545,160 555,195 558,222"></path> <path d="M 525,142 C 532,168 540,202 542,228"></path> <path d="M 512,148 C 518,175 525,205 526,228"></path> <path d="M 500,155 C 505,180 510,205 510,222"></path> </g> <path d="M 525,115 C 575,120 640,128 705,130 C 660,150 610,185 585,215" fill="none" stroke="#EA580C" stroke-width="4.5" stroke-linecap="round"></path> <path d="M 525,115 C 575,120 640,128 705,130" fill="none" stroke="#FDE047" stroke-width="1.8" stroke-linecap="round"></path> </g> <g id="upper-beak"> <path d="M 525,92 C 565,95 640,105 710,122 C 716,124 720,128 718,133 C 715,137 708,136 700,132 C 640,122 570,114 522,112 Z" fill="url(#upperBeakGrad)"></path> <path d="M 706,121 C 715,123 723,128 722,135 C 720,140 714,142 710,135 C 708,131 704,127 701,126 Z" fill="#9A3412"></path> <path d="M 530,95 C 575,98 645,108 705,123" fill="none" stroke="#FEF08A" stroke-width="2.5" stroke-linecap="round" opacity="0.8"></path> <path d="M 535,102 C 570,105 630,113 675,121" fill="none" stroke="#C2410C" stroke-width="1.5" stroke-linecap="round" opacity="0.6"></path> <path d="M 522,96 C 532,97 540,104 538,112 C 530,112 524,106 522,96 Z" fill="#F43F5E" opacity="0.45"></path> </g> <g id="cycling-cap"> <path d="M 470,85 C 472,60 505,48 535,55 C 548,58 555,68 556,78 C 535,70 500,70 470,85 Z" fill="#1E3A8A"></path> <path d="M 505,52 C 515,60 520,70 522,78" fill="none" stroke="#FFFFFF" stroke-width="3"></path> <ellipse cx="508" cy="52" rx="3.5" ry="2" fill="#F59E0B"></ellipse> <path d="M 545,68 C 555,58 572,55 580,58 C 575,67 560,74 545,74 Z" fill="#DC2626"></path> <path d="M 550,67 C 558,60 570,58 576,60" fill="none" stroke="#FFFFFF" stroke-width="2"></path> <path d="M 475,82 Q 510,72 546,80" fill="none" stroke="#451A03" stroke-width="4.5" stroke-linecap="round"></path> <circle cx="498" cy="77" r="7" fill="#FBBF24" stroke="#78350F" stroke-width="2"></circle> <circle cx="498" cy="77" r="5" fill="#E0F2FE" opacity="0.8"></circle> <line x1="495" y1="74" x2="501" y2="80" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round"></line> <circle cx="522" cy="78" r="7" fill="#FBBF24" stroke="#78350F" stroke-width="2"></circle> <circle cx="522" cy="78" r="5" fill="#E0F2FE" opacity="0.8"></circle> <line x1="519" y1="75" x2="525" y2="81" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round"></line> </g> </g> <g id="pelican-wing"> <path d="M 410,180 C 430,175 465,195 465,225 C 445,245 400,245 385,220 C 385,195 400,185 410,180 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 435,210 C 475,205 515,200 550,205 C 545,225 515,235 460,235 C 440,235 435,220 435,210 Z" fill="url(#pelicanBodyGrad)"></path> <path d="M 430,222 C 465,220 505,216 535,212 C 520,228 480,235 440,234 Z" fill="url(#pelicanShadowGrad)" opacity="0.5"></path> <path d="M 532,198 C 540,192 548,195 545,204 C 540,208 535,204 532,198 Z" fill="#F8FAFC" stroke="#CBD5E1" stroke-width="1"></path> <path d="M 540,204 C 552,198 560,205 555,214 C 550,218 542,212 540,204 Z" fill="#F1F5F9" stroke="#94A3B8" stroke-width="1"></path> <path d="M 535,210 C 548,206 558,214 552,222 C 546,225 538,220 535,210 Z" fill="#E2E8F0" stroke="#94A3B8" stroke-width="1"></path> <path d="M 525,218 C 538,215 548,222 542,230 C 535,232 526,226 525,218 Z" fill="#475569"></path> <g fill="none" stroke="#CBD5E1" stroke-width="2" stroke-linecap="round"> <path d="M 415,200 Q 425,208 435,200"></path> <path d="M 435,202 Q 445,210 455,202"></path> <path d="M 455,204 Q 465,212 475,204"></path> <path d="M 405,215 Q 418,225 430,215"></path> <path d="M 430,217 Q 442,227 455,217"></path> <path d="M 455,218 Q 470,228 485,217"></path> </g> </g> </g> </g> <g fill="#CBD5E1" opacity="0.45"> <circle cx="160" cy="538" r="8"></circle> <circle cx="145" cy="535" r="12"></circle> <circle cx="130" cy="540" r="7"></circle> <circle cx="115" cy="536" r="14"></circle> <circle cx="95" cy="542" r="9"></circle> </g> <g stroke="#FFFFFF" stroke-linecap="round" opacity="0.65" fill="none"> <line x1="720" y1="170" x2="840" y2="170" stroke-width="2.5" stroke-dasharray="40 20"></line> <line x1="690" y1="145" x2="780" y2="145" stroke-width="1.8" stroke-dasharray="30 15"></line> <line x1="740" y1="195" x2="860" y2="195" stroke-width="2" stroke-dasharray="50 25"></line> <line x1="660" y1="280" x2="760" y2="280" stroke-width="2" stroke-dasharray="35 15"></line> </g> <g fill="#0284C7" opacity="0.75"> <path d="M 760,110 A 4 3 0 1 1 754,112 L 759,92 L 773,88 L 773,95 L 763,98 L 763,110 Z"></path> <path d="M 795,130 A 3.5 2.5 0 1 1 790,132 L 794,115 L 804,118 L 804,130 Z"></path> </g> <g id="roadside-flora"> <path d="M 830,550 Q 825,480 810,460 Q 825,485 835,550 Z" fill="#15803D"></path> <path d="M 845,550 Q 850,470 865,450 Q 855,480 850,550 Z" fill="#22C55E"></path> <path d="M 860,550 Q 875,490 895,475 Q 880,505 868,550 Z" fill="#16A34A"></path> <circle cx="810" cy="460" r="4.5" fill="#FEF08A"></circle> <circle cx="810" cy="460" r="2.5" fill="#EA580C"></circle> <circle cx="865" cy="450" r="5" fill="#FEF08A"></circle> <circle cx="865" cy="450" r="2.5" fill="#EA580C"></circle> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG