Skip to content

Instantly share code, notes, and snippets.

@simonw
Created May 31, 2025 20:52
Show Gist options
  • Save simonw/b8aea7c0279175166ebd46160d290d20 to your computer and use it in GitHub Desktop.
Save simonw/b8aea7c0279175166ebd46160d290d20 to your computer and use it in GitHub Desktop.

2025-05-31T20:35:09 conversation: 01jwm0y4qv8vye9vmrk0pvstat id: 01jwm0wd7yamhezrm19wq0e52z

Model: deepseek-r1:8b-0528-qwen3-q8_0

Prompt

Generate an SVG of a pelican riding a bicycle

Response

We are going to create an SVG that depicts a pelican riding a bicycle. Steps: 1. Create the basic structure of an SVG with width and height set appropriately (e.g., 400x200). 2. Draw a pelican: We'll break it down into parts - body, beak, eye, feet, wings, etc. 3. Draw a bicycle: We can represent it as two circles for wheels, a rectangle for the frame, and some other details.

Let's design the SVG with the following:

  • The pelican will be facing to the right (positive x-axis) so that it is riding the bike from left to right.
  • The bicycle will have two wheels and a simple frame in front of the pelican.

We'll use absolute positioning for each part. Let's assume we set up coordinates such that:

  • The top-left of the SVG is (0,0), and we want the scene to be drawn from left to right.
  • The pelican will be positioned at (50, 120) with a body length of about 30 units.

We'll use simple shapes for the pelican:

Body: An ellipse or rounded rectangle. Let's do an ellipse for the body. Beak: A triangle pointing to the right. Head: Another ellipse but smaller and positioned in front of the body. Wings: Two triangles (one above each other, one slightly behind) that are upside down.

Bicycle:

  • Wheels: two circles at fixed positions relative to the frame.
  • Frame: a rectangle with some details for handlebars and seat.

Since this is a fun illustration, we'll keep it simple but recognizable.

Let's code accordingly. Here’s an SVG of a pelican riding a bicycle. This example uses basic shapes to create a stylized version:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200">
  <!-- Pelican body -->
  <ellipse cx="150" cy="150" rx="80" ry="60" fill="#FFD700"/>
  
  <!-- Pelican head (larger for comedic effect) -->
  <circle cx="90" cy="120" r="45" fill="#FFA3CE"/>
  
  <!-- Pelican beak -->
  <polygon points="80,110 60,120 80,130 70,140 60,150" fill="#FFC233"/>
  
  <!-- Pelican eye -->
  <circle cx="95" cy="115" r="3" fill="#fff"/>
  
  <!-- Bicycle wheels -->
  <ellipse cx="380" cy="140" rx="25" ry="60" transform="rotate(90 380 140)" fill="black"/>
  <ellipse cx="380" cy="70" rx="25" ry="60" transform="rotate(90 380 70)" fill="black"/>
  
  <!-- Bicycle frame -->
  <path d="M 15,40 L 15,140 H 370 L 370,140 V 40 Z" stroke="gray" stroke-width="6" fill="none"/>
  
  <!-- Handlebars and seat (stylized) -->
  <path d="M 280,40 C 290,35 300,30 310,40 C 320,50 330,60 310,70 L 310,70 Q 290,50 280,40" fill="none" stroke="gray"/>
  
  <!-- Pedals -->
  <circle cx="340" cy="70" r="15" fill="#3366CC"/>
  <polygon points="340,65 330,45 350,45" fill="#F29E3D"/>
  
  <circle cx="340" cy="140" r="15" fill="#3366CC"/>
  <polygon points="340,135 330,115 350,115" fill="#F29E3D"/>
  
  <!-- Neck connecting head to body -->
  <path d="M 80,120 C 70,160 100,140 150,120" stroke="#FFA3CE" stroke-width="8"/>
</svg>

Explanation:

  • Pelican Body: A large yellow ellipse.
  • Head: A pink circle with a prominent beak (yellow-orange triangle).
  • Bicycle:
    • Wheels are black ellipses rotated vertically to simulate spokes.
    • The frame is a gray rectangle extending from the pelican’s back to the right side of the SVG.
    • Handlebars and seat are simplified curves in gray.

This creates a comical scene with the pelican riding forward. You can adjust colors, sizes, or positions by modifying cx, cy, rx, ry attributes and fill/stroke values.

Token usage

12 input, 1,163 output

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment