<!--

Generated by DrawGPT.
Free, open source, AI generated images in SVG, PNG, and HTML Canvas format.
https://drawgpt.ai

Created: 2025-05-16T23:21:00+00:00
-->
<svg xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" 
     viewBox="0 0 512 512" width="512" height="512">
<title>Pelican Pedaling on a Bicycle</title>
<desc>This pelican is truly wheely-talented! Watch as it pedals its way to a feathered first place finish.</desc>
<metadata type="keywords">pelican,bicycle,funny,bird,cycling</metadata>

<!-- Background sky -->
<rect id="sky-bg" class="background" x="0" y="0" width="512" height="512" fill="lightblue"/>
<!-- Animate sunshine -->
<g id="sunshine" class="sun">
  <circle id="sun-center" class="sun-center" cx="440" cy="80" r="45" fill="#fee883" />
  <g id="sun-rays" class="sun-rays">
    <g>
      <line x1="440" y1="35" x2="440" y2="7" stroke="#ffe18a" stroke-width="9" stroke-linecap="round"/>
      <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 440 80" to="360 440 80" dur="5s" repeatCount="indefinite"/>
    </g>
    <g>
      <line x1="480" y1="45" x2="500" y2="18" stroke="#ffe18a" stroke-width="9" stroke-linecap="round"/>
      <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="80 440 80" to="440 440 80" dur="5s" repeatCount="indefinite"/>
    </g>
    <g>
      <line x1="490" y1="80" x2="515" y2="80" stroke="#ffe18a" stroke-width="9" stroke-linecap="round"/>
      <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="160 440 80" to="520 440 80" dur="5s" repeatCount="indefinite"/>
    </g>
    <g>
      <line x1="480" y1="115" x2="500" y2="142" stroke="#ffe18a" stroke-width="9" stroke-linecap="round"/>
      <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="240 440 80" to="600 440 80" dur="5s" repeatCount="indefinite"/>
    </g>
    <g>
      <line x1="440" y1="125" x2="440" y2="158" stroke="#ffe18a" stroke-width="9" stroke-linecap="round"/>
      <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="320 440 80" to="680 440 80" dur="5s" repeatCount="indefinite"/>
    </g>
    <g>
      <line x1="400" y1="115" x2="380" y2="142" stroke="#ffe18a" stroke-width="9" stroke-linecap="round"/>
      <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="400 440 80" to="760 440 80" dur="5s" repeatCount="indefinite"/>
    </g>
    <g>
      <line x1="390" y1="80" x2="365" y2="80" stroke="#ffe18a" stroke-width="9" stroke-linecap="round"/>
      <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="480 440 80" to="840 440 80" dur="5s" repeatCount="indefinite"/>
    </g>
    <g>
      <line x1="400" y1="45" x2="380" y2="18" stroke="#ffe18a" stroke-width="9" stroke-linecap="round"/>
      <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="560 440 80" to="920 440 80" dur="5s" repeatCount="indefinite"/>
    </g>
  </g>
</g>

<!-- Clouds in background -->
<g id="cloud-group-1" class="clouds">
  <ellipse id="cloud-1-main" class="cloud" cx="100" cy="95" rx="60" ry="29" fill="#fff" fill-opacity="0.82"/>
  <ellipse id="cloud-1-side1" class="cloud" cx="140" cy="80" rx="40" ry="20" fill="#fff" fill-opacity="0.75"/>
  <ellipse id="cloud-1-side2" class="cloud" cx="55" cy="105" rx="33" ry="17" fill="#deeefa" fill-opacity="0.83"/>
  <animateTransform attributeName="transform" type="translate" from="0 0" to="10 0" begin="0s" dur="5s" repeatCount="indefinite" />
</g>
<g id="cloud-group-2" class="clouds">
  <ellipse id="cloud-2-main" class="cloud" cx="260" cy="56" rx="35" ry="18" fill="#fff"/>
  <ellipse id="cloud-2-side1" class="cloud" cx="245" cy="65" rx="23" ry="10" fill="#e9f6fa"/>
  <ellipse id="cloud-2-side2" class="cloud" cx="288" cy="58" rx="19" ry="8.8" fill="#fff"/>
  <animateTransform attributeName="transform" type="translate" from="0 0" to="7 0" begin="2.5s" dur="5s" repeatCount="indefinite"/>
</g>
<g id="cloud-group-3" class="clouds">
  <ellipse id="cloud-3-main" class="cloud" cx="380" cy="150" rx="48" ry="20" fill="#fff" fill-opacity="0.66"/>
  <ellipse id="cloud-3-side1" class="cloud" cx="418" cy="136" rx="24" ry="11.5" fill="#ffeedd" fill-opacity="0.56"/>
  <animateTransform attributeName="transform" type="translate" from="0 0" to="-7 0" begin="1.25s" dur="5s" repeatCount="indefinite"/>
</g>
<!-- Grass ground -->
<ellipse id="ground" class="ground" cx="256" cy="425" rx="260" ry="55" fill="#9ee879"/>
<ellipse id="shadow-bg" class="shadow-content" cx="256" cy="420" rx="140" ry="19" fill="#765" fill-opacity="0.22"/>

<!-- Bicycle with animated wheels -->
<g id="bicycle" class="bicycle" transform="rotate(-4 256 420)">
  <!-- Wheels with animated rotate -->
  <g id="wheel-back" class="wheel">
    <ellipse id="back-tire" class="tire" cx="188" cy="408" rx="50" ry="50" stroke="#373737" stroke-width="21" fill="#666"/>
    <ellipse id="back-inner" class="rim" cx="188" cy="408" rx="34" ry="34" fill="#cfcfd7" stroke="#aaa" stroke-width="4"/>
    <!-- spokes -->
    <g id="spokes-back" class="spokes">
      <g>
        <line x1="188" y1="408" x2="188" y2="374" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="0 188 408" to="360 188 408" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="188" y1="408" x2="221" y2="392" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="36 188 408" to="396 188 408" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="188" y1="408" x2="206" y2="443" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="72 188 408" to="432 188 408" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="188" y1="408" x2="157" y2="443" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="108 188 408" to="468 188 408" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="188" y1="408" x2="150" y2="392" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="144 188 408" to="504 188 408" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="188" y1="408" x2="188" y2="374" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="180 188 408" to="540 188 408" dur="5s" repeatCount="indefinite"/>
      </g>
    </g>
  </g>
  <g id="wheel-front" class="wheel">
    <ellipse id="front-tire" class="tire" cx="329" cy="390" rx="50" ry="50" stroke="#373737" stroke-width="21" fill="#666"/>
    <ellipse id="front-inner" class="rim" cx="329" cy="390" rx="34" ry="34" fill="#eaeaec" stroke="#aaa" stroke-width="4"/>
    <!-- spokes -->
    <g id="spokes-front" class="spokes">
      <g>
        <line x1="329" y1="390" x2="329" y2="356" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="0 329 390" to="360 329 390" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="329" y1="390" x2="362" y2="374" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="36 329 390" to="396 329 390" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="329" y1="390" x2="347" y2="425" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="72 329 390" to="432 329 390" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="329" y1="390" x2="298" y2="425" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="108 329 390" to="468 329 390" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="329" y1="390" x2="290" y2="374" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="144 329 390" to="504 329 390" dur="5s" repeatCount="indefinite"/>
      </g>
      <g>
        <line x1="329" y1="390" x2="329" y2="356" stroke="#888" stroke-width="2"/>
        <animateTransform attributeName="transform" type="rotate" from="180 329 390" to="540 329 390" dur="5s" repeatCount="indefinite"/>
      </g>
    </g>
  </g>
  <!-- Bike frames -->
  <polyline id="frame-main" class="bike-frame" points="213,392 236,340 315,347 300,388 273,386 236,340" stroke="#3c73ba" stroke-width="12" fill="none"/>
  <polyline id="seat-tube" class="bike-frame" points="273,386 234,425" stroke="#3566a2" stroke-width="9" fill="none"/>
  <polyline id="down-tube" class="bike-frame" points="236,340 186,408" stroke="#47b1ff" stroke-width="9" fill="none"/>
  <polyline id="fork" class="bike-fork" points="315,347 362,380" stroke="#89d6f0" stroke-width="8" fill="none"/>
  <rect id="seat" class="bike-seat" x="231" y="325" width="41" height="14" rx="7" fill="#5a3720" stroke="#998155" stroke-width="2"/>
  <ellipse id="crank" class="crank" cx="254" cy="382" rx="7" ry="10" fill="#aaa" stroke="#333" stroke-width="3"/>

  <!-- Pedal rods -->
  <g id="pedaling-system" class="pedals">
    <g id="pedal-animate" class="rotating-pedals">
      <g>
        <line id="pedal-rod" class="rod" x1="254" y1="382" x2="271" y2="396" stroke="#8a6432" stroke-width="7"/>
        <ellipse id="pedal-shoedown" class="pedal" cx="271" cy="396" rx="7" ry="11" fill="#2c2c2c" stroke="#131313" stroke-width="3"/>
      </g>
      <g>
        <line id="pedal-rod-opp" class="rod" x1="254" y1="382" x2="238" y2="366" stroke="#a18a5a" stroke-width="7"/>
        <ellipse id="pedal-shoesup" class="pedal" cx="238" cy="366" rx="7" ry="11" fill="#6d6866" stroke="#3a3938" stroke-width="3"/>
      </g>
      <animateTransform attributeName="transform" type="rotate" from="0 254 382" to="360 254 382" dur="5s" repeatCount="indefinite"/>
    </g>
  </g>

  <!-- Handlebars -->
  <g id="handlebars" class="handlebar">
    <rect x="367" y="361" width="44" height="11" rx="6" fill="#584208" stroke="#977b3b" stroke-width="2" transform="rotate(18 390 364)"/>
    <rect x="402" y="355" width="21" height="13" rx="7" fill="#ddd" stroke="#aaa" stroke-width="2" transform="rotate(12 412 360)"/>
  </g>
