grok-4.3-pelicans.md

grok 4.3

Model: grok 4.3 on arena.ai using direct-chat option

Prompt

create me a svg of pelican riding a bike

Response

<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="800" height="600" fill="#f0f4f8"/>
  
  <!-- Ground -->
  <line x1="0" y1="480" x2="800" y2="480" stroke="#a3b5c9" stroke-width="30"/>
  
  <!-- Bike Wheels -->
  <!-- Rear Wheel -->
  <circle cx="220" cy="420" r="75" fill="#2c3e50" stroke="#1a252f" stroke-width="12"/>
  <circle cx="220" cy="420" r="58" fill="#34495e"/>
  <!-- Spokes -->
  <g stroke="#1a252f" stroke-width="4">
    <line x1="220" y1="345" x2="220" y2="495"/>
    <line x1="145" y1="420" x2="295" y2="420"/>
    <line x1="165" y1="355" x2="275" y2="485"/>
    <line x1="165" y1="485" x2="275" y2="355"/>
  </g>
  
  <!-- Front Wheel -->
  <circle cx="530" cy="420" r="75" fill="#2c3e50" stroke="#1a252f" stroke-width="12"/>
  <circle cx="530" cy="420" r="58" fill="#34495e"/>
  <!-- Spokes -->
  <g stroke="#1a252f" stroke-width="4">
    <line x1="530" y1="345" x2="530" y2="495"/>
    <line x1="455" y1="420" x2="605" y2="420"/>
    <line x1="475" y1="355" x2="585" y2="485"/>
    <line x1="475" y1="485" x2="585" y2="355"/>
  </g>
  
  <!-- Bike Frame -->
  <!-- Main frame -->
  <path d="M 220 420 L 340 300 L 480 300 L 530 420" 
        fill="none" stroke="#2c3e50" stroke-width="22" stroke-linejoin="round"/>
  <!-- Seat tube -->
  <line x1="340" y1="300" x2="280" y2="420" stroke="#2c3e50" stroke-width="18"/>
  
  <!-- Seat -->
  <ellipse cx="295" cy="285" rx="45" ry="18" fill="#e74c3c"/>
  <ellipse cx="295" cy="282" rx="35" ry="10" fill="#c0392b"/>
  
  <!-- Handlebars -->
  <line x1="480" y1="300" x2="480" y2="255" stroke="#2c3e50" stroke-width="18"/>
  <line x1="455" y1="255" x2="510" y2="255" stroke="#2c3e50" stroke-width="18" stroke-linecap="round"/>
  
  <!-- Pedals -->
  <ellipse cx="340" cy="400" rx="18" ry="8" fill="#555" transform="rotate(25 340 400)"/>
  <ellipse cx="400" cy="410" rx="18" ry="8" fill="#555" transform="rotate(-25 400 410)"/>
  
  <!-- Pelican Body -->
  <ellipse cx="310" cy="265" rx="85" ry="65" fill="#f8f9fa" stroke="#2c3e50" stroke-width="8" transform="rotate(-18 310 265)"/>
  
  <!-- Pelican Neck -->
  <path d="M 355 225 Q 400 195 430 205" 
        fill="none" stroke="#f8f9fa" stroke-width="42" stroke-linecap="round"/>
  <path d="M 355 225 Q 400 195 430 205" 
        fill="none" stroke="#2c3e50" stroke-width="8" stroke-linecap="round"/>
  
  <!-- Pelican Head -->
  <circle cx="440" cy="200" r="32" fill="#f8f9fa" stroke="#2c3e50" stroke-width="8"/>
  
  <!-- Beak -->
  <!-- Upper beak -->
  <path d="M 440 200 L 530 215 L 440 225" fill="#f39c12" stroke="#d35400" stroke-width="5"/>
  <!-- Beak pouch -->
  <path d="M 440 225 Q 495 250 530 215" fill="#e67e22" stroke="#d35400" stroke-width="5"/>
  
  <!-- Eye -->
  <circle cx="455" cy="192" r="10" fill="#2c3e50"/>
  <circle cx="458" cy="190" r="4" fill="#fff"/>
  
  <!-- Wing (holding handlebar) -->
  <ellipse cx="365" cy="275" rx="55" ry="28" fill="#ecf0f1" stroke="#2c3e50" stroke-width="6" transform="rotate(35 365 275)"/>
  
  <!-- Leg 1 (right leg on pedal) -->
  <line x1="275" y1="305" x2="335" y2="395" stroke="#f8f9fa" stroke-width="22" stroke-linecap="round"/>
  <line x1="275" y1="305" x2="335" y2="395" stroke="#2c3e50" stroke-width="6" stroke-linecap="round"/>
  
  <!-- Webbed foot 1 -->
  <ellipse cx="345" cy="400" rx="28" ry="13" fill="#f8f9fa" stroke="#2c3e50" stroke-width="5" transform="rotate(22 345 400)"/>
  
  <!-- Leg 2 (left leg) -->
  <line x1="310" y1="310" x2="395" y2="405" stroke="#f8f9fa" stroke-width="22" stroke-linecap="round"/>
  <line x1="310" y1="310" x2="395" y2="405" stroke="#2c3e50" stroke-width="6" stroke-linecap="round"/>
  
  <!-- Webbed foot 2 -->
  <ellipse cx="405" cy="412" rx="28" ry="13" fill="#f8f9fa" stroke="#2c3e50" stroke-width="5" transform="rotate(-18 405 412)"/>
  
  <!-- Tail feathers -->
  <path d="M 235 270 Q 210 290 225 310" fill="none" stroke="#2c3e50" stroke-width="8" stroke-linecap="round"/>
  <path d="M 240 265 Q 205 280 215 305" fill="none" stroke="#2c3e50" stroke-width="6" stroke-linecap="round"/>
