Skip to content

Instantly share code, notes, and snippets.

@simonw
Created July 29, 2025 18:25
Show Gist options
  • Select an option

  • Save simonw/a498d4b2df887d079a9e338f8c4e5006 to your computer and use it in GitHub Desktop.

Select an option

Save simonw/a498d4b2df887d079a9e338f8c4e5006 to your computer and use it in GitHub Desktop.

https://chat.qwen.ai/?model=Qwen3-30B-A3B-2507

Generate an SVG of a pelican riding a bicycle


Here's a fun and whimsical SVG of a pelican riding a bicycle! It combines cartoonish styling with playful proportions to make it look charming and imaginative.

<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="100%" height="100%" fill="#a8d5ff"/>

  <!-- Sun in the sky -->
  <circle cx="300" cy="50" r="40" fill="#fff9b5"/>
  <circle cx="300" cy="50" r="25" fill="#ffd700"/>

  <!-- Clouds -->
  <ellipse cx="60" cy="60" rx="40" ry="20" fill="#ffffff" opacity="0.9"/>
  <ellipse cx="90" cy="55" rx="40" ry="20" fill="#ffffff" opacity="0.9"/>
  <ellipse cx="120" cy="60" rx="40" ry="20" fill="#ffffff" opacity="0.9"/>

  <!-- Ground -->
  <rect x="0" y="200" width="400" height="100" fill="#8bc34a"/>

  <!-- Bicycle (simple stylized design) -->
  <!-- Frame -->
  <polygon points="180,170 220,170 240,190 220,210 180,210 160,190" fill="#e05050"/>

  <!-- Wheels -->
  <circle cx="180" cy="210" r="20" fill="#333"/>
  <circle cx="240" cy="210" r="20" fill="#333"/>
  <circle cx="180" cy="210" r="10" fill="#fff"/>
  <circle cx="240" cy="210" r="10" fill="#fff"/>

  <!-- Handlebars -->
  <path d="M200,170 Q200,150 220,150 Q240,150 240,170" stroke="#e05050" stroke-width="6" fill="none"/>

  <!-- Pelican (on the bike) -->
  <!-- Body -->
  <ellipse cx="210" cy="150" rx="30" ry="25" fill="#f0f0f0"/>
  <ellipse cx="210" cy="150" rx="25" ry="20" fill="#e0e0e0"/>

  <!-- Head -->
  <circle cx="240" cy="140" r="20" fill="#f0f0f0"/>
  <circle cx="245" cy="135" r="6" fill="#000"/>
  <circle cx="245" cy="135" r="2" fill="#fff"/>

  <!-- Beak -->
  <path d="M240,140 L270,140 L260,150 L240,150 Z" fill="#f7c84a"/>
  <path d="M260,150 L270,140" stroke="#d4a037" stroke-width="2"/>

  <!-- Eye -->
  <circle cx="245" cy="135" r="4" fill="#000"/>
  <circle cx="245" cy="135" r="1.5" fill="#fff"/>

  <!-- Wings -->
  <path d="M190,140 Q180,120 190,110 Q200,100 210,110 Q200,120 190,140" fill="#d0d0d0"/>
  <path d="M190,140 Q180,120 190,110 Q200,100 210,110 Q200,120 190,140" fill="#c0c0c0" opacity="0.6"/>

  <!-- Legs -->
  <line x1="210" y1="175" x2="210" y2="195" stroke="#f0f0f0" stroke-width="6" />
  <line x1="210" y1="175" x2="225" y2="195" stroke="#f0f0f0" stroke-width="6" />

  <!-- Pedals -->
  <circle cx="200" cy="200" r="10" fill="#333"/>
  <circle cx="220" cy="200" r="10" fill="#333"/>

  <!-- Saddle -->
  <rect x="200" y="155" width="20" height="10" fill="#e05050"/>
  <rect x="205" y="150" width="10" height="5" fill="#e05050"/>

  <!-- Bonus: Pelican's smile -->
  <path d="M245,145 Q250,150 255,145" fill="none" stroke="#d4a037" stroke-width="2"/>

  <!-- Text label (optional) -->
  <text x="200" y="250" font-family="Comic Sans MS" font-size="16" text-anchor="middle" fill="#333">
    Pelican on a Bike!
  </text>
</svg>

🎨 How to Use:

  • Copy the entire code above.
  • Paste it into an .html file or use it directly in an SVG viewer/editor (like https://svg-editor.freesvg.org).
  • You can adjust colors, sizes, or add animations if desired!

🐦 Features:

  • A cartoon pelican with big eyes, a yellow beak, and fluffy feathers.
  • A red bicycle with wheels, handlebars, and pedals.
  • The pelican is sitting on the saddle, legs dangling β€” clearly enjoying the ride!
  • Sky, clouds, sun, and grass for context.

Let me know if you'd like an animated version (e.g., pedaling motion)! πŸ˜„πŸš΄β€β™‚οΈπŸ¦©

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