</g>

<!-- Pelican with animated legs, wings, beak -->
<g id="pelican" class="pelican">
  <!-- Body -->
  <ellipse id="pelican-body" class="body" cx="246" cy="312" rx="56" ry="87" fill="#f7f7f7" stroke="#e7e4ee" stroke-width="8"/>
  <ellipse id="pelican-tummy" class="tummy" cx="246" cy="325" rx="34" ry="72" fill="#fff8de" stroke="#f3edb0" stroke-width="3"/>
  <!-- Tail feathers -->
  <g id="tail-feathers" class="feather">
    <ellipse cx="210" cy="414" rx="7" ry="30" fill="#bce6ff" stroke="#888" stroke-width="3" transform="rotate(-15 210 414)">
      <animateTransform attributeName="transform" type="rotate" values="-15 210 414; 8 210 414; -15 210 414" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
    </ellipse>
    <ellipse cx="200" cy="409" rx="6" ry="18" fill="#82dbfd" stroke="#5fafd7" stroke-width="1.5" transform="rotate(-20 200 409)">
      <animateTransform attributeName="transform" type="rotate" values="-20 200 409; 7 200 409; -20 200 409" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
    </ellipse>
  </g>
  <!-- Left wing (on far side) -->
  <g id="pelican-farwing" class="wing">
    <path id="farwing-path" class="farwing" fill="#d2edfd" stroke="#afddea" stroke-width="4" d="M260 330 Q285 355 238 425 Q265 408 282 386 Q294 366 260 342z">
      <animateTransform attributeName="transform" type="rotate" values="-8 245 335;5 245 335;-8 245 335" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
    </path>
  </g>
  <!-- Right wing (raised and animated) -->
  <g id="pelican-nearwing" class="wing">
    <path id="nearwing-path" class="nearwing" fill="#edfcff" stroke="#719d9f" stroke-width="4" d="M273 330 Q340 312 295 396 Q285 380 302 360 Q308 346 273 333z">
      <animateTransform attributeName="transform" type="rotate" values="12 270 333;-8 270 333;12 270 333" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
    </path>
  </g>
  <!-- Animated Long Neck and Head group -->
  <g id="pelican-neckhead" class="neckhead">
    <!-- Neck -->
    <path id="pelican-neck" class="neck" fill="none" stroke="#efe7eb" stroke-width="22" d="M254 262 Q295 222 377 154">
      <animate attributeName="d" values="M254 262 Q302 229 372 166;M254 262 Q285 242 336 208;M254 262 Q302 229 372 166" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
    </path>
    <!-- Head inline with beak group for animation -->
    <g id="pelican-head" class="head">
      <!-- Head Shape -->
      <ellipse id="head-shape" class="head-shape" cx="365" cy="135" rx="40" ry="38" fill="#faf9f6" stroke="#c5abd5" stroke-width="5"/>
      <!-- Eye -->
      <ellipse id="pelican-eye" class="eye" cx="372" cy="122" rx="8" ry="8.2" fill="#143548" stroke="#2d1822" stroke-width="2"/>
      <ellipse id="eye-highlight" class="eyehighlight" cx="375" cy="120" rx="2.3" ry="2.5" fill="#fff"/>
      <!-- Dotted eyebrow -->
      <path id="eyebrow" class="eyebrow" d="M368 109 Q376 106 379 115" stroke="#52442e" stroke-width="4" fill="none" stroke-dasharray="2,5"/>
    </g>  
    <!-- Beak - split for upper and pouch with movement -->
    <g id="pelican-beak" class="beak">
      <!-- Upper Beak (animated closing and opening) -->
      <path id="beak-top" class="beak-top" d="M403 126 Q459 116 474 121 Q446 132 407 134"
        fill="#ffc356" stroke="#d1a858" stroke-width="4">
        <animate attributeName="d" values="
          M403 126 Q459 116 474 121 Q446 132 407 134;
          M403 126 Q449 88 485 129 Q446 146 407 134;
          M403 126 Q459 116 474 121 Q446 132 407 134;" 
          keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
      </path>
      <!-- Lower pouch (animated) -->
      <path id="beak-pouch" class="beak-bottom" d="M403 129 Q462 124 473 144 Q449 157 409 144"
        fill="#ffe774" stroke="#d1ba58" stroke-width="4" opacity="0.88">
        <animate attributeName="d" values="
          M403 129 Q462 124 473 144 Q449 157 409 144;
          M403 138 Q442 169 473 146 Q436 175 409 144;
          M403 129 Q462 124 473 144 Q449 157 409 144"
          keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
      </path>
      <!-- Beak tip -->
      <ellipse id="beak-tip" class="beak-tip" cx="474" cy="121" rx="7" ry="5.5" fill="#ffaa49" stroke="#b78a24" stroke-width="2"/>
    </g>
  </g>
  <!-- Animated leg-right (forward/downstroke) on pedal -->
  <g id="right-leg" class="leg">
    <path id="bulk-leg-1" class="leg-thick" d="M271 368 Q289 416 263 416" stroke="#ffd47e" stroke-width="18" fill="none" />
    <ellipse id="ankle-1" class="ankle" cx="271" cy="396" rx="11" ry="8" fill="#ffdfb6"/>
    <path id="foot-1" class="foot" d="M266 413 Q270 441 276 413 Q279 424 282 412" stroke="#e3aa4e" stroke-width="7" fill="none">
      <animateTransform attributeName="transform" type="rotate" values="8 271 395;-5 271 395;8 271 395" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
    </path>
    <!-- animate leg on pedal -->
    <animateTransform attributeName="transform" type="rotate" values="15 271 370;-5 271 370;15 271 370" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
  </g>
  <!-- Animated leg-left (back/upstroke) on pedal -->
  <g id="left-leg" class="leg">
    <path id="bulk-leg-2" class="leg-thick" d="M231 390 Q202 452 242 404" stroke="#ffecba" stroke-width="16" fill="none" />
    <ellipse id="ankle-2" class="ankle" cx="238" cy="366" rx="9" ry="12" fill="#ffeaba"/>
    <path id="foot-2" class="foot" d="M238 378 Q228 422 250 402 Q244 434 249 396" stroke="#edba56" stroke-width="6" fill="none">
      <animateTransform attributeName="transform" type="rotate" values="-14 238 376;6 238 376;-14 238 376" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
    </path>
    <!-- animate leg on pedal -->
    <animateTransform attributeName="transform" type="rotate" values="-7 238 390;7 238 390;-7 238 390" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
  </g>
  <!-- Chest feathery texture -->
  <g id="chest-feathers" class="feather">
    <path id="feath1" class="feather" d="M245 353 Q247 364 247 354" stroke="#c9e5fe" stroke-width="3" fill="none"/>
    <path id="feath2" class="feather" d="M254 355 Q250 366 260 359" stroke="#daeeff" stroke-width="2.2" fill="none"/>
    <path id="feath3" class="feather" d="M244 335 Q248 341 253 338" stroke="#c8eaff" stroke-width="2.6" fill="none"/>
    <path id="feath4" class="feather" d="M250 342 Q249 349 255 344" stroke="#d6f2f2" stroke-width="1.8" fill="none"/>
    <path id="feath5" class="feather" d="M240 337 Q232 341 237 348" stroke="#edeccd" stroke-width="1.3" fill="none"/>
  </g>
