JIT
Grid - Untitled
Log in
@andronov04
Generate an SVG of a pelican riding a bicycle
Grok 4
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pelican Riding a Bicycle</title> <style> body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; overflow: hidden; } svg { width: 80vmin; height: 80vmin; max-width: 100%; max-height: 100%; } </style> </head> <body> <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg"> 
    <circle cx="100" cy="200" r="50" fill="none" stroke="#000" stroke-width="5"></circle>
    <circle cx="300" cy="200" r="50" fill="none" stroke="#000" stroke-width="5"></circle>
    
    
    <line x1="100" y1="200" x2="300" y2="200" stroke="#000" stroke-width="5"></line>
    <line x1="100" y1="200" x2="200" y2="100" stroke="#000" stroke-width="5"></line>
    <line x1="200" y1="100" x2="300" y2="200" stroke="#000" stroke-width="5"></line>
    <line x1="200" y1="100" x2="200" y2="150" stroke="#000" stroke-width="5"></line> 
    <line x1="150" y1="100" x2="250" y2="100" stroke="#000" stroke-width="5"></line> 
    
    
    <ellipse cx="200" cy="120" rx="60" ry="40" fill="#fff" stroke="#000" stroke-width="3"></ellipse>
    
    
    <circle cx="240" cy="80" r="20" fill="#fff" stroke="#000" stroke-width="3"></circle>
    
    
    <polygon points="260,80 300,70 300,90" fill="#ffd700" stroke="#000" stroke-width="3"></polygon>
    
    
    <circle cx="250" cy="75" r="3" fill="#000"></circle>
    
    
    <path d="M140,120 Q100,80 140,40" fill="none" stroke="#000" stroke-width="3"></path>
    <path d="M260,120 Q300,80 260,40" fill="none" stroke="#000" stroke-width="3"></path>
    
    
    <line x1="180" y1="150" x2="160" y2="200" stroke="#000" stroke-width="3"></line>
    <line x1="220" y1="150" x2="240" y2="200" stroke="#000" stroke-width="3"></line>
</svg>
</body> </html>
Updated files
v1