Model: gemini-2.5-flash-preview-04-17
Generate an SVG of a pelican riding a bicycle
Okay, here is an SVG image of a pelican riding a bicycle. I've aimed for a somewhat simplified, cartoony style.
<svg width="800" height="500" viewBox="0 0 800 500" xmlns="https://www.w3.org/2000/svg">
<style>
/* Basic Styling */
.bike-frame { fill: none; stroke: #333; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; }
.wheel-rim { fill: none; stroke: #333; stroke-width: 8; }
.wheel-hub { fill: #333; }
.saddle { fill: #6b4423; }
.handlebar { fill: none; stroke: #333; stroke-width: 8; stroke-linecap: round; }
.pedal { fill: #666; stroke: #333; stroke-width: 2; }
.crank { fill: none; stroke: #333; stroke-width: 6; stroke-linecap: round; }
.pelican-body { fill: #d3d3d3; stroke: black; stroke-width: 3; }
.pelican-head { fill: #d3d3d3; stroke: black; stroke-width: 3; }
.pelican-neck { fill: none; stroke: #d3d3d3; stroke-width: 20; stroke-linecap: round; }
.pelican-eye { fill: black; }
.pelican-beak { fill: orange; stroke: black; stroke-width: 3; stroke-linejoin: round; }
.pelican-pouch { fill: orangered; stroke: black; stroke-width: 3; stroke-linejoin: round; }
.pelican-leg { fill: none; stroke: darkorange; stroke-width: 10; stroke-linecap: round; }
.pelican-foot { fill: darkorange; stroke: black; stroke-width: 2; }
</style>
<!-- Ground Line -->
<line x1="0" y1="480" x2="800" y2="480" stroke="#555" stroke-width="5"/>
<!-- Bicycle -->
<g id="bicycle">
<!-- Wheels -->
<circle class="wheel-rim" cx="250" cy="400" r="70"/>
<circle class="wheel-hub" cx="250" cy="400" r="10"/>
<circle class="wheel-rim" cx="550" cy="400" r="70"/>
<circle class="wheel-hub" cx="550" cy="400" r="10"/>
<!-- Frame -->
<!-- Main Triangle -->
<line class="bike-frame" x1="250" y1="400" x2="400" y2="280"/> <!-- Front hub to head tube -->
<line class="bike-frame" x1="400" y1="280" x2="450" y2="350"/> <!-- Head tube to seat tube top -->
<line class="bike-frame" x1="450" y1="350" x2="450" y2="410"/> <!-- Seat tube -->
<line class="bike-frame" x1="400" y1="280" x2="450" y2="410"/> <!-- Down tube -->
<!-- Rear Triangle -->
<line class="bike-frame" x1="450" y1="410" x2="550" y2="400"/> <!-- Chainstay -->
<line class="bike-frame" x1="450" y1="350" x2="550" y2="400"/> <!-- Seatstay -->
<!-- Fork -->
<line class="bike-frame" x1="400" y1="280" x2="250" y2="400"/> <!-- Already drawn as part of main triangle -->
<!-- Handlebars -->
<path class="handlebar" d="M 400 280 Q 380 250 420 240"/>
<!-- Saddle -->
<ellipse class="saddle" cx="450" cy="340" rx="25" ry="12" transform="rotate(-10 450 340)"/>
<!-- Cranks and Pedals -->
<line class="crank" x1="450" y1="410" x2="410" y2="430"/>
<circle class="pedal" cx="410" cy="430" r="10"/>
<line class="crank" x1="450" y1="410" x2="490" y2="390"/>
<circle class="pedal" cx="490" cy="390" r="10"/>
</g>
<!-- Pelican -->
<g id="pelican">
<!-- Body -->
<path class="pelican-body" d="M 440 330 C 480 280 520 280 500 350 C 480 380 420 380 440 330 Z"/>
<!-- Neck -->
<path class="pelican-neck" d="M 460 320 Q 380 200 300 270"/>
<!-- Head -->
<circle class="pelican-head" cx="300" cy="270" r="35"/>
<!-- Eye -->
<circle class="pelican-eye" cx="325" cy="260" r="6"/>
<!-- Beak -->
<path class="pelican-beak" d="M 320 275 L 200 295 L 200 315 L 320 300 Z"/>
<!-- Pouch -->
<path class="pelican-pouch" d="M 205 312 Q 260 340 315 302"/>
<!-- Legs -->
<line class="pelican-leg" x1="450" y1="350" x2="420" y2="425"/>
<line class="pelican-leg" x1="450" y1="350" x2="480" y2="385"/>
<!-- Feet (overlapping pedals slightly) -->
<circle class="pelican-foot" cx="420" cy="425" r="12"/>
<circle class="pelican-foot" cx="480" cy="385" r="12"/>
</g>
</svg>Explanation:
<svg>tag: Defines the SVG canvas with aviewBoxfor scaling and awidth/height.<style>tag: Contains CSS rules to style the different parts of the drawing, making the code cleaner and easier to read.- Ground Line: A simple horizontal line to give the bike something to sit on.
<g id="bicycle">: Groups all the bicycle elements together.- Wheels: Defined by
<circle>elements for the rim and a smaller one for the hub. - Frame: Uses
<line>elements to draw the basic structure of the bike frame.stroke-linecap="round"makes the ends of the lines rounded. - Handlebars: A
<path>is used to create a curved shape for the handlebars. - Saddle: An
<ellipse>for the seat, rotated slightly. - Cranks and Pedals:
<line>for the crank arms and<circle>for the pedals.
- Wheels: Defined by
<g id="pelican">: Groups all the pelican elements.- Body: A
<path>defines the main shape of the pelican's body, sitting on the saddle area. - Neck: A
<path>with a thick stroke (stroke-width) creates the curved neck.stroke-linecap="round"gives it rounded ends. - Head: A
<circle>for the head. - Eye: A small black
<circle>. - Beak and Pouch:
<path>elements define the distinctive beak shape and the hanging pouch underneath. - Legs: Simple
<line>elements connect the body area down towards the pedals. - Feet:
<circle>elements are placed to slightly overlap the pedals, suggesting the pelican's webbed feet are on them.
- Body: A
You can save this code as an .svg file and open it in a web browser or image editor that supports SVG.
11 input, 5,174 output, {"promptTokensDetails": [{"modality": "TEXT", "tokenCount": 11}], "thoughtsTokenCount": 3023}