</g>

<!-- Little flying hat on Pelican's head, animated bobbing -->
<g id="pelican-hat" class="hat">
  <ellipse id="hat-body" class="hat-body" cx="374" cy="99" rx="19" ry="10" fill="#4ae1d1" stroke="#1cad8d" stroke-width="3"/>
  <ellipse id="hat-band" class="hat-band" cx="374" cy="101" rx="18" ry="4.3" fill="#222221" opacity="0.18"/>
  <rect id="hat-job" class="brim" x="357" y="98" width="34" height="9" rx="4" fill="#197679" stroke="#014345" stroke-width="2"/>
  <!-- Pi number on the hat -->
  <text id="hat-logo" class="hatlogo" x="373" y="108" text-anchor="middle" font-size="14" font-family="Verdana" fill="#184201">𝜋</text>
  <!-- Animate the bob/tilt -->
  <animateTransform attributeName="transform" type="rotate" values="-6 374 99;7 374 99;-6 374 99" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
</g>

<!-- Some flowers and detail on grass -->
<g id="flowers" class="flowers">
  <g id="flower1" class="flower">
    <ellipse id="petal1-1" class="petal" cx="59" cy="407" rx="9" ry="3.9" fill="#fabcff" />
    <ellipse id="petal1-2" class="petal" cx="54" cy="413" rx="3.7" ry="9" fill="#eff7aa" />
    <ellipse id="petal1-3" class="petal" cx="64" cy="413" rx="3.3" ry="7" fill="#b9ffed" />
    <circle id="center-1" class="center" cx="59" cy="411" r="4" fill="#fff605"/>
  </g>
  <g id="flower2" class="flower">
    <ellipse id="petal2-1" class="petal" cx="127" cy="424" rx="8.7" ry="3.7" fill="#ed1cde" />
    <ellipse id="petal2-2" class="petal" cx="133" cy="429" rx="3.8" ry="8.7" fill="#ffc493" />
    <ellipse id="petal2-3" class="petal" cx="120" cy="429" rx="2.9" ry="6.7" fill="#aeeabb" />
    <circle id="center-2" class="center" cx="127" cy="427" r="3.6" fill="#ffe45b"/>
  </g>
  <g id="flower3" class="flower">
    <ellipse id="petal3-1" class="petal" cx="354" cy="433" rx="7" ry="4.2" fill="#62eefd" />
    <ellipse id="petal3-2" class="petal" cx="354" cy="438" rx="4.7" ry="6.2" fill="#ffdbee" />
    <circle id="center-3" class="center" cx="354" cy="437" r="3.4" fill="#fff762"/>
  </g>
  <g id="flower4" class="flower">
    <ellipse id="petal4-1" class="petal" cx="278" cy="453" rx="4.5" ry="8.9" fill="#a9c2ff" />
    <ellipse id="petal4-2" class="petal" cx="283" cy="456" rx="3.9" ry="10" fill="#f9f8e7" />
    <ellipse id="petal4-3" class="petal" cx="274" cy="456" rx="4.9" ry="7.7" fill="#ffc8b6" />
    <circle id="center-4" class="center" cx="278.5" cy="454.5" r="2.7" fill="#edffae"/>
  </g>
  <!-- animate slight bob for all flowers for liveliness -->
  <animateTransform attributeName="transform" type="translate" values="0 0;0 5;0 0" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
</g>
</svg>