Skip to content

Instantly share code, notes, and snippets.

@geeknik
Created March 15, 2025 15:51
Show Gist options
  • Save geeknik/3846b0e3d2bf32bde7d9d0ec6a8e3733 to your computer and use it in GitHub Desktop.
Save geeknik/3846b0e3d2bf32bde7d9d0ec6a8e3733 to your computer and use it in GitHub Desktop.
Claude 3.7 Pelican Bicycle
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
<!-- Sky background -->
<rect width="800" height="600" fill="#87CEEB"/>
<!-- Sun -->
<circle cx="700" cy="100" r="60" fill="#FFDD00"/>
<circle cx="700" cy="100" r="50" fill="#FFEE44"/>
<!-- Ground/Road -->
<rect x="0" y="450" width="800" height="150" fill="#8B4513"/>
<rect x="0" y="440" width="800" height="30" fill="#555555"/>
<!-- Bicycle -->
<!-- Frame -->
<path d="M350 420 L450 420 L400 370 Z" fill="none" stroke="#0055AA" stroke-width="8"/>
<line x1="400" y1="370" x2="400" y2="330" stroke="#0055AA" stroke-width="8"/>
<line x1="350" y1="420" x2="330" y2="380" stroke="#0055AA" stroke-width="8"/>
<!-- Wheels -->
<circle cx="350" cy="420" r="40" fill="none" stroke="#333333" stroke-width="4"/>
<circle cx="450" cy="420" r="40" fill="none" stroke="#333333" stroke-width="4"/>
<!-- Spokes -->
<line x1="350" y1="380" x2="350" y2="460" stroke="#333333" stroke-width="2"/>
<line x1="310" y1="420" x2="390" y2="420" stroke="#333333" stroke-width="2"/>
<line x1="320" y1="390" x2="380" y2="450" stroke="#333333" stroke-width="2"/>
<line x1="320" y1="450" x2="380" y2="390" stroke="#333333" stroke-width="2"/>
<line x1="450" y1="380" x2="450" y2="460" stroke="#333333" stroke-width="2"/>
<line x1="410" y1="420" x2="490" y2="420" stroke="#333333" stroke-width="2"/>
<line x1="420" y1="390" x2="480" y2="450" stroke="#333333" stroke-width="2"/>
<line x1="420" y1="450" x2="480" y2="390" stroke="#333333" stroke-width="2"/>
<!-- Handlebar -->
<path d="M400 330 C380 330, 370 340, 370 350" fill="none" stroke="#0055AA" stroke-width="6"/>
<circle cx="368" cy="352" r="6" fill="#222222"/>
<!-- Seat -->
<ellipse cx="450" cy="370" rx="15" ry="8" fill="#663300"/>
<!-- Pedals -->
<circle cx="400" cy="420" r="15" fill="none" stroke="#333333" stroke-width="3"/>
<line x1="400" y1="405" x2="415" y2="420" stroke="#333333" stroke-width="6"/>
<!-- Chain -->
<path d="M400 435 C415 450, 435 450, 450 435" fill="none" stroke="#666666" stroke-width="2" stroke-dasharray="2,2"/>
<!-- Pelican -->
<!-- Body -->
<ellipse cx="400" cy="340" rx="50" ry="35" fill="#EEEEEE"/>
<!-- Neck and head -->
<path d="M350 340 C330 320, 320 300, 330 280 C340 260, 360 260, 365 270" fill="#EEEEEE" stroke="#DDDDDD" stroke-width="1"/>
<!-- Head and bill -->
<ellipse cx="365" cy="270" rx="15" ry="10" fill="#EEEEEE"/>
<path d="M365 270 L400 270 L390 280 L365 280 Z" fill="#FFAA00"/>
<path d="M390 270 L405 265 L390 275 Z" fill="#FFAA00"/>
<!-- Eye -->
<circle cx="360" cy="267" r="3" fill="#000000"/>
<!-- Wings -->
<path d="M400 340 C420 310, 450 310, 460 340" fill="#EEEEEE" stroke="#DDDDDD" stroke-width="1"/>
<!-- Legs -->
<line x1="390" y1="375" x2="370" y2="400" stroke="#FFAA00" stroke-width="4"/>
<line x1="370" y1="400" x2="370" y2="420" stroke="#FFAA00" stroke-width="4"/>
<line x1="410" y1="375" x2="415" y2="420" stroke="#FFAA00" stroke-width="4"/>
<!-- Feet -->
<path d="M366 420 L374 420 L374 425 L366 425 Z" fill="#FFAA00"/>
<path d="M411 420 L419 420 L419 425 L411 425 Z" fill="#FFAA00"/>
<!-- Clouds -->
<ellipse cx="150" cy="120" rx="60" ry="30" fill="#FFFFFF"/>
<ellipse cx="190" cy="110" rx="50" ry="40" fill="#FFFFFF"/>
<ellipse cx="230" cy="125" rx="45" ry="25" fill="#FFFFFF"/>
<ellipse cx="500" cy="150" rx="70" ry="35" fill="#FFFFFF"/>
<ellipse cx="550" cy="140" rx="55" ry="45" fill="#FFFFFF"/>
<ellipse cx="600" cy="160" rx="50" ry="30" fill="#FFFFFF"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment