Generate an SVG of a pelican riding a bicycle
Hmm, the user wants an SVG of a pelican riding a bicycle. That's a fun and creative request. I need to generate vector graphics code that combines a pelican and a bicycle in a stylized way.
I'll keep the design simple and cartoonish to make it easy to render. The pelican should be sitting on the bicycle seat, with webbed feet on the pedals. The bicycle needs basic elements like wheels, frame, handlebars, and pedals.
I'll use SVG elements like circles for wheels, paths for the frame and pelican body, and lines for details. The pelican's beak and legs will be prominent features. I'll add a background sky and ground to complete the scene.
The code should be self-contained and readable, with comments to explain the main parts. I'll avoid complex gradients or excessive detail to keep it lightweight.
Here's a simple SVG of a cartoon pelican riding a bicycle, combining recognizable features of both elements:
<svg width="400" height="300" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 400 300">
<!-- Background -->
<rect width="400" height="300" fill="#87CEEB"/>
<!-- Ground -->
<rect y="240" width="400" height="60" fill="#7CFC00"/>
<!-- Bicycle -->
<!-- Frame -->
<path d="M120,200 C150,150 250,150 280,200" stroke="#333" stroke-width="3" fill="none"/>
<!-- Wheels -->
<circle cx="150" cy="200" r="35" stroke="#333" stroke-width="2" fill="white"/>
<circle cx="250" cy="200" r="35" stroke="#333" stroke-width="2" fill="white"/>
<!-- Spokes (simplified) -->
<circle cx="150" cy="200" r="25" stroke="#CCC" stroke-width="1" fill="none"/>
<circle cx="250" cy="200" r="25" stroke="#CCC" stroke-width="1" fill="none"/>
<!-- Pedals and seat -->
<circle cx="185" cy="180" r="6" fill="#333"/>
<path d="M210,150 Q215,145 220,150" stroke="#333" stroke-width="3" fill="none"/>
<rect x="210" y="140" width="10" height="5" fill="#333"/>
<!-- Pelican -->
<!-- Body -->
<ellipse cx="205" cy="145" rx="20" ry="25" fill="white" stroke="#333" stroke-width="1"/>
<!-- Head and beak -->
<ellipse cx="185" cy="150" rx="15" ry="15" fill="white" stroke="#333" stroke-width="1"/>
<path d="M175,145 C165,140 155,145 150,155 L175,155 Z" fill="#FF8C00" stroke="#333" stroke-width="1"/>
<!-- Eye -->
<circle cx="178" cy="148" r="3" fill="black"/>
<!-- Wing -->
<path d="M210,145 C230,130 225,140 225,155 C220,160 205,155 205,145" fill="white" stroke="#333" stroke-width="1"/>
<!-- Legs (pedaling) -->
<line x1="205" y1="170" x2="200" y2="195" stroke="#333" stroke-width="2"/>
<line x1="195" y1="195" x2="180" y2="180" stroke="#333" stroke-width="2"/>
<line x1="205" y1="165" x2="185" y2="175" stroke="#333" stroke-width="2"/>
</svg>This shows a stylized white pelican sitting on a simple bicycle frame with basic geometric shapes:
- Round body and head with orange beak
- One visible wing
- Pedaling legs with simplified lines
- Two wheels with minimal spokes
- Ground and sky backdrop
You can paste this code into a text editor and save it with a .svg extension to view the image. Feel free to adjust colors, sizes, or add more details as needed!