</svg>

Just copy and paste the code above into an .svg file or an HTML page.

The pelican is shown in a side view, sitting on the bike with its wings on the handlebars and webbed feet on the pedals. The design is simple but recognizable! Let me know if you'd like any changes (different colors, style, angle, etc.).

Time taken: It thought for 23 seconds

Prompt: create me an svg of a turtle riding a scooter

Response:

<svg width="420" height="320" viewBox="0 0 420 320" xmlns="http://www.w3.org/2000/svg">
  <!-- Background (optional light color) -->
  <rect width="420" height="320" fill="#f8f9fa"/>
  
  <!-- Scooter -->
  
  <!-- Rear Wheel -->
  <circle cx="110" cy="240" r="35" fill="#2c3e50"/>
  <circle cx="110" cy="240" r="22" fill="#7f8c8d"/>
  <circle cx="110" cy="240" r="8" fill="#2c3e50"/>
  
  <!-- Front Wheel -->
  <circle cx="300" cy="240" r="35" fill="#2c3e50"/>
  <circle cx="300" cy="240" r="22" fill="#7f8c8d"/>
  <circle cx="300" cy="240" r="8" fill="#2c3e50"/>
  
  <!-- Scooter Deck -->
  <rect x="85" y="195" width="230" height="18" rx="8" fill="#e74c3c"/>
  <!-- Deck highlight -->
  <rect x="85" y="195" width="230" height="6" rx="8" fill="#ff6b6b"/>
  
  <!-- Steering Column -->
  <line x1="285" y1="195" x2="285" y2="145" stroke="#2c3e50" stroke-width="9" stroke-linecap="round"/>
  
  <!-- Handlebars -->
  <line x1="255" y1="145" x2="315" y2="145" stroke="#2c3e50" stroke-width="8" stroke-linecap="round"/>
  <!-- Handlebar grips -->
  <rect x="250" y="140" width="12" height="10" rx="3" fill="#34495e"/>
  <rect x="308" y="140" width="12" height="10" rx="3" fill="#34495e"/>
  
  <!-- Front fender -->
  <path d="M 275 195 Q 300 180 320 195" fill="none" stroke="#c0392b" stroke-width="12" stroke-linecap="round"/>
  
  <!-- Turtle -->
  
  <!-- Shell -->
  <ellipse cx="195" cy="175" rx="58" ry="42" fill="#27ae60"/>
  <!-- Shell segments -->
  <ellipse cx="195" cy="175" rx="45" ry="32" fill="#2ecc71"/>
  <ellipse cx="195" cy="175" rx="30" ry="20" fill="#27ae60"/>
  
  <!-- Shell pattern lines -->
  <path d="M 145 165 Q 195 145 245 165" fill="none" stroke="#1e8449" stroke-width="3" stroke-opacity="0.6"/>
  <path d="M 150 180 Q 195 165 240 180" fill="none" stroke="#1e8449" stroke-width="3" stroke-opacity="0.6"/>
  <path d="M 160 195 Q 195 185 230 195" fill="none" stroke="#1e8449" stroke-width="3" stroke-opacity="0.6"/>
  
  <!-- Head -->
  <ellipse cx="245" cy="168" rx="22" ry="18" fill="#27ae60"/>
  
  <!-- Eye -->
  <circle cx="258" cy="162" r="6" fill="#2c3e50"/>
  <circle cx="260" cy="161" r="2.5" fill="white"/>
  
  <!-- Beak/Mouth -->
  <path d="M 262 170 Q 268 173 262 176" fill="none" stroke="#1e8449" stroke-width="2.5" stroke-linecap="round"/>
  
  <!-- Front Leg (holding handlebar) -->
  <ellipse cx="225" cy="190" rx="14" ry="7" fill="#27ae60" transform="rotate(-25 225 190)"/>
  
  <!-- Back Leg -->
  <ellipse cx="150" cy="195" rx="13" ry="7" fill="#27ae60"/>
  
  <!-- Tail -->
  <path d="M 138 178 Q 125 182 130 195" fill="none" stroke="#27ae60" stroke-width="10" stroke-linecap="round"/>
  
  <!-- Small arm detail on handlebar -->
  <ellipse cx="235" cy="178" rx="8" ry="4" fill="#27ae60" transform="rotate(-30 235 178)"/>
  
</svg>