Skip to content

Instantly share code, notes, and snippets.

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

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

Select an option

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

qwen3-30b-a3b-instruct-2507-mlx

Sure! Here's a simple and stylized SVG of a pelican riding a bicycle. The design is cartoonish, suitable for fun or decorative use.

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

  <!-- Ground -->
  <rect y="200" width="400" height="100" fill="#3D8B2A"/>

  <!-- Pelican -->
  <g transform="translate(150, 120)">
    <!-- Body -->
    <ellipse cx="0" cy="40" rx="35" ry="50" fill="#F8D713"/>

    <!-- Head -->
    <circle cx="0" cy="-25" r="25" fill="#F8D713"/>

    <!-- Beak -->
    <path d="M 0 -45 Q 15 -60 25 -50 Q 35 -40 25 -25" fill="#FF6B35"/>
    <path d="M 0 -45 Q -15 -60 -25 -50 Q -35 -40 -25 -25" fill="#FF6B35"/>

    <!-- Eye -->
    <circle cx="10" cy="-28" r="5" fill="#000"/>
    <circle cx="10" cy="-28" r="2" fill="#FFF"/>

    <!-- Wings -->
    <path d="M -30 15 Q -60 20 -60 45" stroke="#F8D713" fill="none" stroke-width="2"/>
    <path d="M 30 15 Q 60 20 60 45" stroke="#F8D713" fill="none" stroke-width="2"/>

    <!-- Legs -->
    <line x1="0" y1="90" x2="5" y2="110" stroke="#F8D713" stroke-width="6"/>
    <line x1="0" y1="90" x2="-5" y2="110" stroke="#F8D713" stroke-width="6"/>

    <!-- Bicycle (attached to pelican) -->
    <g transform="translate(0, 12)">
      <!-- Frame -->
      <line x1="-5" y1="0" x2="-5" y2="30" stroke="#4A90E2" stroke-width="6"/>
      <line x1="-5" y1="30" x2="5" y2="30" stroke="#4A90E2" stroke-width="6"/>
      <line x1="5" y1="30" x2="5" y2="60" stroke="#4A90E2" stroke-width="6"/>

      <!-- Handlebars -->
      <line x1="-5" y1="0" x2="-25" y2="-40" stroke="#4A90E2" stroke-width="6"/>
      <line x1="5" y1="0" x2="25" y2="-40" stroke="#4A90E2" stroke-width="6"/>

      <!-- Wheels -->
      <circle cx="-5" cy="80" r="20" fill="#1E3A8A"/>
      <circle cx="5" cy="80" r="20" fill="#1E3A8A"/>

      <!-- Spokes (simple ones) -->
      <line x1="-5" y1="60" x2="-5" y2="100" stroke="#FFF" stroke-width="2"/>
      <line x1="-5" y1="80" x2="5" y2="80" stroke="#FFF" stroke-width="2"/>
      <line x1="-5" y1="80" x2="-15" y2="70" stroke="#FFF" stroke-width="2"/>
      <line x1="-5" y1="80" x2="-15" y2="90" stroke="#FFF" stroke-width="2"/>
      <line x1="5" y1="80" x2="15" y2="70" stroke="#FFF" stroke-width="2"/>
      <line x1="5" y1="80" x2="15" y2="90" stroke="#FFF" stroke-width="2"/>

      <!-- Handlebar grips -->
      <circle cx="-25" cy="-40" r="6" fill="#ECECEC"/>
      <circle cx="25" cy="-40" r="6" fill="#ECECEC"/>
    </g>

    <!-- Pelican’s arms holding handlebars -->
    <path d="M -20 15 Q -30 5 -40 20" stroke="#F8D713" fill="none" stroke-width="4"/>
    <path d="M 20 15 Q 30 5 40 20" stroke="#F8D713" fill="none" stroke-width="4"/>
  </g>

  <!-- Sun -->
  <circle cx="350" cy="60" r="40" fill="#FFD700"/>
  <circle cx="350" cy="60" r="25" fill="#FFA500"/>

  <!-- Clouds -->
  <g fill="#FFFFFF">
    <circle cx="80" cy="50" r="20"/>
    <circle cx="100" cy="45" r="25"/>
    <circle cx="120" cy="55" r="20"/>
    <circle cx="300" cy="40" r="15"/>
    <circle cx="320" cy="35" r="20"/>
    <circle cx="340" cy="45" r="15"/>
  </g>

</svg>

How to Use:

  • Copy and paste this code into an .svg file, or embed it directly in HTML.
  • It displays a cheerful yellow pelican riding a blue bicycle on a grassy field under a sunny sky.

Let me know if you'd like it animated, colored differently, or in a different style (e.g., minimalist, line art, etc.)! 🐧🚲

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