<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600" role="img" aria-label="A pelican riding a bicycle">
  <title>Pelican riding a bicycle</title>
  <desc>An animated 2D scene of a white pelican pedalling a teal bicycle along a country road.</desc>

  <defs>
    <linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#bfe4f6"/>
      <stop offset="1" stop-color="#eef9fd"/>
    </linearGradient>
    <linearGradient id="bodyFill" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#ffffff"/>
      <stop offset="1" stop-color="#e8e3d5"/>
    </linearGradient>
    <linearGradient id="wingFill" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#f7f4ea"/>
      <stop offset="1" stop-color="#dcd6c5"/>
    </linearGradient>
    <linearGradient id="pouchFill" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#ffc65e"/>
      <stop offset="1" stop-color="#ee8c1c"/>
    </linearGradient>
    <linearGradient id="roadFill" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#c6d1d7"/>
      <stop offset="1" stop-color="#a4b2ba"/>
    </linearGradient>
    <radialGradient id="sunGlow" cx="0.5" cy="0.5" r="0.5">
      <stop offset="0" stop-color="#ffeaa7" stop-opacity="0.95"/>
      <stop offset="0.55" stop-color="#ffeaa7" stop-opacity="0.35"/>
      <stop offset="1" stop-color="#ffeaa7" stop-opacity="0"/>
    </radialGradient>
  </defs>

  <rect width="900" height="600" fill="url(#sky)"/>
  <circle cx="744" cy="118" r="118" fill="url(#sunGlow)"/>
  <circle cx="744" cy="118" r="44" fill="#ffe08a"/>

  <g fill="#ffffff" opacity="0.92">
    <g>
      <animateTransform attributeName="transform" type="translate" values="0 0;28 0;0 0" dur="9s" repeatCount="indefinite"/>
      <ellipse cx="168" cy="128" rx="62" ry="28"/>
      <ellipse cx="214" cy="116" rx="44" ry="24"/>
      <ellipse cx="128" cy="138" rx="36" ry="20"/>
    </g>
    <g opacity="0.7">
      <animateTransform attributeName="transform" type="translate" values="0 0;-24 0;0 0" dur="12s" repeatCount="indefinite"/>
      <ellipse cx="524" cy="92" rx="52" ry="22"/>
      <ellipse cx="562" cy="84" rx="34" ry="18"/>
    </g>
  </g>

  <ellipse cx="170" cy="514" rx="210" ry="74" fill="#b9ddc7"/>
  <ellipse cx="700" cy="514" rx="250" ry="96" fill="#a9d4bd"/>

  <rect x="0" y="512" width="900" height="88" fill="url(#roadFill)"/>
  <rect x="0" y="512" width="900" height="4" fill="#93a2aa" opacity="0.55"/>
  <g>
    <animateTransform attributeName="transform" type="translate" values="0 0;-160 0" dur="0.7s" repeatCount="indefinite"/>
    <line x1="-200" y1="556" x2="1100" y2="556" stroke="#f4f8f9" stroke-width="7" stroke-linecap="round" stroke-dasharray="46 34" opacity="0.85"/>
  </g>

  <ellipse cx="466" cy="516" rx="200" ry="13" fill="#5f6f78" opacity="0.16"/>

  <g transform="translate(315,440)">
    <circle r="72" fill="none" stroke="#2b3038" stroke-width="10"/>
    <circle r="61" fill="none" stroke="#c9d2d8" stroke-width="3"/>
    <g stroke="#9aa6ae" stroke-width="2">
      <animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="1.1s" repeatCount="indefinite"/>
      <line x1="-58" y1="0" x2="58" y2="0"/>
      <line x1="0" y1="-58" x2="0" y2="58"/>
      <line x1="-41" y1="-41" x2="41" y2="41"/>
      <line x1="-41" y1="41" x2="41" y2="-41"/>
      <circle cx="0" cy="-52" r="4" fill="#e2574c" stroke="none"/>
    </g>
    <circle r="7" fill="#6b7280"/>
  </g>

  <g transform="translate(615,440)">
    <circle r="72" fill="none" stroke="#2b3038" stroke-width="10"/>
    <circle r="61" fill="none" stroke="#c9d2d8" stroke-width="3"/>
    <g stroke="#9aa6ae" stroke-width="2">
      <animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="1.1s" repeatCount="indefinite"/>
      <line x1="-58" y1="0" x2="58" y2="0"/>
      <line x1="0" y1="-58" x2="0" y2="58"/>
      <line x1="-41" y1="-41" x2="41" y2="41"/>
      <line x1="-41" y1="41" x2="41" y2="-41"/>
      <circle cx="0" cy="-52" r="4" fill="#e2574c" stroke="none"/>
    </g>
    <circle r="7" fill="#6b7280"/>
  </g>

  <path d="M450,435 L315,428" fill="none" stroke="#8b959c" stroke-width="3"/>
  <path d="M450,475 L315,452" fill="none" stroke="#8b959c" stroke-width="3"/>

  <g fill="none" stroke="#2a7f8f" stroke-width="9" stroke-linecap="round" stroke-linejoin="round">
    <path d="M450,455 L400,330"/>
    <path d="M400,330 L585,332"/>
    <path d="M450,455 L592,398"/>
    <path d="M585,332 L592,398"/>
    <path d="M450,455 L315,440"/>
    <path d="M400,330 L315,440"/>
    <path d="M592,398 C604,412 610,426 615,440"/>
  </g>

  <line x1="400" y1="330" x2="398" y2="318" stroke="#37414a" stroke-width="7" stroke-linecap="round"/>
  <path d="M366,320 C376,307 412,305 432,315 C437,319 435,326 428,327 L372,327 C366,326 363,323 366,320 Z" fill="#37414a"/>

  <line x1="585" y1="332" x2="578" y2="310" stroke="#37414a" stroke-width="8" stroke-linecap="round"/>
  <path d="M548,306 C566,295 592,297 604,311" fill="none" stroke="#37414a" stroke-width="8" stroke-linecap="round"/>

  <circle cx="450" cy="455" r="20" fill="none" stroke="#6b7280" stroke-width="5"/>
  <circle cx="450" cy="455" r="7" fill="#6b7280"/>
  <g>
    <animateTransform attributeName="transform" type="rotate" from="0 450 455" to="360 450 455" dur="1.1s" repeatCount="indefinite"/>
    <line x1="450" y1="455" x2="486" y2="455" stroke="#37414a" stroke-width="7" stroke-linecap="round"/>
    <line x1="450" y1="455" x2="414" y2="455" stroke="#37414a" stroke-width="7" stroke-linecap="round"/>
    <rect x="478" y="449" width="20" height="8" rx="3" fill="#37414a"/>
    <rect x="402" y="449" width="20" height="8" rx="3" fill="#37414a"/>
  </g>

  <g>
    <animateTransform attributeName="transform" type="rotate" values="14 416 324;-14 416 324;14 416 324" dur="1.1s" repeatCount="indefinite"/>
    <path d="M416,324 L440,392 L424,458" fill="none" stroke="#e2954a" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M424,458 C436,456 448,460 450,466 C444,473 430,472 424,468 Z" fill="#e2954a"/>
  </g>

  <g>
    <animateTransform attributeName="transform" type="translate" values="0 0;0 -5;0 0" dur="0.55s" repeatCount="indefinite"/>

    <path d="M352,288 L314,264 L322,294 L302,308 L350,312 Z" fill="#e8e3d5"/>

    <ellipse cx="420" cy="282" rx="78" ry="58" fill="url(#bodyFill)" transform="rotate(-8 420 282)"/>

    <path d="M468,268 C506,258 526,224 536,190" fill="none" stroke="#efeade" stroke-width="40" stroke-linecap="round"/>
    <path d="M468,268 C506,258 526,224 536,190" fill="none" stroke="#ffffff" stroke-width="32" stroke-linecap="round"/>

    <ellipse cx="556" cy="166" rx="32" ry="28" fill="#ffffff"/>

    <path d="M578,186 C574,232 604,264 646,262 C684,260 706,226 708,192 C694,204 660,212 630,208 C606,205 586,198 578,186 Z" fill="url(#pouchFill)"/>
    <path d="M574,160 L712,176 C720,179 720,188 712,190 L578,188 C570,179 570,168 574,160 Z" fill="#f7a72c"/>
    <path d="M584,176 L706,185" fill="none" stroke="#e08a17" stroke-width="2" opacity="0.7"/>

    <circle cx="564" cy="158" r="6" fill="#2b3038"/>
    <circle cx="566" cy="156" r="2" fill="#ffffff"/>

    <path d="M528,148 C520,140 512,138 504,140 C510,146 514,152 516,158 Z" fill="#e8e3d5"/>

    <g>
      <animateTransform attributeName="transform" type="rotate" values="0 452 262;-9 452 262;0 452 262" dur="0.55s" repeatCount="indefinite"/>
      <path d="M452,258 C416,242 372,254 348,290 C362,316 406,326 446,306 C458,296 460,270 452,258 Z" fill="url(#wingFill)"/>
      <path d="M372,286 C392,290 412,296 428,304" fill="none" stroke="#c9c2ae" stroke-width="3" stroke-linecap="round"/>
      <path d="M386,272 C404,278 420,284 434,292" fill="none" stroke="#c9c2ae" stroke-width="3" stroke-linecap="round"/>
    </g>
  </g>

  <g>
    <animateTransform attributeName="transform" type="rotate" values="-14 432 332;14 432 332;-14 432 332" dur="1.1s" repeatCount="indefinite"/>
    <path d="M432,332 L466,392 L486,462" fill="none" stroke="#f0a04b" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M486,462 C499,460 511,464 513,470 C507,477 492,476 486,472 Z" fill="#f0a04b"/>
  </g>

  <g>
    <path d="M598,326 L662,326 L654,372 L606,372 Z" fill="#d8a768"/>
    <path d="M603,338 L657,338 M601,353 L656,353" fill="none" stroke="#b98a4e" stroke-width="3"/>
    <path d="M594,326 L666,326" fill="none" stroke="#b98a4e" stroke-width="5" stroke-linecap="round"/>
    <path d="M600,326 C602,312 612,304 624,304" fill="none" stroke="#b98a4e" stroke-width="4"/>
    <ellipse cx="630" cy="306" rx="16" ry="9" fill="#7fb8d8" transform="rotate(-18 630 306)"/>
    <path d="M642,300 L656,292 L654,308 Z" fill="#5f9dbf"/>
    <circle cx="622" cy="303" r="2" fill="#2b3038"/>
  </g>

  <g stroke="#ffffff" stroke-width="6" stroke-linecap="round">
    <line x1="238" y1="206" x2="300" y2="206">
      <animate attributeName="opacity" values="0;0.9;0" dur="1.4s" repeatCount="indefinite"/>
    </line>
    <line x1="214" y1="246" x2="292" y2="246">
      <animate attributeName="opacity" values="0;0.8;0" dur="1.4s" begin="0.35s" repeatCount="indefinite"/>
    </line>
    <line x1="242" y1="352" x2="306" y2="352">
      <animate attributeName="opacity" values="0;0.7;0" dur="1.4s" begin="0.7s" repeatCount="indefinite"/>
    </line>
  </g>
</svg>