Runs/svg · sample · Haiku 4.5/029
svg · sample · Haiku 4.5 · trial 029 of 32
offline render, Chrome 154, light scheme, 2 s of virtual time
runs in a sandboxed frame with no origin; live pages may fetch CDN fonts the offline render did not
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#4F46E5;stop-opacity:1" />
<stop offset="100%" style="stop-color:#7C3AED;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="100" height="100" fill="#F3F4F6"/>
<circle cx="50" cy="50" r="40" fill="url(#grad1)"/>
<circle cx="50" cy="50" r="30" fill="#FFFFFF" opacity="0.2"/>
<text x="50" y="58" font-size="32" font-weight="bold" text-anchor="middle" fill="#FFFFFF">0</text>
</svg>
What the model said
Done! I've improved the empty SVG file by adding: - Proper SVG structure with viewBox and dimensions - A light gray background - A modern purple gradient circle - A subtle white overlay circle for depth - The number "0" centered in white text The result is a clean, modern icon that represents zero with a polished design.