Here is the HTML code for an SVG image depicting a pelican riding a bicycle:

```html
<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="300px">
  <!-- Background -->
  <rect x="-50" y="-30" rx="10% w h fill:#f4e1c8"/>

  /* Pelican */
  <path d="
    m-150,70 c20,-40 -80,-110 
                 ,120 ,-100 ;s:180,
                         90 s:-140 ,
                               60   // Bezier curve to form mouth and eye area"
     stroke="#333" "stroke-width":5 />

  
  {/* Eyes */}
  <circle cx=-45 cy=55 r=15
          style='fill:white'></circle>
   
  {/* Mouth */}	
	<ellipse xe=-35 ye=50 width:=30 height=22 color="orange"></svg>

  <!-- Bicycle -->
  <rect x="-200 y":-65 w:300 h:"10 fill:#666"/>
    m-150,80 c20,-40 -120 ,-110 
               ,190 ,-100 ;s:160,
                        70 s:-140 ,
                             60 // Bezier curve to form bicycle frame"
     stroke="#333" "stroke-width":5 />

   /* Wheels */
      circle cx="-180",cy = "-45 r :15
       style='fill:white'></circle>
   
</path>   

<!-- Handlebars and Seat */}
<ellipse xe=-25 ye=85 width:=30 height="12 color:"#555"></svg>

  <!-- Pedals -->
        <rect x:"-220 y":-55 w:"10 h":"50 fill:#666"/>

    </g></svg>
```

This SVG code creates a simple illustration of pelican riding on the bike with basic shapes. The background is set as light gray, while other elements are colored accordingly to create an appealing visual representation.

Please note that this image may not be perfect due to simplicity in design but it should give you some idea about how one can generate such images using HTML5/SVG syntax!

> EOF by user