Skip to content

Instantly share code, notes, and snippets.

@simonw

simonw/qwen.md Secret

Created July 25, 2025 16:18
Show Gist options
  • Select an option

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

Select an option

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

Here's an SVG of a cheerful pelican riding a bicycle, designed with playful cartoon aesthetics:

<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle Frame -->
  <g stroke="#333" stroke-width="4" fill="none">
    <!-- Wheels -->
    <circle cx="200" cy="300" r="40" fill="#e0e0e0" stroke-width="2"/>
    <circle cx="400" cy="300" r="40" fill="#e0e0e0" stroke-width="2"/>
    
    <!-- Main Frame -->
    <path d="M200,300 L300,250 L400,300 L350,350 L200,300" fill="#9b5de5" stroke-width="4"/>
    <line x1="300" y1="250" x2="300" y2="200" stroke-width="4"/> <!-- Seat tube -->
    
    <!-- Handlebars -->
    <path d="M350,220 L350,200 M340,200 L360,200" stroke-width="4"/>
    
    <!-- Pedals -->
    <line x1="300" y1="250" x2="320" y2="270" stroke="#ff9e80" stroke-width="3"/>
    <line x1="300" y1="250" x2="320" y2="230" stroke="#ff9e80" stroke-width="3"/>
  </g>
  
  <!-- Seat -->
  <rect x="290" y="195" width="20" height="8" rx="4" fill="#6a4c93"/>
  
  <!-- Pelican -->
  <g transform="translate(240, 230)">
    <!-- Body (white with subtle shadow) -->
    <ellipse cx="0" cy="30" rx="40" ry="35" fill="#f8f9fa" stroke="#e9ecef" stroke-width="0.5"/>
    <ellipse cx="5" cy="35" rx="35" ry="30" fill="#e9ecef"/>
    
    <!-- Head -->
    <circle cx="-40" cy="15" r="25" fill="#f8f9fa" stroke="#e9ecef" stroke-width="0.5"/>
    
    <!-- Beak (with pouch) -->
    <path d="M-40,15 L0,10 L-10,25 Z" fill="#ff9e80"/>
    <path d="M-40,15 L-10,25 L-25,20 Z" fill="#ff6b6b"/>
    
    <!-- Eyes -->
    <circle cx="-45" cy="5" r="3" fill="#333"/>
    <circle cx="-35" cy="5" r="3" fill="#333"/>
    
    <!-- Wing -->
    <path d="M10,30 Q40,10 60,35 Q40,60 10,30" fill="#4cc9f0" opacity="0.7"/>
    
    <!-- Legs and Feet -->
    <path d="M-10,65 L10,90 L30,95" stroke="#ff9e80" stroke-width="5" fill="none" stroke-linecap="round"/>
    <circle cx="30" cy="95" r="5" fill="#ff9e80"/>
    
    <!-- Front Leg (bent for pedaling) -->
    <path d="M-15,65 L-5,85 L20,90" stroke="#ff9e80" stroke-width="5" fill="none" stroke-linecap="round"/>
    <circle cx="20" cy="90" r="5" fill="#ff9e80"/>
    
    <!-- Tail Feathers -->
    <path d="M-40,65 L-60,55 L-60,75 Z" fill="#4cc9f0" opacity="0.5"/>
  </g>
  
  <!-- Ground -->
  <line x1="0" y1="340" x2="600" y2="340" stroke="#4a4e69" stroke-width="2"/>
  
  <!-- Decorative elements -->
  <circle cx="500" cy="100" r="3" fill="#ffb4a2"/>
  <circle cx="100" cy="80" r="2" fill="#ffb4a2"/>
  <circle cx="550" cy="150" r="4" fill="#c9cba3"/>
</svg>

This SVG features:

  • A purple bicycle frame with gray wheels and orange pedals
  • A white pelican with distinctive orange beak/pouch
  • Playful details:
    • Semi-transparent blue wings for motion effect
    • Webbed feet on the pedals
    • Subtle tail feathers
    • Soft shadowing on the body
    • Decorative "wind" dots in the background
  • Proper riding posture with one leg extended to pedal
  • Cartoon-style proportional design (exaggerated beak, simplified features)

The pelican is positioned leaning forward in a playful riding pose, with its long beak clearly visible. The bicycle has a diamond frame structure with proper geometry, and the pelican's legs are positioned realistically on the pedals. The color scheme uses cheerful pastels with peach beak/legs contrasting against the purple bicycle.

You can copy this code directly into an HTML file or any SVG viewer to see the pelican cruising along! The design works at any size, but looks best at 600x400px or larger.

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