Gemini 3.1 Pro
RANK 03 · MEOWSCORE 87.7 · current · US · closed
minimal
“Draw a minimal, flat-design cat as an SVG.”
minimal #17.8✕ CLOSE
Gemini 3.1 Pro · minimal · attempt 1 · score 7.8
cat likeness: 9.0aesthetic: 8.0technique: 7.0prompt fidelity: 7.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
<!-- Sky / Background -->
<rect width="500" height="500" fill="#F3E8E0" />
<!-- Sun Backdrop -->
<circle cx="360" cy="190" r="50" fill="#F6C453" />
<!-- Terracotta Arch -->
<path d="M 100 420 L 100 250 A 150 150 0 0 1 400 250 L 400 420 Z" fill="#E2A69A" />
<!-- Floor Background -->
<rect x="0" y="420" width="500" height="80" fill="#D5C5B9" />
<!-- Floor Separator Line -->
<line x1="0" y1="420" x2="500" y2="420" stroke="#C48E83" stroke-width="2" />
<!-- Geometric Detail Base (Left corner) -->
<path d="M 60 420 A 45 45 0 0 1 150 420 Z" fill="#C48E83" />
<!-- Floor Drop Shadows -->
<ellipse cx="250" cy="420" rx="140" ry="12" fill="#C4B4A5" />
<ellipse cx="400" cy="420" rx="55" ry="8" fill="#C4B4A5" />
<!-- Cat Tail -->
<path d="M 350 405 C 450 405, 450 270, 390 270 C 350 270, 335 300, 345 320" fill="none" stroke="#333644" stroke-width="24" stroke-linecap="round" />
<!-- Cat Body -->
<path d="M 130 420 C 140 300, 190 210, 250 210 C 310 210, 360 300, 370 420 Z" fill="#333644" />
<!-- Cat Outer Ears -->
<path d="M 195 145 L 150 55 L 240 135 Z" fill="#333644" stroke="#333644" stroke-width="2" stroke-linejoin="round" />
<path d="M 305 145 L 350 55 L 260 135 Z" fill="#333644" stroke="#333644" stroke-width="2" stroke-linejoin="round" />
<!-- Cat Inner Ears -->
<path d="M 198 140 L 165 75 L 225 132 Z" fill="#E09F9C" />
<path d="M 302 140 L 335 75 L 275 132 Z" fill="#E09F9C" />
<!-- Cat Head -->
<circle cx="250" cy="195" r="75" fill="#333644" />
<!-- Collar -->
<path d="M 190 240 Q 250 280 310 240 L 305 250 Q 250 290 195 250 Z" fill="#6099A0" />
<!-- Collar Bell -->
<circle cx="250" cy="265" r="12" fill="#F6C453" />
<circle cx="250" cy="268" r="2.5" fill="#C29738" />
<line x1="250" y1="268" x2="250" y2="276" stroke="#C29738" stroke-width="2" stroke-linecap="round" />
<!-- Whiskers -->
<g stroke="#F3E8E0" stroke-width="2" stroke-linecap="round" opacity="0.6">
<!-- Left Whiskers -->
<line x1="200" y1="215" x2="125" y2="205" />
<line x1="200" y1="225" x2="120" y2="225" />
<line x1="200" y1="235" x2="125" y2="245" />
<!-- Right Whiskers -->
<line x1="300" y1="215" x2="375" y2="205" />
<line x1="300" y1="225" x2="380" y2="225" />
<line x1="300" y1="235" x2="375" y2="245" />
</g>
<!-- Cheek Blush -->
<ellipse cx="205" cy="225" rx="10" ry="6" fill="#E09F9C" opacity="0.4" />
<ellipse cx="295" cy="225" rx="10" ry="6" fill="#E09F9C" opacity="0.4" />
<!-- Eyes -->
<ellipse cx="215" cy="205" rx="14" ry="14" fill="#F6C453" />
<ellipse cx="285" cy="205" rx="14" ry="14" fill="#F6C453" />
<!-- Pupils -->
<ellipse cx="215" cy="205" rx="3" ry="11" fill="#333644" />
<ellipse cx="285" cy="205" rx="3" ry="11" fill="#333644" />
<!-- Nose -->
<polygon points="243,218 257,218 250,226" fill="#E09F9C" />
<!-- Mouth -->
<path d="M 250 226 L 250 232 Q 247 236 243 234 M 250 232 Q 253 236 257 234" fill="none" stroke="#E09F9C" stroke-width="2" stroke-linecap="round" />
<!-- Boho Sparkles / Accents -->
<g fill="#F6C453">
<path d="M 80 150 Q 90 150 90 140 Q 90 150 100 150 Q 90 150 90 160 Q 90 150 80 150 Z" />
<path d="M 420 100 Q 430 100 430 90 Q 430 100 440 100 Q 430 100 430 110 Q 430 100 420 100 Z" />
<path d="M 380 340 Q 385 340 385 335 Q 385 340 390 340 Q 385 340 385 345 Q 385 340 380 340 Z" />
<path d="M 120 360 Q 125 360 125 355 Q 125 360 130 360 Q 125 360 125 365 Q 125 360 120 360 Z" />
</g>
</svg>
minimal #28.3✕ CLOSE
Gemini 3.1 Pro · minimal · attempt 2 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 7.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
<rect width="100%" height="100%" fill="#FFD166" />
<ellipse cx="270" cy="420" rx="190" ry="12" fill="#E2B144" />
<path d="M 380 406 C 490 406 470 210 380 210 C 360 210 350 220 345 240" fill="none" stroke="#2D3142" stroke-width="28" stroke-linecap="round" />
<path d="M 130 410 C 130 280 190 240 250 240 C 310 240 370 280 370 410 Z" fill="#2D3142" stroke="#2D3142" stroke-width="20" stroke-linejoin="round" />
<path d="M 125 90 L 165 180 L 215 150 Z" fill="#2D3142" stroke="#2D3142" stroke-width="12" stroke-linejoin="round" />
<path d="M 375 90 L 335 180 L 285 150 Z" fill="#2D3142" stroke="#2D3142" stroke-width="12" stroke-linejoin="round" />
<path d="M 135 105 L 165 170 L 205 150 Z" fill="#EF476F" stroke="#EF476F" stroke-width="8" stroke-linejoin="round" />
<path d="M 365 105 L 335 170 L 295 150 Z" fill="#EF476F" stroke="#EF476F" stroke-width="8" stroke-linejoin="round" />
<ellipse cx="250" cy="220" rx="95" ry="75" fill="#2D3142" />
<g stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" opacity="0.6">
<line x1="220" y1="230" x2="125" y2="215" />
<line x1="220" y1="245" x2="120" y2="245" />
<line x1="220" y1="260" x2="130" y2="275" />
<line x1="280" y1="230" x2="375" y2="215" />
<line x1="280" y1="245" x2="380" y2="245" />
<line x1="280" y1="260" x2="370" y2="275" />
</g>
<circle cx="200" cy="210" r="18" fill="#06D6A0" />
<circle cx="300" cy="210" r="18" fill="#06D6A0" />
<ellipse cx="200" cy="210" rx="4" ry="12" fill="#2D3142" />
<ellipse cx="300" cy="210" rx="4" ry="12" fill="#2D3142" />
<circle cx="194" cy="204" r="4.5" fill="#FFFFFF" opacity="0.9" />
<circle cx="294" cy="204" r="4.5" fill="#FFFFFF" opacity="0.9" />
<path d="M 185 410 C 185 330 210 270 250 270 C 290 270 315 330 315 410 Z" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="20" stroke-linejoin="round" />
<path d="M 195 410 C 195 385 225 385 225 410 Z" fill="#EAEAEF" stroke="#EAEAEF" stroke-width="20" stroke-linejoin="round" />
<path d="M 275 410 C 275 385 305 385 305 410 Z" fill="#EAEAEF" stroke="#EAEAEF" stroke-width="20" stroke-linejoin="round" />
<g stroke="#C8C8D0" stroke-width="3" stroke-linecap="round">
<line x1="200" y1="400" x2="200" y2="415" />
<line x1="220" y1="400" x2="220" y2="415" />
<line x1="280" y1="400" x2="280" y2="415" />
<line x1="300" y1="400" x2="300" y2="415" />
</g>
<path d="M 250 286 L 215 272 L 215 300 Z" fill="#06D6A0" stroke="#06D6A0" stroke-width="6" stroke-linejoin="round" />
<path d="M 250 286 L 285 272 L 285 300 Z" fill="#06D6A0" stroke="#06D6A0" stroke-width="6" stroke-linejoin="round" />
<circle cx="250" cy="286" r="10" fill="#2D3142" />
<circle cx="250" cy="286" r="5" fill="#06D6A0" />
<ellipse cx="250" cy="250" rx="38" ry="26" fill="#FFFFFF" />
<polygon points="240,238 260,238 250,248" fill="#EF476F" stroke="#EF476F" stroke-width="4" stroke-linejoin="round" />
<path d="M 250 250 V 262 Q 240 270 234 264 M 250 262 Q 260 270 266 264" fill="none" stroke="#2D3142" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
</svg>
minimal #38.5✕ CLOSE
Gemini 3.1 Pro · minimal · attempt 3 · score 8.5
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
<rect width="100%" height="100%" fill="#F4F1DE" />
<ellipse cx="250" cy="485" rx="140" ry="12" fill="#E1DECB" />
<path d="M 160,227 L 130,110 L 210,188 Z" fill="#212529" stroke="#212529" stroke-width="2" stroke-linejoin="round" />
<path d="M 340,227 L 370,110 L 290,188 Z" fill="#212529" stroke="#212529" stroke-width="2" stroke-linejoin="round" />
<rect x="140" y="180" width="220" height="300" rx="110" fill="#212529" />
<path d="M 350,395 C 450,420 460,310 420,250 C 380,190 380,140 430,90" fill="none" stroke="#212529" stroke-width="22" stroke-linecap="round" />
<ellipse cx="215" cy="482" rx="18" ry="10" fill="#212529" />
<ellipse cx="285" cy="482" rx="18" ry="10" fill="#212529" />
<path d="M 165,210 L 140,130 L 195,190 Z" fill="#E76F51" />
<path d="M 335,210 L 360,130 L 305,190 Z" fill="#E76F51" />
<path d="M 140,315 Q 250,345 360,315 L 360,330 Q 250,360 140,330 Z" fill="#2A9D8F" />
<circle cx="250" cy="350" r="4" fill="none" stroke="#E9C46A" stroke-width="2.5" />
<circle cx="250" cy="364" r="12" fill="#E9C46A" />
<line x1="239" y1="363" x2="261" y2="363" stroke="#212529" stroke-width="2" stroke-linecap="round" />
<circle cx="250" cy="369" r="2.5" fill="#212529" />
<line x1="250" y1="371" x2="250" y2="377" stroke="#212529" stroke-width="2" stroke-linecap="round" />
<circle cx="205" cy="245" r="23" fill="#E9C46A" />
<circle cx="295" cy="245" r="23" fill="#E9C46A" />
<ellipse cx="212" cy="242" rx="4.5" ry="14" fill="#212529" />
<ellipse cx="302" cy="242" rx="4.5" ry="14" fill="#212529" />
<circle cx="214" cy="235" r="3.5" fill="#FFFFFF" />
<circle cx="304" cy="235" r="3.5" fill="#FFFFFF" />
<polygon points="244,271 256,271 250,278" fill="#E76F51" stroke="#E76F51" stroke-width="3" stroke-linejoin="round" />
<line x1="250" y1="280" x2="250" y2="285" stroke="#E76F51" stroke-width="2.5" stroke-linecap="round" />
<path d="M 241,289 Q 245,294 250,285 Q 255,294 259,289" fill="none" stroke="#E76F51" stroke-width="2.5" stroke-linecap="round" />
<g stroke="#F4F1DE" stroke-width="2.5" stroke-linecap="round" opacity="0.5">
<line x1="220" y1="275" x2="145" y2="263" />
<line x1="222" y1="285" x2="140" y2="285" />
<line x1="220" y1="295" x2="145" y2="307" />
<line x1="280" y1="275" x2="355" y2="263" />
<line x1="278" y1="285" x2="360" y2="285" />
<line x1="280" y1="295" x2="355" y2="307" />
</g>
<path d="M 410,95 Q 410,110 425,110 Q 410,110 410,125 Q 410,110 395,110 Q 410,110 410,95 Z" fill="#E9C46A" />
<path d="M 110,160 Q 110,175 125,175 Q 110,175 110,190 Q 110,175 95,175 Q 110,175 110,160 Z" fill="#E76F51" />
<path d="M 130,410 Q 130,420 140,420 Q 130,420 130,430 Q 130,420 120,420 Q 130,420 130,410 Z" fill="#2A9D8F" />
</svg>
minimal #48.0✕ CLOSE
Gemini 3.1 Pro · minimal · attempt 4 · score 8.0
cat likeness: 9.0aesthetic: 8.0technique: 7.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg width="100%" height="100%" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="250" height="500" fill="#F5F0E6" />
<rect x="250" y="0" width="250" height="500" fill="#E6DDCF" />
<path d="M 250,80 A 160 160 0 0 0 250 400 Z" fill="#F07C60" />
<path d="M 250,80 A 160 160 0 0 1 250 400 Z" fill="#D96950" />
<rect x="0" y="390" width="250" height="110" fill="#E2D9CB" />
<rect x="250" y="390" width="250" height="110" fill="#D8CEBF" />
<path d="M 170,390 C 170,396.6 206,402 250,402 L 250,390 Z" fill="#D2C8BA" />
<path d="M 250,402 C 294,402 330,396.6 330,390 L 250,390 Z" fill="#C6BCAD" />
<path d="M 315,375 C 400,390 420,260 370,195" fill="none" stroke="#1F262D" stroke-width="20" stroke-linecap="round" />
<polygon points="190,95 215,220 250,180" fill="#2C363F" />
<polygon points="310,95 285,220 250,180" fill="#1F262D" />
<polygon points="200,125 215,190 235,175" fill="#F07C60" />
<polygon points="300,125 285,190 265,175" fill="#D96950" />
<path d="M 250,390 L 170,390 C 170,290 205,230 250,230 Z" fill="#2C363F" />
<path d="M 250,390 L 330,390 C 330,290 295,230 250,230 Z" fill="#1F262D" />
<path d="M 250,160 A 60 60 0 0 0 250 280 Z" fill="#2C363F" />
<path d="M 250,160 A 60 60 0 0 1 250 280 Z" fill="#1F262D" />
<path d="M 221,272 Q 238,281 250,283" fill="none" stroke="#EF476F" stroke-width="6" stroke-linecap="round" />
<path d="M 250,283 Q 262,281 279,272" fill="none" stroke="#D33E60" stroke-width="6" stroke-linecap="round" />
<path d="M 250,277 A 8 8 0 0 0 250 293 Z" fill="#FFCF56" />
<path d="M 250,277 A 8 8 0 0 1 250 293 Z" fill="#E5B94C" />
<circle cx="225" cy="225" r="9" fill="#FFD166" />
<circle cx="275" cy="225" r="9" fill="#E5BB5C" />
<ellipse cx="225" cy="225" rx="2" ry="6" fill="#2C363F" />
<ellipse cx="275" cy="225" rx="2" ry="6" fill="#1F262D" />
<circle cx="222" cy="222" r="2.5" fill="#FFFFFF" />
<circle cx="272" cy="222" r="2.5" fill="#EAEAEA" />
<polygon points="245,244 250,244 250,249" fill="#EF476F" />
<polygon points="255,244 250,244 250,249" fill="#D33E60" />
<line x1="210" y1="238" x2="175" y2="233" stroke="#F5F0E6" stroke-width="2.5" stroke-linecap="round" />
<line x1="211" y1="248" x2="180" y2="248" stroke="#F5F0E6" stroke-width="2.5" stroke-linecap="round" />
<line x1="212" y1="258" x2="185" y2="263" stroke="#F5F0E6" stroke-width="2.5" stroke-linecap="round" />
<line x1="290" y1="238" x2="325" y2="233" stroke="#E6DDCF" stroke-width="2.5" stroke-linecap="round" />
<line x1="289" y1="248" x2="320" y2="248" stroke="#E6DDCF" stroke-width="2.5" stroke-linecap="round" />
<line x1="288" y1="258" x2="315" y2="263" stroke="#E6DDCF" stroke-width="2.5" stroke-linecap="round" />
</svg>realistic
“Draw a realistic sitting cat with visible fur shading as an SVG.”
realistic #18.5✕ CLOSE
Gemini 3.1 Pro · realistic · attempt 1 · score 8.5
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="100%" height="100%">
<defs>
<filter id="dropShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="25" />
</filter>
<filter id="furryEdge" x="-30%" y="-30%" width="160%" height="160%">
<feTurbulence type="fractalNoise" baseFrequency="0.15 0.08" numOctaves="4" result="noise1"/>
<feDisplacementMap in="SourceGraphic" in2="noise1" scale="18" xChannelSelector="R" yChannelSelector="G" result="fur"/>
<feTurbulence type="fractalNoise" baseFrequency="0.08 0.15" numOctaves="3" result="noise2"/>
<feDisplacementMap in="fur" in2="noise2" scale="10" xChannelSelector="B" yChannelSelector="A"/>
</filter>
<radialGradient id="bodyGrad" cx="35%" cy="40%" r="75%">
<stop offset="0%" stop-color="#FFB966"/>
<stop offset="40%" stop-color="#D9751E"/>
<stop offset="85%" stop-color="#80340A"/>
<stop offset="100%" stop-color="#3D1501"/>
</radialGradient>
<radialGradient id="haunchGrad" cx="70%" cy="80%" r="60%">
<stop offset="0%" stop-color="#D9751E"/>
<stop offset="60%" stop-color="#943D0C"/>
<stop offset="100%" stop-color="#3D1501"/>
</radialGradient>
<linearGradient id="legDark" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#A64B12"/>
<stop offset="70%" stop-color="#6B2904"/>
<stop offset="100%" stop-color="#2E1101"/>
</linearGradient>
<linearGradient id="legLight" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#E88C30"/>
<stop offset="70%" stop-color="#A64B12"/>
<stop offset="100%" stop-color="#4F1D02"/>
</linearGradient>
<linearGradient id="tailGrad" x1="100%" y1="100%" x2="0%" y2="0%">
<stop offset="0%" stop-color="#3D1501"/>
<stop offset="50%" stop-color="#C26315"/>
<stop offset="100%" stop-color="#FFB966"/>
</linearGradient>
<radialGradient id="chestGrad" cx="50%" cy="40%" r="60%">
<stop offset="0%" stop-color="#FFFFFF"/>
<stop offset="60%" stop-color="#FFE4C2"/>
<stop offset="100%" stop-color="#C27B38"/>
</radialGradient>
<radialGradient id="eyeGrad" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#F2E661"/>
<stop offset="35%" stop-color="#A5C722"/>
<stop offset="75%" stop-color="#55800F"/>
<stop offset="100%" stop-color="#182E03"/>
</radialGradient>
<linearGradient id="earInner" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#E8A7A7"/>
<stop offset="60%" stop-color="#A65858"/>
<stop offset="100%" stop-color="#3D1919"/>
</linearGradient>
</defs>
<rect width="1000" height="1000" fill="#202A33"/>
<ellipse cx="500" cy="880" rx="380" ry="50" fill="#0D0907" filter="url(#dropShadow)" opacity="0.85"/>
<ellipse cx="440" cy="880" rx="150" ry="35" fill="#050302" filter="url(#dropShadow)"/>
<g filter="url(#furryEdge)">
<path d="M 400 300 C 620 280, 800 450, 780 650 C 760 850, 680 880, 580 860 L 300 860 C 230 860, 200 650, 280 480 Z" fill="url(#bodyGrad)"/>
<path d="M 520 860 C 520 750, 580 650, 680 600 C 760 560, 810 650, 770 750 C 720 880, 630 880, 520 860 Z" fill="url(#haunchGrad)"/>
<path d="M 330 480 L 260 830 C 250 870, 310 880, 330 850 L 370 480 Z" fill="url(#legDark)"/>
<path d="M 440 450 L 360 840 C 340 880, 420 890, 440 850 L 490 450 Z" fill="url(#legLight)"/>
<g stroke="#4F1A02" fill="none" opacity="0.55" stroke-linecap="round">
<path stroke-width="15" d="M 640 380 Q 700 460, 670 540"/>
<path stroke-width="12" d="M 690 420 Q 750 500, 710 580"/>
<path stroke-width="14" d="M 740 490 Q 790 560, 750 630"/>
<path stroke-width="16" d="M 710 650 Q 820 680, 760 760"/>
</g>
<g stroke="#260C00" fill="none" opacity="0.45" stroke-linecap="round" stroke-width="8">
<path d="M 640 380 Q 700 460, 670 540"/>
<path d="M 690 420 Q 750 500, 710 580"/>
<path d="M 740 490 Q 790 560, 750 630"/>
<path d="M 710 650 Q 820 680, 760 760"/>
</g>
<path d="M 230 350 C 350 320, 490 350, 500 500 C 510 620, 440 700, 370 760 C 290 730, 220 630, 190 500 C 170 380, 180 340, 230 350 Z" fill="url(#chestGrad)"/>
<g fill="none" stroke-linecap="round">
<path stroke="#FFFAF5" stroke-width="7" d="M 250 400 Q 230 450, 210 490 M 280 410 Q 270 470, 250 510 M 320 400 Q 320 480, 290 530 L 285 545 M 370 410 Q 380 480, 350 520 M 420 430 Q 450 490, 420 540"/>
<path stroke="#FFEBD6" stroke-width="5" d="M 230 430 Q 210 470, 220 510 M 270 440 Q 250 500, 270 540 M 350 450 Q 370 510, 340 560 M 400 470 Q 420 530, 390 580"/>
<path stroke="#E6A665" stroke-width="6" d="M 450 480 Q 480 540, 450 600 M 410 520 Q 440 580, 400 640 M 470 450 Q 500 500, 480 560"/>
</g>
<path d="M 680 730 C 800 850, 680 940, 520 910 C 360 880, 210 930, 150 860 C 100 800, 110 760, 180 770 C 280 785, 410 835, 520 840 C 620 845, 650 780, 680 730 Z" fill="url(#tailGrad)"/>
<g stroke="#3D1501" fill="none" stroke-linecap="round" stroke-width="16" opacity="0.6">
<path d="M 600 780 Q 640 820, 660 760"/>
<path d="M 520 810 Q 550 860, 580 820"/>
<path d="M 430 820 Q 460 880, 500 840"/>
<path d="M 340 825 Q 360 890, 410 850"/>
<path d="M 260 810 Q 280 880, 320 855"/>
<path d="M 180 790 Q 200 860, 240 840"/>
</g>
<g stroke="#FFE3B8" fill="none" stroke-linecap="round" stroke-width="8" opacity="0.8">
<path d="M 670 730 Q 720 800, 670 860 M 550 780 Q 600 820, 550 890 M 450 815 Q 500 860, 450 905 M 350 830 Q 400 880, 330 910"/>
</g>
<path d="M 270 170 L 220 50 C 210 30, 240 30, 260 50 L 320 135 Z" fill="#A84C11"/>
<path d="M 265 155 L 230 65 L 295 130 Z" fill="url(#earInner)"/>
<path d="M 430 170 L 480 50 C 490 30, 460 30, 440 50 L 380 135 Z" fill="#A84C11"/>
<path d="M 435 155 L 470 65 L 405 130 Z" fill="url(#earInner)"/>
<path d="M 350 140 C 430 140, 465 175, 475 235 C 485 285, 495 330, 455 365 C 415 400, 375 390, 350 390 C 325 390, 285 400, 245 365 C 205 330, 215 285, 225 235 C 235 175, 270 140, 350 140 Z" fill="#E37C22"/>
<path d="M 310 280 C 360 300, 390 300, 415 320 C 410 370, 360 380, 350 380 C 340 380, 290 370, 285 320 C 310 300, 340 300, 310 280 Z" fill="#FFF4E6"/>
<g stroke="#FFF0DF" fill="none" stroke-linecap="round" stroke-width="4">
<path d="M 255 145 Q 240 100, 220 80 M 270 150 Q 255 105, 235 85 Q 220 70, 200 65"/>
<path d="M 445 145 Q 460 100, 480 80 M 430 150 Q 445 105, 465 85 Q 480 70, 500 65"/>
</g>
<g stroke="#3D1400" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke-width="7" d="M 330 155 L 340 195 L 350 165 L 360 195 L 370 155"/>
<path stroke-width="5" d="M 310 165 L 320 205 M 390 165 L 380 205"/>
<path stroke-width="4" d="M 290 175 L 305 210 M 410 175 L 395 210"/>
<path stroke-width="6" d="M 270 235 Q 220 220, 200 235"/>
<path stroke-width="5" d="M 265 255 Q 210 245, 195 260"/>
<path stroke-width="4" d="M 270 270 Q 230 270, 215 285"/>
<path stroke-width="6" d="M 430 235 Q 480 220, 500 235"/>
<path stroke-width="5" d="M 435 255 Q 490 245, 505 260"/>
<path stroke-width="4" d="M 430 270 Q 470 270, 485 285"/>
<path stroke-width="8" d="M 350 200 L 350 270" stroke="#E37C22"/>
</g>
</g>
<g id="sharpDetails">
<ellipse cx="318" cy="315" rx="32" ry="22" fill="#FFFBF5"/>
<ellipse cx="382" cy="315" rx="32" ry="22" fill="#FFFBF5"/>
<path d="M 320 250 Q 290 220, 260 230 Q 285 265, 320 250 Z" fill="url(#eyeGrad)" stroke="#120803" stroke-width="5" stroke-linejoin="round"/>
<path d="M 380 250 Q 410 220, 440 230 Q 415 265, 380 250 Z" fill="url(#eyeGrad)" stroke="#120803" stroke-width="5" stroke-linejoin="round"/>
<path d="M 320 250 Q 290 220, 260 230 Q 285 240, 320 250 Z" fill="rgba(0,0,0,0.5)"/>
<path d="M 380 250 Q 410 220, 440 230 Q 415 240, 380 250 Z" fill="rgba(0,0,0,0.5)"/>
<path d="M 320 250 L 328 258" stroke="#120803" stroke-width="4" stroke-linecap="round"/>
<path d="M 380 250 L 372 258" stroke="#120803" stroke-width="4" stroke-linecap="round"/>
<ellipse cx="295" cy="240" rx="6" ry="16" fill="#0A0502" transform="rotate(-15 295 240)"/>
<ellipse cx="405" cy="240" rx="6" ry="16" fill="#0A0502" transform="rotate(15 405 240)"/>
<ellipse cx="290" cy="232" rx="3" ry="6" fill="#FFFFFF" transform="rotate(-25 290 232)"/>
<circle cx="298" cy="248" r="1.5" fill="#FFFFFF"/>
<ellipse cx="400" cy="232" rx="3" ry="6" fill="#FFFFFF" transform="rotate(25 400 232)"/>
<circle cx="408" cy="248" r="1.5" fill="#FFFFFF"/>
<path d="M 335 295 C 342 290, 358 290, 365 295 C 370 300, 360 310, 350 315 C 340 310, 330 300, 335 295 Z" fill="#D96A6A" stroke="#4A1919" stroke-width="1.5"/>
<line x1="340" y1="295" x2="360" y2="295" stroke="#F5A2A2" stroke-width="2.5" stroke-linecap="round"/>
<path d="M 350 315 L 350 335" stroke="#1F0D05" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M 350 335 C 335 350, 315 340, 305 330" stroke="#1F0D05" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M 350 335 C 365 350, 385 340, 395 330" stroke="#1F0D05" stroke-width="3" fill="none" stroke-linecap="round"/>
<g fill="#1F0D05" opacity="0.6">
<circle cx="310" cy="305" r="1.5"/>
<circle cx="300" cy="312" r="1.5"/>
<circle cx="315" cy="315" r="1.5"/>
<circle cx="290" cy="320" r="1.5"/>
<circle cx="325" cy="322" r="1.5"/>
<circle cx="305" cy="325" r="1.5"/>
<circle cx="390" cy="305" r="1.5"/>
<circle cx="400" cy="312" r="1.5"/>
<circle cx="385" cy="315" r="1.5"/>
<circle cx="410" cy="320" r="1.5"/>
<circle cx="375" cy="322" r="1.5"/>
<circle cx="395" cy="325" r="1.5"/>
</g>
<g stroke="#FFFFFF" fill="none" stroke-linecap="round" opacity="0.85">
<path d="M 305 305 Q 120 280, 50 330" stroke-width="3"/>
<path d="M 295 315 Q 120 320, 40 380" stroke-width="2.5"/>
<path d="M 315 320 Q 150 370, 70 440" stroke-width="2"/>
<path d="M 285 315 Q 180 260, 110 240" stroke-width="2"/>
<path d="M 310 330 Q 200 410, 140 480" stroke-width="1.5"/>
<path d="M 395 305 Q 580 280, 650 330" stroke-width="3"/>
<path d="M 405 315 Q 580 320, 660 380" stroke-width="2.5"/>
<path d="M 385 320 Q 550 370, 630 440" stroke-width="2"/>
<path d="M 415 315 Q 520 260, 590 240" stroke-width="2"/>
<path d="M 390 330 Q 500 410, 560 480" stroke-width="1.5"/>
<path d="M 290 200 Q 250 90, 180 80" stroke-width="2"/>
<path d="M 310 190 Q 280 70, 220 60" stroke-width="1.5"/>
<path d="M 410 200 Q 450 90, 520 80" stroke-width="2"/>
<path d="M 390 190 Q 420 70, 480 60" stroke-width="1.5"/>
</g>
<g stroke="#1F0D05" stroke-width="2" fill="none" stroke-linecap="round">
<path d="M 285 860 Q 295 845, 305 840"/>
<path d="M 315 865 Q 320 850, 325 842"/>
<path d="M 385 865 Q 395 850, 405 845"/>
<path d="M 425 870 Q 430 855, 435 847"/>
</g>
</g>
</svg>
realistic #28.5✕ CLOSE
Gemini 3.1 Pro · realistic · attempt 2 · score 8.5
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="100%" height="100%">
<defs>
<radialGradient id="bgGrad" cx="50%" cy="30%" r="80%">
<stop offset="0%" stop-color="#2a2522"/>
<stop offset="60%" stop-color="#141211"/>
<stop offset="100%" stop-color="#080707"/>
</radialGradient>
<filter id="shadowBlur" x="-20%" y="-40%" width="140%" height="180%">
<feGaussianBlur stdDeviation="35" />
</filter>
<filter id="stripeBlur" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="5" />
</filter>
<filter id="softBlur" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="2" />
</filter>
<radialGradient id="headGrad" cx="60%" cy="40%" r="70%">
<stop offset="0%" stop-color="#F29A4D"/>
<stop offset="50%" stop-color="#C76722"/>
<stop offset="85%" stop-color="#803810"/>
<stop offset="100%" stop-color="#411B07"/>
</radialGradient>
<linearGradient id="chestGrad" x1="0.1" y1="0.1" x2="0.9" y2="0.8">
<stop offset="0%" stop-color="#9C775D"/>
<stop offset="35%" stop-color="#EBC6A6"/>
<stop offset="70%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-color="#EED5C0"/>
</linearGradient>
<radialGradient id="leftHipGrad" cx="90%" cy="30%" r="100%">
<stop offset="0%" stop-color="#6B290B"/>
<stop offset="50%" stop-color="#B8591B"/>
<stop offset="100%" stop-color="#471A06"/>
</radialGradient>
<radialGradient id="rightHipGrad" cx="20%" cy="20%" r="100%">
<stop offset="0%" stop-color="#F4A254"/>
<stop offset="60%" stop-color="#C25916"/>
<stop offset="100%" stop-color="#702F0E"/>
</radialGradient>
<linearGradient id="tailGrad" x1="1" y1="0.5" x2="0" y2="1">
<stop offset="0%" stop-color="#D96E25"/>
<stop offset="40%" stop-color="#AE4B12"/>
<stop offset="80%" stop-color="#552207"/>
<stop offset="100%" stop-color="#2F1102"/>
</linearGradient>
<linearGradient id="frontLegL" x1="1" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#A95A2B"/>
<stop offset="50%" stop-color="#E0A678"/>
<stop offset="100%" stop-color="#C88E65"/>
</linearGradient>
<linearGradient id="frontLegR" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#F7B272"/>
<stop offset="50%" stop-color="#DC8944"/>
<stop offset="100%" stop-color="#A95822"/>
</linearGradient>
<radialGradient id="eyeGradL" cx="60%" cy="40%" r="60%">
<stop offset="0%" stop-color="#E2FF61"/>
<stop offset="50%" stop-color="#9BC71B"/>
<stop offset="80%" stop-color="#41730C"/>
<stop offset="100%" stop-color="#1B3803"/>
</radialGradient>
<radialGradient id="eyeGradR" cx="40%" cy="40%" r="60%">
<stop offset="0%" stop-color="#E2FF61"/>
<stop offset="50%" stop-color="#9BC71B"/>
<stop offset="80%" stop-color="#41730C"/>
<stop offset="100%" stop-color="#1B3803"/>
</radialGradient>
<linearGradient id="noseGrad" x1="0.3" y1="0.1" x2="0.7" y2="0.9">
<stop offset="0%" stop-color="#FFA8A1"/>
<stop offset="70%" stop-color="#D66056"/>
<stop offset="100%" stop-color="#8E2D25"/>
</linearGradient>
<linearGradient id="earGrad" x1="0" y1="1" x2="0" y2="0">
<stop offset="0%" stop-color="#8F3F1A"/>
<stop offset="70%" stop-color="#DE844D"/>
<stop offset="100%" stop-color="#FBB489"/>
</linearGradient>
<linearGradient id="earInner" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#160803"/>
<stop offset="40%" stop-color="#6F2825"/>
<stop offset="100%" stop-color="#CC786E"/>
</linearGradient>
<pattern id="microFurR" width="30" height="30" patternUnits="userSpaceOnUse" patternTransform="scale(1.3) rotate(20)">
<path d="M 5,20 C 8,10 12,0 8,-5 C 10,5 15,15 15,22 Z" fill="#FFF" opacity="0.08"/>
<path d="M 15,25 C 18,15 22,5 18,0 C 20,10 25,20 25,27 Z" fill="#2E0E02" opacity="0.12"/>
<path d="M 22,20 C 27,10 25,5 28,0 C 30,10 32,20 28,25 Z" fill="#F4953A" opacity="0.06"/>
</pattern>
<pattern id="microFurL" width="30" height="30" patternUnits="userSpaceOnUse" patternTransform="scale(1.3) rotate(-20)">
<path d="M 5,20 C 8,10 12,0 8,-5 C 10,5 15,15 15,22 Z" fill="#FFF" opacity="0.08"/>
<path d="M 15,25 C 18,15 22,5 18,0 C 20,10 25,20 25,27 Z" fill="#2E0E02" opacity="0.12"/>
<path d="M 22,20 C 27,10 25,5 28,0 C 30,10 32,20 28,25 Z" fill="#F4953A" opacity="0.06"/>
</pattern>
<path id="defLeftHip" d="M 380,450 C 270,450 200,600 220,780 C 220,830 250,860 300,850 C 350,840 370,820 380,800 C 390,750 390,550 380,450 Z" />
<path id="defRightHip" d="M 620,450 C 730,450 800,600 780,780 C 780,830 750,860 700,850 C 650,840 630,820 620,800 C 610,750 610,550 620,450 Z" />
<path id="defChest" d="
M 380,380
L 340,430 L 375,445
L 325,490 L 365,510
L 310,550 L 355,575
L 300,630 L 370,640
L 330,710 L 400,700
C 430,740 470,750 500,750
C 530,750 570,740 600,700
L 670,710 L 630,640
L 700,630 L 645,575
L 690,550 L 635,510
L 675,490 L 625,445
L 660,430 L 620,380 Z" />
<path id="defHead" d="
M 500,120
C 530,120 560,130 580,140
C 610,160 630,200 640,240
L 660,260 L 645,265
L 680,290 L 650,295
L 690,320 L 650,330
L 700,350 L 640,360
L 680,380 L 630,385
L 650,400 L 600,395
C 570,410 540,420 500,420
C 460,420 430,410 400,395
L 350,400 L 370,385
L 320,380 L 360,360
L 300,350 L 350,330
L 310,320 L 350,295
L 320,290 L 355,265
L 340,260
C 370,200 390,160 420,140
C 440,130 470,120 500,120 Z" />
<path id="defTail" d="
M 720,780
C 820,800 880,880 750,920
C 600,950 400,930 250,880
C 120,840 180,770 240,760
C 280,750 320,805 500,825
C 650,845 700,800 720,780 Z" />
<clipPath id="leftHipClip"><use href="#defLeftHip" /></clipPath>
<clipPath id="rightHipClip"><use href="#defRightHip" /></clipPath>
<clipPath id="chestClip"><use href="#defChest" /></clipPath>
<clipPath id="headClip"><use href="#defHead" /></clipPath>
<clipPath id="tailClip"><use href="#defTail" /></clipPath>
<g id="whiskerGroupL">
<path d="M0,0 Q-150,15 -250,-10" stroke="#FFF" stroke-width="2.5" fill="none" opacity="0.8" stroke-linecap="round"/>
<path d="M0,8 Q-160,30 -240,20" stroke="#FFF" stroke-width="2" fill="none" opacity="0.6" stroke-linecap="round"/>
<path d="M5,18 Q-130,50 -200,60" stroke="#FFF" stroke-width="1.5" fill="none" opacity="0.5" stroke-linecap="round"/>
<path d="M8,-12 Q-140,-30 -220,-50" stroke="#FFF" stroke-width="1.8" fill="none" opacity="0.7" stroke-linecap="round"/>
<path d="M12,-20 Q-100,-40 -150,-80" stroke="#FFF" stroke-width="1.5" fill="none" opacity="0.4" stroke-linecap="round"/>
</g>
<g id="whiskerGroupR">
<path d="M0,0 Q150,15 250,-10" stroke="#FFF" stroke-width="2.5" fill="none" opacity="0.8" stroke-linecap="round"/>
<path d="M0,8 Q160,30 240,20" stroke="#FFF" stroke-width="2" fill="none" opacity="0.6" stroke-linecap="round"/>
<path d="M-5,18 Q130,50 200,60" stroke="#FFF" stroke-width="1.5" fill="none" opacity="0.5" stroke-linecap="round"/>
<path d="M-8,-12 Q140,-30 220,-50" stroke="#FFF" stroke-width="1.8" fill="none" opacity="0.7" stroke-linecap="round"/>
<path d="M-12,-20 Q100,-40 150,-80" stroke="#FFF" stroke-width="1.5" fill="none" opacity="0.4" stroke-linecap="round"/>
</g>
</defs>
<rect width="1000" height="1000" fill="url(#bgGrad)" />
<ellipse cx="500" cy="850" rx="420" ry="90" fill="#030202" opacity="0.8" filter="url(#shadowBlur)" />
<ellipse cx="650" cy="840" rx="200" ry="60" fill="#000" opacity="0.9" filter="url(#shadowBlur)" />
<ellipse cx="300" cy="840" rx="150" ry="70" fill="#000" opacity="0.9" filter="url(#shadowBlur)" />
<g id="Ears">
<path d="M 370,180 C 320,80 300,50 330,40 C 360,30 410,70 440,140 Z" fill="url(#earGrad)" />
<path d="M 380,165 C 340,90 325,70 340,60 C 355,50 395,80 420,135 Z" fill="url(#earInner)" />
<path d="M 630,180 C 680,80 700,50 670,40 C 640,30 590,70 560,140 Z" fill="url(#earGrad)" />
<path d="M 620,165 C 660,90 675,70 660,60 C 645,50 605,80 580,135 Z" fill="url(#earInner)" />
<path d="M 360,140 Q 365,60 410,80" stroke="#FFE9D9" stroke-width="2.5" fill="none" opacity="0.6"/>
<path d="M 375,150 Q 370,70 425,95" stroke="#FFE9D9" stroke-width="2" fill="none" opacity="0.5"/>
<path d="M 390,150 Q 380,80 435,110" stroke="#FFE9D9" stroke-width="1.5" fill="none" opacity="0.4"/>
<path d="M 640,140 Q 635,60 590,80" stroke="#FFE9D9" stroke-width="2.5" fill="none" opacity="0.6"/>
<path d="M 625,150 Q 630,70 575,95" stroke="#FFE9D9" stroke-width="2" fill="none" opacity="0.5"/>
<path d="M 610,150 Q 620,80 565,110" stroke="#FFE9D9" stroke-width="1.5" fill="none" opacity="0.4"/>
</g>
<g id="Hips_and_Hind">
<use href="#defLeftHip" fill="url(#leftHipGrad)" />
<g clip-path="url(#leftHipClip)">
<use href="#defLeftHip" fill="url(#microFurL)" />
<path d="M250,500 C 350,550 380,700 230,750 C 270,720 300,600 230,550 Z M220,580 C 280,630 280,680 200,700 C 250,680 240,620 200,600 Z" fill="#2E0E04" opacity="0.8" filter="url(#stripeBlur)"/>
<path d="M180,650 Q 280,720 240,820 M 230,680 Q 320,750 280,850 M 280,700 Q 360,780 320,850" stroke="#2E0E04" stroke-width="18" fill="none" opacity="0.6" filter="url(#stripeBlur)" />
<path d="M 380,450 C 270,450 200,600 220,780" stroke="#A6583A" stroke-width="6" fill="none" opacity="0.5" filter="url(#softBlur)" />
</g>
<use href="#defRightHip" fill="url(#rightHipGrad)" />
<g clip-path="url(#rightHipClip)">
<use href="#defRightHip" fill="url(#microFurR)" />
<path d="M750,500 C 650,550 620,700 770,750 C 730,720 700,600 770,550 Z M780,580 C 720,630 720,680 800,700 C 750,680 760,620 800,600 Z" fill="#6A2204" opacity="0.75" filter="url(#stripeBlur)"/>
<path d="M820,650 Q 720,720 760,820 M 770,680 Q 680,750 720,850 M 720,700 Q 640,780 680,850" stroke="#6A2204" stroke-width="18" fill="none" opacity="0.6" filter="url(#stripeBlur)" />
<path d="M 620,450 C 730,450 800,600 780,780" stroke="#FFD8AB" stroke-width="8" fill="none" stroke-linecap="round" filter="url(#softBlur)" opacity="0.85" />
<path d="M 780,780 C 780,830 750,860 700,850" stroke="#FFCE93" stroke-width="5" fill="none" filter="url(#softBlur)" opacity="0.6" />
</g>
</g>
<g id="Front_Legs">
<path id="defLeftLeg" d="M 400,600 L 390,830 C 370,860 380,890 415,890 C 445,890 470,880 470,850 C 475,820 460,700 460,600 Z" fill="url(#frontLegL)" />
<path id="defRightLeg" d="M 600,600 L 610,830 C 630,860 620,890 585,890 C 555,890 530,880 530,850 C 525,820 540,700 540,600 Z" fill="url(#frontLegR)" />
<path d="M 390,650 Q 420,800 395,850 M 420,650 Q 450,780 435,840 M 450,650 Q 480,750 465,840" stroke="#A9654C" stroke-width="12" fill="none" opacity="0.5" filter="url(#stripeBlur)" />
<path d="M 610,650 Q 580,800 605,850 M 580,650 Q 550,780 565,840 M 550,650 Q 520,750 535,840" stroke="#87351A" stroke-width="12" fill="none" opacity="0.6" filter="url(#stripeBlur)" />
<path d="M 400,890 C 400,870 395,865 395,855 M 420,890 C 420,870 415,860 415,845 M 445,885 C 440,865 440,855 435,840" stroke="#260C03" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<path d="M 600,890 C 600,870 605,865 605,855 M 580,890 C 580,870 585,860 585,845 M 555,885 C 560,865 560,855 565,840" stroke="#260C03" stroke-width="2.5" fill="none" stroke-linecap="round"/>
</g>
<g id="Chest_Neck">
<use href="#defChest" fill="url(#chestGrad)" />
<g clip-path="url(#chestClip)">
<use href="#defChest" fill="url(#microFurL)" />
<path d="
M360,480 Q500,560 640,480 L650,500 Q500,600 350,500 Z
M330,550 Q500,630 670,550 L680,580 Q500,680 320,580 Z
M315,620 Q500,700 685,620 L695,650 Q500,740 310,650 Z" fill="#D1743E" opacity="0.65" filter="url(#stripeBlur)" />
<path d="M495,380 Q450,550 350,680 M505,380 Q550,550 650,680 M480,380 Q430,500 350,550 M520,380 Q570,500 650,550" stroke="#FFFFFF" stroke-width="8" fill="none" opacity="0.8" stroke-linecap="round" filter="url(#softBlur)" />
<path d="M495,380 Q460,600 400,740 M505,380 Q540,600 600,740" stroke="#FFFFFF" stroke-width="6" fill="none" opacity="0.6" stroke-linecap="round" />
<path d="M470,400 Q400,550 340,580 M530,400 Q600,550 660,580" stroke="#FFFFFF" stroke-width="4" fill="none" opacity="0.8" stroke-linecap="round" />
</g>
</g>
<g id="Head_Base_Details">
<path d="M 460,400 Q 500,460 540,400 Z" fill="#EBCBB5" opacity="0.9" />
<use href="#defHead" fill="url(#headGrad)" />
<g clip-path="url(#headClip)">
<use href="#defHead" fill="url(#microFurL)" />
<path d="M 390 220 C 420 200 460 210 470 240 C 450 220 410 220 390 220 Z" fill="#2E0E01" opacity="0.75" filter="url(#stripeBlur)" />
<path d="M 610 220 C 580 200 540 210 530 240 C 550 220 590 220 610 220 Z" fill="#2E0E01" opacity="0.75" filter="url(#stripeBlur)" />
<path d="
M497,120 L480,180 L495,190 L503,145 L511,190 L526,180 Z
M475,175 L450,140 L440,145 L465,195 Z
M525,175 L550,140 L560,145 L535,195 Z
M490,200 L503,240 L516,200 Z" fill="#3D1201" opacity="0.8" filter="url(#stripeBlur)" />
<path d="
M400,260 L320,265 L310,275 L380,285 Z
M380,300 L290,320 L280,335 L370,325 Z
M600,260 L680,265 L690,275 L620,285 Z
M620,300 L710,320 L720,335 L630,325 Z" fill="#3D1201" opacity="0.75" filter="url(#stripeBlur)" />
<path d="M370,340 L300,380 L300,390 L360,360 Z M630,340 L700,380 L700,390 L640,360 Z" fill="#3D1201" opacity="0.7" filter="url(#stripeBlur)" />
<path d="M 400 310 C 370 280 340 310 370 340 Z M 600 310 C 630 280 660 310 630 340 Z" fill="#F4E9DF" opacity="0.4" filter="url(#stripeBlur)" />
<path d="M 500 240 L 485 300 L 515 300 Z" fill="#F4B785" opacity="0.7" filter="url(#softBlur)" />
</g>
<path d="M 437,243 C 445,215 480,225 485,245 C 470,253 450,255 437,243 Z" fill="#EA9592" />
<path d="M 563,243 C 555,215 520,225 515,245 C 530,253 550,255 563,243 Z" fill="#EA9592" />
<path d="M 395 245 C 420 215 455 220 465 240 C 450 265 415 265 395 245 Z" fill="url(#eyeGradL)" />
<ellipse cx="433" cy="242" rx="4" ry="15" fill="#131B05" />
<circle cx="430" cy="235" r="3.5" fill="#FFF" opacity="0.9" />
<circle cx="438" cy="245" r="1.5" fill="#FFF" opacity="0.6" />
<path d="M 605 245 C 580 215 545 220 535 240 C 550 265 585 265 605 245 Z" fill="url(#eyeGradR)" />
<ellipse cx="567" cy="242" rx="4" ry="15" fill="#131B05" />
<circle cx="563" cy="235" r="3.5" fill="#FFF" opacity="0.9" />
<circle cx="572" cy="245" r="1.5" fill="#FFF" opacity="0.6" />
<path d="M 390 248 C 420 212 460 215 470 240 C 455 268 415 270 390 248 Z" fill="none" stroke="#160803" stroke-width="4" stroke-linecap="round"/>
<path d="M 465 242 C 475 235 485 235 490 240 C 480 245 470 245 465 242 Z" fill="#160803" />
<path d="M 610 248 C 580 212 540 215 530 240 C 545 268 585 270 610 248 Z" fill="none" stroke="#160803" stroke-width="4" stroke-linecap="round"/>
<path d="M 535 242 C 525 235 515 235 510 240 C 520 245 530 245 535 242 Z" fill="#160803" />
<path d="M 480 300 Q 500 295 520 300 Q 525 315 500 325 Q 475 315 480 300 Z" fill="url(#noseGrad)" />
<ellipse cx="490" cy="310" rx="3.5" ry="2" transform="rotate(25 490 310)" fill="#44130F" />
<ellipse cx="510" cy="310" rx="3.5" ry="2" transform="rotate(-25 510 310)" fill="#44130F" />
<path d="M 500 325 L 500 345" stroke="#2B1412" stroke-width="2.5" fill="none" />
<path d="M 470 355 Q 500 365 500 345 Q 500 365 530 355" stroke="#2B1412" stroke-width="2.5" fill="none" stroke-linecap="round" />
<path d="M 500 325 C 460 330 450 365 500 380 C 550 365 540 330 500 325" fill="#E8D1BE" opacity="0.7" filter="url(#softBlur)" />
<circle cx="480" cy="345" r="1.5" fill="#5F3119" opacity="0.6"/><circle cx="470" cy="355" r="1.5" fill="#5F3119" opacity="0.6"/><circle cx="460" cy="345" r="1.5" fill="#5F3119" opacity="0.6"/>
<circle cx="520" cy="345" r="1.5" fill="#5F3119" opacity="0.6"/><circle cx="530" cy="355" r="1.5" fill="#5F3119" opacity="0.6"/><circle cx="540" cy="345" r="1.5" fill="#5F3119" opacity="0.6"/>
<use href="#whiskerGroupL" x="480" y="340" />
<use href="#whiskerGroupR" x="520" y="340" />
</g>
<g id="Tail_FG">
<use href="#defTail" fill="url(#tailGrad)" />
<g clip-path="url(#tailClip)">
<use href="#defTail" fill="url(#microFurR)" />
<path d="M 120 750 L 150 900 M 200 750 L 230 900 M 280 750 L 310 900 M 360 760 L 390 910 M 440 760 L 470 910 M 520 760 L 550 910 M 600 750 L 630 900 M 680 730 L 710 880" stroke="#310F02" stroke-width="35" opacity="0.8" filter="url(#stripeBlur)" />
<path d="M 120 750 L 150 900 M 200 750 L 230 900 M 280 750 L 310 900 M 360 760 L 390 910 M 440 760 L 470 910 M 520 760 L 550 910 M 600 750 L 630 900 M 680 730 L 710 880" stroke="#752808" stroke-width="15" opacity="0.9" filter="url(#stripeBlur)" />
<path d="M 720,780 C 820,800 880,880 750,920" stroke="#FFAE6E" stroke-width="6" fill="none" opacity="0.6" stroke-linecap="round" filter="url(#softBlur)" />
<path d="M 750,920 C 600,950 400,930 250,880" stroke="#FFCF9E" stroke-width="4" fill="none" opacity="0.4" stroke-linecap="round" filter="url(#softBlur)" />
</g>
</g>
</svg>
realistic #38.5✕ CLOSE
Gemini 3.1 Pro · realistic · attempt 3 · score 8.5
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 800" width="100%" height="100%">
<defs>
<!-- Background Gradient -->
<radialGradient id="bgGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#3b3e45"/>
<stop offset="100%" stop-color="#141517"/>
</radialGradient>
<!-- Base Volume Gradients for Shading -->
<linearGradient id="gTorso" x1="0%" y1="10%" x2="100%" y2="90%">
<stop offset="0%" stop-color="#ffb165"/>
<stop offset="35%" stop-color="#c9711c"/>
<stop offset="100%" stop-color="#2d1000"/>
</linearGradient>
<radialGradient id="gHaunch" cx="60%" cy="40%" r="60%">
<stop offset="0%" stop-color="#df8029"/>
<stop offset="50%" stop-color="#9d4a0a"/>
<stop offset="100%" stop-color="#311200"/>
</radialGradient>
<linearGradient id="gFrontLeft" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#e28731"/>
<stop offset="40%" stop-color="#9a4d10"/>
<stop offset="100%" stop-color="#2a0f00"/>
</linearGradient>
<linearGradient id="gFrontRight" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#bd661a"/>
<stop offset="100%" stop-color="#311000"/>
</linearGradient>
<linearGradient id="gChest" x1="30%" y1="0%" x2="70%" y2="100%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="40%" stop-color="#f2d2ab"/>
<stop offset="85%" stop-color="#a6713e"/>
<stop offset="100%" stop-color="#69411c"/>
</linearGradient>
<radialGradient id="gHead" cx="30%" cy="30%" r="70%">
<stop offset="0%" stop-color="#ffbf78"/>
<stop offset="45%" stop-color="#de7d23"/>
<stop offset="100%" stop-color="#4d1b00"/>
</radialGradient>
<linearGradient id="gTail" x1="0%" y1="50%" x2="100%" y2="50%">
<stop offset="0%" stop-color="#732f05"/>
<stop offset="30%" stop-color="#cf7723"/>
<stop offset="70%" stop-color="#964b0f"/>
<stop offset="100%" stop-color="#140600"/>
</linearGradient>
<!-- Eye Gradient -->
<radialGradient id="gEye" cx="50%" cy="50%" r="70%">
<stop offset="0%" stop-color="#e9ff66"/>
<stop offset="60%" stop-color="#8bc724"/>
<stop offset="100%" stop-color="#cc6b08"/>
</radialGradient>
<!-- Filters for Fur Realism -->
<filter id="shadowGlow">
<feGaussianBlur stdDeviation="15"/>
</filter>
<filter id="furSoft">
<feGaussianBlur stdDeviation="4"/>
</filter>
<filter id="furEdge" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.4" numOctaves="3" result="noise" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="5" xChannelSelector="R" yChannelSelector="G" />
</filter>
<!-- Master Paths For Clipping and Rendering -->
<path id="torsoPath" d="M 260 280 C 350 280, 390 400, 360 680 C 350 720, 240 720, 220 680 C 180 500, 200 350, 260 280 Z"/>
<path id="haunchPath" d="M 330 450 C 440 420, 485 530, 460 650 C 440 730, 360 740, 340 740 C 360 700, 370 620, 330 550 Z"/>
<path id="frontLeftPath" d="M 225 450 L 275 450 C 275 560, 285 680, 285 710 C 285 745, 230 745, 230 710 C 225 680, 225 560, 225 450 Z"/>
<path id="frontRightPath" d="M 285 460 L 335 460 C 335 560, 345 680, 345 710 C 345 745, 290 745, 290 710 C 285 680, 285 560, 285 460 Z"/>
<path id="chestPath" d="M 230 270 Q 195 350 215 450 C 220 500, 310 530, 340 450 Q 365 380 370 270 C 330 300, 270 300, 230 270 Z"/>
<path id="headPath" d="M 300 165 C 320 165, 340 170, 350 180 C 375 200, 385 220, 385 240 C 385 260, 350 280, 320 290 C 310 295, 290 295, 280 290 C 250 280, 215 260, 215 240 C 215 220, 225 200, 250 180 C 260 170, 280 165, 300 165 Z"/>
<path id="tailPath" d="M 430 635 C 500 660, 530 720, 480 760 C 350 820, 150 780, 80 710 C 20 650, 40 550, 90 540 C 130 530, 130 580, 130 630 C 120 700, 180 730, 280 730 C 390 730, 430 680, 430 635 Z"/>
<!-- Clip Paths -->
<clipPath id="torsoClip"><use href="#torsoPath"/></clipPath>
<clipPath id="haunchClip"><use href="#haunchPath"/></clipPath>
<clipPath id="flClip"><use href="#frontLeftPath"/></clipPath>
<clipPath id="frClip"><use href="#frontRightPath"/></clipPath>
<clipPath id="chestClip"><use href="#chestPath"/></clipPath>
<clipPath id="headClip"><use href="#headPath"/></clipPath>
<clipPath id="tailClip"><use href="#tailPath"/></clipPath>
<!-- Detailed Tail Spine for Striping -->
<path id="tailSpine" d="M 430 640 C 530 730, 480 820, 310 760 C 180 710, 50 670, 110 590" fill="none"/>
</defs>
<!-- Background Layer -->
<rect x="0" y="0" width="100%" height="100%" fill="url(#bgGrad)"/>
<ellipse cx="300" cy="745" rx="260" ry="35" fill="#000000" filter="url(#shadowGlow)" opacity="0.8"/>
<ellipse cx="300" cy="745" rx="150" ry="15" fill="#000000" filter="url(#furSoft)" opacity="0.9"/>
<ellipse cx="140" cy="720" rx="90" ry="25" fill="#000000" filter="url(#shadowGlow)" opacity="0.7"/>
<!-- Master Fur Filter Group -->
<g filter="url(#furEdge)">
<!-- BACK TORSO -->
<use href="#torsoPath" fill="url(#gTorso)"/>
<g clip-path="url(#torsoClip)">
<g filter="url(#furSoft)" fill="none" stroke-linecap="round">
<path d="M 230 320 Q 250 330 280 320" stroke="#ffcb96" stroke-width="8" opacity="0.6"/>
<path d="M 330 320 Q 360 330 380 320" stroke="#f6ecc6" stroke-width="10" opacity="0.5"/>
<path d="M 360 380 Q 380 400 400 390" stroke="#1c0700" stroke-width="12"/>
<path d="M 350 430 Q 380 450 420 420" stroke="#1a0600" stroke-width="16"/>
<path d="M 330 480 Q 370 510 400 480" stroke="#210800" stroke-width="18"/>
<path d="M 320 540 Q 360 570 380 540" stroke="#1f0700" stroke-width="20"/>
<path d="M 320 600 Q 360 630 380 600" stroke="#170500" stroke-width="22"/>
<!-- Torso left interior shading -->
<path d="M 200 400 C 230 500 240 600 220 700" stroke="#170600" stroke-width="45" opacity="0.6"/>
</g>
</g>
<!-- HAUNCH (RIGHT BACK LEG) -->
<use href="#haunchPath" fill="url(#gHaunch)"/>
<g clip-path="url(#haunchClip)">
<g filter="url(#furSoft)" fill="none" stroke-linecap="round">
<path d="M 450 470 Q 420 500 370 480" stroke="#f5ddb5" stroke-width="6" opacity="0.4"/>
<path d="M 460 520 Q 410 550 340 520" stroke="#140400" stroke-width="14"/>
<path d="M 470 570 Q 400 600 340 570" stroke="#140400" stroke-width="16"/>
<path d="M 470 630 Q 410 660 340 640" stroke="#140400" stroke-width="18"/>
<path d="M 450 680 Q 410 710 340 690" stroke="#120300" stroke-width="14"/>
<!-- Volume shading overlap -->
<path d="M 470 450 Q 520 550 450 650" stroke="#000000" stroke-width="30" opacity="0.6"/>
</g>
</g>
<!-- FRONT RIGHT LEG -->
<use href="#frontRightPath" fill="url(#gFrontRight)"/>
<g clip-path="url(#frClip)">
<g filter="url(#furSoft)" fill="none" stroke-linecap="round">
<path d="M 280 500 L 360 520" stroke="#1c0700" stroke-width="10"/>
<path d="M 280 560 L 360 580" stroke="#170500" stroke-width="12"/>
<path d="M 280 620 L 360 640" stroke="#140400" stroke-width="12"/>
<path d="M 280 680 L 360 700" stroke="#0a0200" stroke-width="12"/>
<path d="M 330 460 L 330 740" stroke="#050100" stroke-width="25" opacity="0.6"/>
<!-- Cream highlight -->
<path d="M 295 460 L 295 730" stroke="#f6c28f" stroke-width="8" opacity="0.5"/>
</g>
</g>
<!-- FRONT LEFT LEG -->
<use href="#frontLeftPath" fill="url(#gFrontLeft)"/>
<g clip-path="url(#flClip)">
<g filter="url(#furSoft)" fill="none" stroke-linecap="round">
<path d="M 220 500 Q 255 515 290 500" stroke="#1c0700" stroke-width="9"/>
<path d="M 220 550 Q 255 565 290 550" stroke="#1a0600" stroke-width="10"/>
<path d="M 220 600 Q 255 615 290 600" stroke="#150400" stroke-width="10"/>
<path d="M 220 650 Q 255 665 290 650" stroke="#0c0200" stroke-width="10"/>
<!-- Leg shadow inner -->
<path d="M 275 450 L 275 740" stroke="#000000" stroke-width="20" opacity="0.5"/>
<!-- Left Rim Light -->
<path d="M 230 450 L 230 740" stroke="#ffd9b3" stroke-width="8" opacity="0.8"/>
</g>
</g>
<!-- CHEST FLUFF -->
<use href="#chestPath" fill="url(#gChest)"/>
<g clip-path="url(#chestClip)">
<g filter="url(#furSoft)" fill="none" stroke-linecap="round">
<!-- Cream/White volume layering -->
<path d="M 230 300 Q 235 340 220 380" stroke="#ffffff" stroke-width="10"/>
<path d="M 260 280 Q 265 370 250 420" stroke="#ffffff" stroke-width="14"/>
<path d="M 290 280 Q 300 380 285 410" stroke="#ffebcc" stroke-width="16"/>
<path d="M 320 290 Q 340 370 320 400" stroke="#f2cba0" stroke-width="12"/>
<path d="M 350 300 Q 370 340 350 380" stroke="#dbac7b" stroke-width="10"/>
<!-- Depth separating strokes -->
<path d="M 240 320 Q 255 370 240 420" stroke="#7a4f22" stroke-width="6" opacity="0.6"/>
<path d="M 280 320 Q 290 380 270 450" stroke="#523211" stroke-width="8" opacity="0.6"/>
<path d="M 315 310 Q 325 360 305 430" stroke="#523211" stroke-width="7" opacity="0.6"/>
</g>
</g>
<!-- TAIL -->
<!-- The tail overlaps everything from bottom up -->
<use href="#tailPath" fill="url(#gTail)"/>
<g clip-path="url(#tailClip)">
<!-- Master Spine Stripes Hack -->
<use href="#tailSpine" stroke="#120300" stroke-width="80" stroke-dasharray="25 35" filter="url(#furSoft)" opacity="0.9"/>
<use href="#tailSpine" stroke="#ffce99" stroke-width="15" stroke-dasharray="0 60 10 0" filter="url(#furSoft)" opacity="0.6"/>
<!-- Internal shadow and highlights -->
<path d="M 420 630 C 500 660 520 730 450 760 C 350 800 150 770 100 700" fill="none" stroke="#000000" stroke-width="30" filter="url(#furSoft)" opacity="0.6"/>
<path d="M 380 650 C 470 690 490 730 430 750 C 330 780 160 760 120 700" fill="none" stroke="#ffdfaa" stroke-width="6" filter="url(#furSoft)" opacity="0.5"/>
</g>
<!-- HEAD BASE -->
<use href="#headPath" fill="url(#gHead)"/>
<g clip-path="url(#headClip)">
<g filter="url(#furSoft)" stroke-linecap="round">
<!-- Forehead Stripes (M Pattern) -->
<path d="M 265 170 Q 275 210 286 195 Q 293 215 300 195 Q 307 215 314 195 Q 325 210 335 170" fill="none" stroke="#2b0e00" stroke-width="6"/>
<path d="M 250 175 Q 260 215 270 200" fill="none" stroke="#3d1400" stroke-width="6"/>
<path d="M 350 175 Q 340 215 330 200" fill="none" stroke="#3d1400" stroke-width="6"/>
<!-- Crown base dark patches -->
<ellipse cx="250" cy="170" rx="30" ry="20" fill="#a14911" opacity="0.6"/>
<ellipse cx="350" cy="170" rx="30" ry="20" fill="#a14911" opacity="0.6"/>
<!-- Cheek Stripes Left -->
<path d="M 215 220 Q 235 225 245 225" fill="none" stroke="#260b00" stroke-width="5"/>
<path d="M 215 235 Q 240 240 250 235" fill="none" stroke="#1f0800" stroke-width="6"/>
<path d="M 215 250 Q 245 255 255 245" fill="none" stroke="#1a0600" stroke-width="6"/>
<!-- Cheek Stripes Right -->
<path d="M 385 220 Q 365 225 355 225" fill="none" stroke="#260b00" stroke-width="5"/>
<path d="M 385 235 Q 360 240 350 235" fill="none" stroke="#1f0800" stroke-width="6"/>
<path d="M 385 250 Q 355 255 345 245" fill="none" stroke="#1a0600" stroke-width="6"/>
<!-- Edge highlight / Rim Light Left -->
<path d="M 260 165 C 240 200 210 240 240 280" fill="none" stroke="#ffffff" stroke-width="8" opacity="0.7"/>
<!-- Muzzle Base Highlights -->
<ellipse cx="275" cy="275" rx="30" ry="22" fill="#fffaf2"/>
<ellipse cx="325" cy="275" rx="30" ry="22" fill="#fcf1df"/>
<path d="M 300 295 Q 300 315 280 310" fill="none" stroke="#4a1500" stroke-width="12"/>
<path d="M 300 295 Q 300 315 320 310" fill="none" stroke="#4a1500" stroke-width="12"/>
<!-- Chin bright fluff -->
<ellipse cx="300" cy="300" rx="20" ry="12" fill="#ffffff"/>
</g>
</g>
</g> <!-- End of furEdge filter group -->
<!-- EARS (Back/Mid layers) -->
<g id="Ears">
<!-- Left Ear Back (Shadowed Base) -->
<path d="M 255 175 Q 260 150 220 70 Q 210 50 195 65 Q 200 130 220 205 Z" fill="#9e561a"/>
<!-- Left Ear Inner pink cavity -->
<path d="M 245 170 C 235 150 215 90 205 75 Q 210 110 225 180 Z" fill="#6c3631"/>
<!-- Left Ear Fluff -->
<path d="M 235 180 Q 215 130 230 110" fill="none" stroke="#ffeadd" stroke-width="3" stroke-linecap="round" filter="url(#furSoft)"/>
<path d="M 225 185 Q 205 135 210 100" fill="none" stroke="#ffebd4" stroke-width="2.5" stroke-linecap="round"/>
<path d="M 245 175 Q 235 140 245 120" fill="none" stroke="#ffca9e" stroke-width="3" stroke-linecap="round"/>
<!-- Right Ear Back -->
<path d="M 345 175 Q 340 150 380 70 Q 390 50 405 65 Q 400 130 380 205 Z" fill="#b0611d"/>
<!-- Right Ear Inner cavity -->
<path d="M 355 170 C 365 150 385 90 395 75 Q 390 110 375 180 Z" fill="#6c3631"/>
<!-- Right Ear Fluff -->
<path d="M 365 180 Q 385 130 370 110" fill="none" stroke="#ffeadd" stroke-width="3" stroke-linecap="round" filter="url(#furSoft)"/>
<path d="M 375 185 Q 395 135 390 100" fill="none" stroke="#ffebd4" stroke-width="2.5" stroke-linecap="round"/>
<path d="M 355 175 Q 365 140 355 120" fill="none" stroke="#e8a874" stroke-width="3" stroke-linecap="round"/>
</g>
<!-- UNClipped Sharp Features (No edge distortion) -->
<g id="FaceFeatures">
<!-- LEFT EYE -->
<g id="LeftEye">
<!-- Dark outline base -->
<path d="M 233 213 C 243 198, 265 208, 275 225 C 265 235, 245 232, 233 213 Z" fill="#000000" stroke="#140600" stroke-width="4" stroke-linejoin="round"/>
<!-- Sclera / Iris -->
<path d="M 236 215 C 245 202, 263 211, 272 225 C 262 232, 246 230, 236 215 Z" fill="url(#gEye)"/>
<!-- Pupil -->
<ellipse cx="256" cy="221" rx="4.5" ry="11" fill="#110500" transform="rotate(-15 256 221)"/>
<!-- Inner shadow top -->
<path d="M 236 215 C 245 202, 263 211, 272 225 C 265 220, 250 215, 236 215 Z" fill="#140600" opacity="0.6"/>
<!-- Caruncle (Pink inner corner) -->
<polygon points="271,223 276,226 272,228" fill="#bc6660"/>
<!-- Catchlights -->
<path d="M 244 212 C 248 209, 255 210, 258 213 C 255 213, 248 213, 244 212 Z" fill="#ffffff" opacity="0.6"/>
<circle cx="260" cy="216" r="2.5" fill="#ffffff"/>
<circle cx="251" cy="225" r="0.8" fill="#ffffff" opacity="0.5"/>
</g>
<!-- RIGHT EYE -->
<g id="RightEye">
<path d="M 367 213 C 357 198, 335 208, 325 225 C 335 235, 355 232, 367 213 Z" fill="#000000" stroke="#140600" stroke-width="4" stroke-linejoin="round"/>
<path d="M 364 215 C 355 202, 337 211, 328 225 C 338 232, 354 230, 364 215 Z" fill="url(#gEye)"/>
<ellipse cx="344" cy="221" rx="4.5" ry="11" fill="#110500" transform="rotate(15 344 221)"/>
<path d="M 364 215 C 355 202, 337 211, 328 225 C 335 220, 350 215, 364 215 Z" fill="#140600" opacity="0.6"/>
<polygon points="329,223 324,226 328,228" fill="#bc6660"/>
<path d="M 356 212 C 352 209, 345 210, 342 213 C 345 213, 352 213, 356 212 Z" fill="#ffffff" opacity="0.6"/>
<circle cx="340" cy="216" r="2.5" fill="#ffffff"/>
<circle cx="349" cy="225" r="0.8" fill="#ffffff" opacity="0.5"/>
</g>
<!-- NOSE -->
<g id="Nose">
<!-- Shadow base -->
<path d="M 285 262 Q 300 258, 315 262 Q 315 272, 300 279 Q 285 272, 285 262 Z" fill="#a44b41" filter="url(#furSoft)"/>
<!-- Primary shape -->
<path d="M 286 261 Q 300 256, 314 261 Q 314 269, 300 276 Q 286 269, 286 261 Z" fill="#ec958c"/>
<!-- Nose bridge highlight -->
<path d="M 288 261 Q 300 257, 312 261 Q 300 263, 288 261 Z" fill="#ffcdca"/>
<!-- Nose nostril lines -->
<path d="M 288 266 Q 295 265, 300 272" fill="none" stroke="#68211b" stroke-width="1.8" stroke-linecap="round"/>
<path d="M 312 266 Q 305 265, 300 272" fill="none" stroke="#68211b" stroke-width="1.8" stroke-linecap="round"/>
</g>
<!-- MOUTH -->
<g id="Mouth">
<!-- Lip split lines -->
<path d="M 300 276 L 300 286 Q 285 296 270 290" fill="none" stroke="#2d1100" stroke-width="2.5" stroke-linecap="round"/>
<path d="M 300 286 Q 315 296 330 290" fill="none" stroke="#2d1100" stroke-width="2.5" stroke-linecap="round"/>
</g>
<!-- WHISKER PORES -->
<g id="WhiskerPores" fill="#36170d" opacity="0.75">
<!-- Left points -->
<circle cx="265" cy="270" r="1.3"/>
<circle cx="255" cy="272" r="1.5"/>
<circle cx="260" cy="277" r="1.5"/>
<circle cx="245" cy="275" r="1.2"/>
<circle cx="250" cy="282" r="1.4"/>
<circle cx="240" cy="280" r="1.2"/>
<!-- Right points -->
<circle cx="335" cy="270" r="1.3"/>
<circle cx="345" cy="272" r="1.5"/>
<circle cx="340" cy="277" r="1.5"/>
<circle cx="355" cy="275" r="1.2"/>
<circle cx="350" cy="282" r="1.4"/>
<circle cx="360" cy="280" r="1.2"/>
</g>
</g>
<!-- WHISKERS (Topmost sharp white layers) -->
<g id="Whiskers" fill="none" stroke="#ffffff" stroke-linecap="round">
<g opacity="0.85" stroke-width="1.2">
<!-- Left side long whiskers -->
<path d="M 260 270 Q 170 250 110 270"/>
<path d="M 255 273 Q 150 260 90 295"/>
<path d="M 250 278 Q 140 280 100 325"/>
<path d="M 245 281 Q 150 310 120 355"/>
<path d="M 250 286 Q 180 340 160 380"/>
<!-- Right side long whiskers -->
<path d="M 340 270 Q 430 250 490 270"/>
<path d="M 345 273 Q 450 260 510 295"/>
<path d="M 350 278 Q 460 280 500 325"/>
<path d="M 355 281 Q 450 310 480 355"/>
<path d="M 350 286 Q 420 340 440 380"/>
<!-- Eyebrow whiskers left -->
<path d="M 265 195 Q 230 140 170 140"/>
<path d="M 270 190 Q 240 130 190 125"/>
<!-- Eyebrow whiskers right -->
<path d="M 335 195 Q 370 140 430 140"/>
<path d="M 330 190 Q 360 130 410 125"/>
</g>
<g opacity="0.4" stroke-width="0.8">
<!-- Fine lower whiskers -->
<path d="M 245 286 Q 160 300 130 330"/>
<path d="M 355 286 Q 440 300 470 330"/>
</g>
</g>
<!-- PAW DETAILS (Overcoming the flat blur on the base layer) -->
<g id="PawLines" fill="none" stroke="#220900" stroke-width="2.5" stroke-linecap="round" opacity="0.8">
<!-- Front Left Toes -->
<path d="M 240 720 L 240 740"/>
<path d="M 255 722 L 255 743"/>
<path d="M 270 720 L 270 740"/>
<!-- Front Right Toes -->
<path d="M 305 720 L 305 740"/>
<path d="M 320 722 L 320 743"/>
<path d="M 335 720 L 335 740"/>
<!-- Light crest strokes inside toes -->
<g stroke="#ffddb3" stroke-width="1.5" opacity="0.6">
<path d="M 245 715 Q 248 725 248 735"/>
<path d="M 262 715 Q 262 725 262 735"/>
<path d="M 312 715 Q 312 725 312 735"/>
<path d="M 328 715 Q 328 725 328 735"/>
</g>
</g>
</svg>
realistic #48.3✕ CLOSE
Gemini 3.1 Pro · realistic · attempt 4 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="100%" height="100%">
<defs>
<!-- Background & Shadow Gradients -->
<radialGradient id="bgGrad" cx="50%" cy="40%" r="60%">
<stop offset="0%" stop-color="#3b2b25" />
<stop offset="60%" stop-color="#191310" />
<stop offset="100%" stop-color="#0a0808" />
</radialGradient>
<radialGradient id="shadowGrad" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#000000" stop-opacity="0.8" />
<stop offset="40%" stop-color="#050302" stop-opacity="0.5" />
<stop offset="100%" stop-color="#000000" stop-opacity="0" />
</radialGradient>
<!-- Torso Volumes -->
<linearGradient id="bodyLight" x1="20%" y1="20%" x2="80%" y2="90%">
<stop offset="0%" stop-color="#d47c35" />
<stop offset="40%" stop-color="#994d1f" />
<stop offset="85%" stop-color="#3d1d0c" />
<stop offset="100%" stop-color="#1c0b05" />
</linearGradient>
<radialGradient id="chestGrad" cx="50%" cy="45%" r="45%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="25%" stop-color="#fae3cb" />
<stop offset="60%" stop-color="#d48a4c" />
<stop offset="100%" stop-color="#692d11" />
</radialGradient>
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="40%">
<stop offset="0%" stop-color="#140702" />
<stop offset="20%" stop-color="#2a1208" />
<stop offset="60%" stop-color="#803f1b" />
<stop offset="100%" stop-color="#241006" />
</linearGradient>
<!-- Leg Volumes -->
<linearGradient id="legLeft" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#4d220e" />
<stop offset="50%" stop-color="#c17436" />
<stop offset="100%" stop-color="#260e05" />
</linearGradient>
<linearGradient id="legRight" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#421e0d" />
<stop offset="40%" stop-color="#a86027" />
<stop offset="100%" stop-color="#170903" />
</linearGradient>
<!-- Head & Eye Details -->
<radialGradient id="muzzleGrad" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="40%" stop-color="#fdf0e3" />
<stop offset="100%" stop-color="#ba6d32" />
</radialGradient>
<radialGradient id="irisGradLeft" cx="45%" cy="45%" r="55%">
<stop offset="0%" stop-color="#ffee66" />
<stop offset="40%" stop-color="#9ed431" />
<stop offset="85%" stop-color="#3c7a10" />
<stop offset="100%" stop-color="#173604" />
</radialGradient>
<radialGradient id="irisGradRight" cx="45%" cy="45%" r="55%">
<stop offset="0%" stop-color="#ffee66" />
<stop offset="40%" stop-color="#9ed431" />
<stop offset="85%" stop-color="#3c7a10" />
<stop offset="100%" stop-color="#173604" />
</radialGradient>
<linearGradient id="earInner" x1="0%" y1="100%" x2="50%" y2="0%">
<stop offset="0%" stop-color="#381b16" />
<stop offset="50%" stop-color="#c46a5c" />
<stop offset="100%" stop-color="#ebd0cc" />
</linearGradient>
<radialGradient id="noseGrad" cx="30%" cy="20%" r="70%">
<stop offset="0%" stop-color="#e8816f" />
<stop offset="60%" stop-color="#b84632" />
<stop offset="100%" stop-color="#4d1109" />
</radialGradient>
<!-- Filters for Realism & Fur Blending -->
<filter id="blurTiny" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.5" />
</filter>
<filter id="blurSmall" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="3" />
</filter>
<filter id="blurMedium" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="6" />
</filter>
<filter id="blurLarge" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="12" />
</filter>
<!-- Whiskers Component Group -->
<g id="whiskerSetLeft">
<path d="M 450 335 Q 260 280 140 310" />
<path d="M 450 345 Q 250 310 120 340" />
<path d="M 450 355 Q 260 340 130 380" />
<path d="M 455 365 Q 280 370 170 420" />
<path d="M 460 375 Q 320 400 230 460" />
</g>
<g id="whiskerSetRight">
<path d="M 550 335 Q 740 280 860 310" />
<path d="M 550 345 Q 750 310 880 340" />
<path d="M 550 355 Q 740 340 870 380" />
<path d="M 545 365 Q 720 370 830 420" />
<path d="M 540 375 Q 680 400 770 460" />
</g>
</defs>
<!-- Background -->
<rect width="1000" height="1000" fill="url(#bgGrad)" />
<!-- Base Ambient Cast Shadow -->
<ellipse cx="500" cy="870" rx="350" ry="70" fill="url(#shadowGrad)" />
<ellipse cx="400" cy="880" rx="200" ry="40" fill="#000" opacity="0.6" filter="url(#blurMedium)" />
<!-- ================= BACKGROUND FLANKS & BASE BODY ================= -->
<!-- Deep inner thigh and underbelly shadow -->
<path d="M 320 700 C 400 800 600 800 680 700 C 650 890 350 890 320 700 Z" fill="#0c0502" filter="url(#blurMedium)" />
<!-- Base Body Silhouette (Soft edged) -->
<path d="M 500 260 C 700 280 750 550 710 770 C 690 850 630 870 550 870 L 450 870 C 370 870 310 850 290 770 C 250 550 300 280 500 260 Z" fill="url(#bodyLight)" />
<!-- Back Legs/Thighs (Dark outer contour) -->
<path d="M 710 550 C 780 650 750 800 700 840 C 620 880 580 820 620 720 C 650 640 680 580 710 550 Z" fill="#2d1306" filter="url(#blurMedium)" opacity="0.7" />
<path d="M 290 550 C 220 650 250 800 300 840 C 380 880 420 820 380 720 C 350 640 320 580 290 550 Z" fill="#753915" filter="url(#blurMedium)" opacity="0.8" />
<!-- ================= TIGER/TABBY STRIPES ON FLANKS ================= -->
<g fill="none" stroke="#1c0b05" stroke-linecap="round" filter="url(#blurSmall)" opacity="0.85">
<!-- Left Flank Mackerel Stripes -->
<path d="M 500 480 Q 400 500 340 590" stroke-width="18" />
<path d="M 500 520 Q 380 540 330 650" stroke-width="22" />
<path d="M 500 560 Q 410 590 350 710" stroke-width="24" />
<path d="M 500 610 Q 440 650 380 770" stroke-width="20" />
<path d="M 330 600 Q 350 700 370 790" stroke-width="12" />
<!-- Right Flank Mackerel Stripes -->
<path d="M 500 480 Q 600 500 660 590" stroke-width="18" />
<path d="M 500 520 Q 620 540 670 650" stroke-width="22" />
<path d="M 500 560 Q 590 590 650 710" stroke-width="24" />
<path d="M 500 610 Q 560 650 620 770" stroke-width="20" />
<path d="M 670 600 Q 650 700 630 790" stroke-width="12" />
</g>
<!-- Beautiful layered jagged fur along the outer flank edges -->
<g fill="#994d1f">
<!-- Left edge tufts -->
<path d="M 293 630 L 270 650 L 285 670 L 255 690 L 280 710 L 255 745 L 290 760 L 270 790 L 305 790 Z" />
<!-- Right edge tufts -->
<path d="M 707 630 L 730 650 L 715 670 L 745 690 L 720 710 L 745 745 L 710 760 L 730 790 L 695 790 Z" fill="#2d1306" />
</g>
<!-- ================= TAIL SWEEPING AROUND ================= -->
<!-- Tail Shadow -->
<path d="M 720 750 C 780 870 540 940 350 930 C 200 920 150 830 220 790 C 300 740 400 810 550 850 C 650 880 730 830 720 750 Z" fill="#000" filter="url(#blurMedium)" opacity="0.6"/>
<!-- Tail Body -->
<path d="M 700 760 C 770 870 520 940 330 920 C 180 900 130 810 190 760 C 250 710 380 790 520 830 C 630 860 690 820 700 760 Z" fill="url(#tailGrad)" />
<!-- Tail Tabby Rings -->
<g fill="none" stroke="#120602" stroke-width="28" stroke-linecap="round" filter="url(#blurSmall)" opacity="0.9">
<path d="M 630 812 L 670 840" />
<path d="M 520 827 L 550 865" />
<path d="M 430 822 L 440 875" />
<path d="M 330 804 L 325 865" />
<path d="M 250 765 L 230 825" />
<path d="M 210 770 L 190 800" stroke-width="18" />
</g>
<!-- Tail Tip Fluff & Edge Fur layered dynamically -->
<path d="M 700 760 C 710 790 705 820 680 840 L 695 860 L 660 865 L 670 885 L 630 880 L 620 905 L 580 890 L 520 920 L 450 905 L 380 930 L 330 910 L 260 925 L 230 880 L 180 890 L 170 850 L 130 820 L 150 790 L 125 765 L 165 770 L 190 740 L 220 765 L 260 735 L 280 760 Z" fill="#b06530" filter="url(#blurTiny)" opacity="0.4"/>
<path d="M 120 760 C 130 800 160 820 200 810 C 180 800 160 760 120 760 Z" fill="#080301" />
<!-- ================= FRONT LEGS ================= -->
<!-- Core Shadow behind legs -->
<path d="M 400 500 L 600 500 L 550 900 L 450 900 Z" fill="#000" filter="url(#blurLarge)" opacity="0.8" />
<!-- Left Front Leg Surface -->
<path d="M 410 520 C 400 650 410 800 420 860 C 420 880 470 880 480 860 C 500 800 490 650 490 520 Z" fill="url(#legLeft)" />
<path d="M 410 520 C 400 650 410 800 420 860 C 420 880 470 880 480 860 C 500 800 490 650 490 520 Z" fill="none" stroke="#241006" stroke-width="12" filter="url(#blurSmall)" />
<!-- Right Front Leg Surface -->
<path d="M 510 520 C 510 650 500 800 490 860 C 490 880 540 880 550 860 C 580 800 590 650 580 520 Z" fill="url(#legRight)" />
<path d="M 510 520 C 510 650 500 800 490 860 C 490 880 540 880 550 860 C 580 800 590 650 580 520 Z" fill="none" stroke="#120501" stroke-width="14" filter="url(#blurSmall)" />
<!-- Leg Stripes (Bracelets) -->
<g fill="none" stroke="#1c0b05" stroke-linecap="round" stroke-width="14" filter="url(#blurSmall)">
<!-- Left Leg -->
<path d="M 410 600 Q 450 610 490 590" />
<path d="M 410 660 Q 450 675 495 640" />
<path d="M 415 720 Q 450 730 495 700" stroke-width="10" />
<path d="M 415 780 Q 450 790 495 760" stroke-width="8" />
<!-- Right Leg -->
<path d="M 510 590 Q 550 610 590 600" />
<path d="M 505 640 Q 550 675 590 660" />
<path d="M 505 700 Q 550 730 585 720" stroke-width="10" />
<path d="M 505 760 Q 550 790 585 780" stroke-width="8" />
</g>
<!-- Paws Details (Toes and shadows) -->
<!-- Left Paw -->
<path d="M 415 855 C 410 885 450 895 485 885 C 490 865 480 855 485 850 Z" fill="#633718" filter="url(#blurTiny)" />
<!-- Left Paw Toes via shadow slits -->
<path d="M 435 860 Q 435 885 430 890" fill="none" stroke="#110501" stroke-width="4" stroke-linecap="round" />
<path d="M 455 865 Q 460 885 465 890" fill="none" stroke="#110501" stroke-width="5" stroke-linecap="round" />
<!-- Right Paw -->
<path d="M 495 855 C 495 885 540 895 565 885 C 570 865 560 855 555 850 Z" fill="#4d2410" filter="url(#blurTiny)" />
<!-- Right Paw Toes -->
<path d="M 515 865 Q 520 885 525 890" fill="none" stroke="#0a0301" stroke-width="4" stroke-linecap="round" />
<path d="M 540 860 Q 545 885 555 890" fill="none" stroke="#0a0301" stroke-width="5" stroke-linecap="round" />
<!-- Paw bright fur highlights -->
<g fill="#df9452" opacity="0.6">
<path d="M 420 855 C 430 870 440 870 435 855 Z" />
<path d="M 445 860 C 455 880 460 870 455 860 Z" />
<path d="M 470 860 C 475 880 480 870 480 855 Z" />
<path d="M 505 855 C 510 870 515 870 510 855 Z" />
<path d="M 525 860 C 530 880 540 870 530 860 Z" />
</g>
<!-- ================= LUSH FUR SHADING (CHEST & RUFF) ================= -->
<!-- Core Chest Oval -->
<ellipse cx="500" cy="460" rx="140" ry="150" fill="url(#chestGrad)" filter="url(#blurSmall)" />
<!-- Deep Chest shadow drop onto front legs -->
<path d="M 460 550 Q 500 580 540 550 C 560 620 530 650 500 660 C 470 650 440 620 460 550 Z" fill="#2d1306" filter="url(#blurMedium)" />
<!-- The "Visible Fur Shading" Array (Beautiful precise overlapping paths simulating lush layered fur tufts) -->
<g filter="url(#blurTiny)">
<!-- Back dark tufts -->
<path d="M 500 480 Q 450 530 400 560 Q 460 550 500 500" fill="#ad5b24" />
<path d="M 500 480 Q 550 530 600 560 Q 540 550 500 500" fill="#874315" />
<path d="M 370 480 Q 340 540 330 600 Q 380 550 390 510 Z" fill="#d98038" />
<path d="M 630 480 Q 660 540 670 600 Q 620 550 610 510 Z" fill="#874315" />
<!-- Midpoint Golden Beige layers -->
<path d="M 500 440 Q 430 490 380 550 Q 440 520 470 470 Z" fill="#df9b5b" />
<path d="M 500 440 Q 570 490 620 550 Q 560 520 530 470 Z" fill="#ba7130" />
<path d="M 460 480 Q 430 530 420 580 Q 460 540 480 490 Z" fill="#e8aa6f" />
<path d="M 540 480 Q 570 530 580 580 Q 540 540 520 490 Z" fill="#c47d3d" />
<!-- Brightest Top White/Cream layers cascading down center -->
<path d="M 500 420 Q 460 490 440 550 Q 480 510 500 470 Z" fill="#fae8d7" />
<path d="M 500 420 Q 540 490 560 550 Q 520 510 500 470 Z" fill="#edcaa8" />
<path d="M 500 450 Q 480 520 470 560 Q 500 520 510 490 Z" fill="#ffffff" />
<path d="M 500 450 Q 520 520 530 560 Q 500 520 490 490 Z" fill="#fae8d7" />
<!-- Small side fringes bridging the neck -->
<path d="M 400 420 Q 350 450 320 500 Q 370 470 410 460 Z" fill="#fae8d7" />
<path d="M 600 420 Q 650 450 680 500 Q 630 470 590 460 Z" fill="#ba7130" />
<path d="M 430 440 Q 390 490 370 540 Q 420 490 450 470 Z" fill="#ffffff" />
<path d="M 570 440 Q 610 490 630 540 Q 580 490 550 470 Z" fill="#e3a776" />
</g>
<!-- Chest Necklaces (Tabby bands across the chest) -->
<g fill="none" stroke="#240c02" stroke-linecap="round" filter="url(#blurSmall)" opacity="0.8">
<path d="M 400 480 C 450 510 550 510 600 480" stroke-width="12" />
<path d="M 420 520 C 470 550 530 550 580 520" stroke-width="10" />
<path d="M 450 560 C 480 580 520 580 550 560" stroke-width="8" />
</g>
<!-- ================= HEAD BASE & CHEEKS ================= -->
<!-- Deep shadow behind head -->
<ellipse cx="500" cy="300" rx="145" ry="120" fill="#240f04" filter="url(#blurMedium)" />
<!-- Base Head Shape -->
<path d="M 500 170 C 580 170 650 220 660 300 C 670 380 580 400 500 400 C 420 400 330 380 340 300 C 350 220 420 170 500 170 Z" fill="url(#bodyLight)" filter="url(#blurTiny)" />
<!-- Dark framing under the cheekbones (Sculpts the face) -->
<path d="M 335 280 C 350 380 430 390 500 400 C 440 380 380 340 335 280 Z" fill="#140602" filter="url(#blurMedium)" opacity="0.7" />
<path d="M 665 280 C 650 380 570 390 500 400 C 560 380 620 340 665 280 Z" fill="#140602" filter="url(#blurMedium)" opacity="0.85" />
<!-- Jawline Fluff outcroppings -->
<g fill="#d98038">
<path d="M 350 300 L 320 310 L 340 330 L 310 340 L 345 355 L 325 375 L 360 375 Z" />
<path d="M 650 300 L 680 310 L 660 330 L 690 340 L 655 355 L 675 375 L 640 375 Z" fill="#a14e1a"/>
</g>
<!-- ================= EARS ================= -->
<!-- Left Ear Background Base -->
<path d="M 440 190 Q 380 180 340 210 Q 300 120 320 70 Q 380 100 440 190 Z" fill="#241006" />
<!-- Left Ear Fleshy Inner -->
<path d="M 430 195 Q 380 190 355 210 Q 325 125 330 85 Q 380 120 430 195 Z" fill="url(#earInner)" />
<!-- Left Ear Outer Fur Rim -->
<path d="M 340 210 Q 300 120 320 70 Q 330 130 360 210 Z" fill="#f7cd99" filter="url(#blurTiny)" />
<!-- Right Ear Background Base -->
<path d="M 560 190 Q 620 180 660 210 Q 700 120 680 70 Q 620 100 560 190 Z" fill="#1f0d04" />
<!-- Right Ear Fleshy Inner -->
<path d="M 570 195 Q 620 190 645 210 Q 675 125 670 85 Q 620 120 570 195 Z" fill="url(#earInner)" />
<!-- Right Ear Outer Fur Rim -->
<path d="M 660 210 Q 700 120 680 70 Q 670 130 640 210 Z" fill="#a15620" filter="url(#blurTiny)" />
<!-- Gorgeous Inner Ear White Tufts overlapping depth -->
<g fill="#fcebe6" opacity="0.85" filter="url(#blurTiny)">
<!-- Left Ear Tufts -->
<path d="M 410 190 Q 350 140 310 160 Q 360 180 400 200 Z" />
<path d="M 415 180 Q 340 110 320 120 Q 360 160 410 190 Z" />
<path d="M 420 175 Q 345 80 330 90 Q 380 140 425 180 Z" />
<path d="M 370 200 Q 310 160 280 190 Q 330 200 365 215 Z" />
<!-- Right Ear Tufts -->
<path d="M 590 190 Q 650 140 690 160 Q 640 180 600 200 Z" />
<path d="M 585 180 Q 660 110 680 120 Q 640 160 590 190 Z" />
<path d="M 580 175 Q 655 80 670 90 Q 620 140 575 180 Z" />
<path d="M 630 200 Q 690 160 720 190 Q 670 200 635 215 Z" />
</g>
<!-- ================= FOREHEAD / TABBY 'M' MARKINGS ================= -->
<!-- Forehead base highlight -->
<ellipse cx="500" cy="220" rx="60" ry="40" fill="#fcca95" filter="url(#blurMedium)" />
<!-- Classic Mackerel M Strokes -->
<g fill="none" stroke="#1f0901" stroke-linecap="round" filter="url(#blurSmall)">
<!-- Center drop -->
<path d="M 500 160 Q 500 220 500 250" stroke-width="8" opacity="0.6"/>
<!-- The Inner V's -->
<path d="M 470 170 Q 480 230 500 260" stroke-width="9" />
<path d="M 530 170 Q 520 230 500 260" stroke-width="9" />
<!-- The Outer V's -->
<path d="M 440 175 Q 465 200 460 240 Q 440 260 420 250" stroke-width="11" />
<path d="M 560 175 Q 535 200 540 240 Q 560 260 580 250" stroke-width="11" />
<!-- Outer curves sweeping to cheeks -->
<path d="M 410 180 Q 420 210 390 230 Q 370 240 360 230" stroke-width="8" />
<path d="M 590 180 Q 580 210 610 230 Q 630 240 640 230" stroke-width="8" />
</g>
<!-- Eye liner tracking away from corners -->
<path d="M 380 255 L 340 245 Q 330 245 320 255" fill="none" stroke="#140602" stroke-width="8" stroke-linecap="round" filter="url(#blurSmall)" />
<path d="M 620 255 L 660 245 Q 670 245 680 255" fill="none" stroke="#140602" stroke-width="8" stroke-linecap="round" filter="url(#blurSmall)" />
<!-- ================= MUZZLE & NOSE ================= -->
<!-- Core Muzzle Glow (Puffs up the snout) -->
<ellipse cx="500" cy="350" rx="90" ry="50" fill="url(#muzzleGrad)" filter="url(#blurTiny)" />
<!-- Lower Chin Tuft -->
<path d="M 470 390 Q 500 420 530 390 Q 500 405 470 390 Z" fill="#ffffff" filter="url(#blurTiny)" />
<path d="M 470 390 C 470 420 530 420 530 390" fill="none" stroke="#1f0a04" stroke-width="4" filter="url(#blurSmall)" />
<!-- Nose Bridge Contour Shading -->
<path d="M 450 260 Q 470 310 485 330 L 450 330 Z" fill="#693011" filter="url(#blurMedium)" opacity="0.6"/>
<path d="M 550 260 Q 530 310 515 330 L 550 330 Z" fill="#4d2109" filter="url(#blurMedium)" opacity="0.7"/>
<path d="M 480 260 L 520 260 L 510 320 L 490 320 Z" fill="#f7ab65" filter="url(#blurSmall)" />
<!-- Leather of the nose -->
<path d="M 482 320 Q 500 315 518 320 Q 525 328 500 345 Q 475 328 482 320 Z" fill="url(#noseGrad)" />
<path d="M 482 320 Q 500 315 518 320 Q 525 328 500 345 Q 475 328 482 320 Z" fill="none" stroke="#1c0703" stroke-width="2" />
<!-- Nostrils -->
<path d="M 488 326 Q 492 332 498 333" fill="none" stroke="#140401" stroke-width="3.5" stroke-linecap="round" />
<path d="M 512 326 Q 508 332 502 333" fill="none" stroke="#140401" stroke-width="3.5" stroke-linecap="round" />
<line x1="500" y1="345" x2="500" y2="365" stroke="#1a0804" stroke-width="3" stroke-linecap="round" />
<!-- Mouth Line -->
<path d="M 500 365 C 480 375 450 370 440 355" fill="none" stroke="#1c0a05" stroke-width="4" stroke-linecap="round" />
<path d="M 500 365 C 520 375 550 370 560 355" fill="none" stroke="#1c0a05" stroke-width="4" stroke-linecap="round" />
<!-- Whisker Follicle Spots (Left & Right via loop-like groupings) -->
<g fill="#210d06" opacity="0.6">
<!-- Left dots -->
<circle cx="455" cy="340" r="1.5" /> <circle cx="445" cy="345" r="2" />
<circle cx="465" cy="348" r="1.5" /> <circle cx="450" cy="353" r="2" />
<circle cx="435" cy="350" r="1" /> <circle cx="475" cy="355" r="1.5" />
<circle cx="460" cy="362" r="1.5" />
<!-- Right dots -->
<circle cx="545" cy="340" r="1.5" /> <circle cx="555" cy="345" r="2" />
<circle cx="535" cy="348" r="1.5" /> <circle cx="550" cy="353" r="2" />
<circle cx="565" cy="350" r="1" /> <circle cx="525" cy="355" r="1.5" />
<circle cx="540" cy="362" r="1.5" />
</g>
<!-- ================= EYES ================= -->
<!-- Left Eye -->
<g>
<!-- Dark deep eyeliner backing -->
<path d="M 375 255 C 390 220 440 230 465 275 C 440 295 390 280 375 255 Z" fill="#0d0401" filter="url(#blurTiny)" />
<!-- Main Sclera / Base Eye shape -->
<path d="M 380 252 C 400 230 445 235 460 273 C 430 285 395 275 380 252 Z" fill="#f5d6c6" />
<!-- Iris -->
<path d="M 395 240 C 430 232 455 255 450 278 C 420 284 395 265 395 240 Z" fill="url(#irisGradLeft)" />
<!-- Radial Spoke Detail (The magic of realistic eyes) -->
<g fill="none" stroke="#d5ff33" stroke-width="4" stroke-dasharray="1 5" opacity="0.5">
<ellipse cx="423" cy="256" rx="14" ry="14" transform="rotate(-15 423 256)" />
<ellipse cx="423" cy="256" rx="10" ry="10" transform="rotate(-15 423 256)" />
</g>
<g fill="none" stroke="#87350c" stroke-width="3" stroke-dasharray="2 4" opacity="0.6">
<ellipse cx="423" cy="256" rx="19" ry="17" />
</g>
<!-- Pupil Slit Wide -->
<path d="M 420 242 Q 430 256 420 270 Q 410 256 420 242 Z" fill="#0a0504" />
<!-- Cast Shadow under Upper Eyelid (Crucial 3D effect) -->
<path d="M 380 252 C 400 230 445 235 460 273 C 445 245 400 240 380 252 Z" fill="#000" opacity="0.6" />
<!-- Eyelid Crisp Outline Rim -->
<path d="M 377 254 C 400 228 448 233 462 274" fill="none" stroke="#0a0402" stroke-width="4" stroke-linecap="round" />
<path d="M 377 254 C 395 277 433 287 462 274" fill="none" stroke="#120603" stroke-width="2.5" stroke-linecap="round" />
<!-- Tear Duct -->
<circle cx="458" cy="272" r="3" fill="#cf7a6b" />
<!-- Catchlights (Window Reflections! Left source) -->
<ellipse cx="410" cy="245" rx="5" ry="3" fill="#ffffff" transform="rotate(-20 410 245)" />
<circle cx="417" cy="250" r="1.5" fill="#ffffff" opacity="0.9" />
</g>
<!-- Right Eye -->
<g>
<!-- Dark deep eyeliner backing -->
<path d="M 625 255 C 610 220 560 230 535 275 C 560 295 610 280 625 255 Z" fill="#0d0401" filter="url(#blurTiny)" />
<!-- Main Sclera / Base Eye shape -->
<path d="M 620 252 C 600 230 555 235 540 273 C 570 285 605 275 620 252 Z" fill="#f5d6c6" />
<!-- Iris -->
<path d="M 605 240 C 570 232 545 255 550 278 C 580 284 605 265 605 240 Z" fill="url(#irisGradRight)" />
<!-- Radial Spoke Detail -->
<g fill="none" stroke="#d5ff33" stroke-width="4" stroke-dasharray="1 5" opacity="0.5">
<ellipse cx="577" cy="256" rx="14" ry="14" transform="rotate(15 577 256)" />
<ellipse cx="577" cy="256" rx="10" ry="10" transform="rotate(15 577 256)" />
</g>
<g fill="none" stroke="#87350c" stroke-width="3" stroke-dasharray="2 4" opacity="0.6">
<ellipse cx="577" cy="256" rx="19" ry="17" />
</g>
<!-- Pupil Slit Wide -->
<path d="M 580 242 Q 570 256 580 270 Q 590 256 580 242 Z" fill="#0a0504" />
<!-- Cast Shadow under Upper Eyelid -->
<path d="M 620 252 C 600 230 555 235 540 273 C 555 245 600 240 620 252 Z" fill="#000" opacity="0.7" />
<!-- Eyelid Crisp Outline Rim -->
<path d="M 623 254 C 600 228 552 233 538 274" fill="none" stroke="#0a0402" stroke-width="4" stroke-linecap="round" />
<path d="M 623 254 C 605 277 567 287 538 274" fill="none" stroke="#120603" stroke-width="2.5" stroke-linecap="round" />
<!-- Tear Duct -->
<circle cx="542" cy="272" r="3" fill="#cf7a6b" />
<!-- Catchlights (Consistently on the left side of pupil) -->
<ellipse cx="560" cy="245" rx="5" ry="3" fill="#ffffff" transform="rotate(-20 560 245)" />
<circle cx="567" cy="250" r="1.5" fill="#ffffff" opacity="0.9" />
</g>
<!-- Light reflective rims below eyes (Illuminates the lower bridge) -->
<path d="M 390 285 Q 430 295 450 280" fill="none" stroke="#ffe0cc" stroke-width="3" filter="url(#blurTiny)" opacity="0.7" />
<path d="M 610 285 Q 570 295 550 280" fill="none" stroke="#cc9566" stroke-width="3" filter="url(#blurTiny)" opacity="0.7" />
<!-- ================= HIGHLIGHT RIM LIGHTING & MASTER SHADING ================= -->
<!-- Left Side Top Light Glow (Simulating window ambient) -->
<path d="M 350 220 C 330 300 340 370 380 440" fill="none" stroke="#fff1e6" stroke-width="12" stroke-linecap="round" filter="url(#blurMedium)" opacity="0.5" />
<path d="M 290 550 C 240 650 250 800 300 840" fill="none" stroke="#fff1e6" stroke-width="18" stroke-linecap="round" filter="url(#blurLarge)" opacity="0.3" />
<path d="M 330 200 C 320 150 320 80 325 75" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" filter="url(#blurTiny)" opacity="0.6" />
<!-- Subtle vignette darkening the base and paws -->
<rect x="0" y="800" width="1000" height="200" fill="url(#shadowGrad)" opacity="0.3" pointer-events="none"/>
<!-- ================= WHISKERS AND EYEBROWS ================= -->
<!-- Muzzle Whiskers Shadow Layer (Drop shadow increases realism exponentially) -->
<use href="#whiskerSetLeft" x="1" y="3" stroke="#000" stroke-width="2" stroke-linecap="round" opacity="0.4" fill="none" filter="url(#blurTiny)" />
<use href="#whiskerSetRight" x="1" y="3" stroke="#000" stroke-width="2" stroke-linecap="round" opacity="0.4" fill="none" filter="url(#blurTiny)" />
<!-- Muzzle Whiskers Crisp White Layer -->
<g stroke="#ffffff" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.85">
<use href="#whiskerSetLeft" />
<use href="#whiskerSetRight" />
<!-- Extra ultra-thin stray whiskers -->
<path d="M 465 330 Q 300 250 200 240" stroke-width="1" opacity="0.6" />
<path d="M 465 370 Q 340 430 270 510" stroke-width="1.5" opacity="0.5" />
<path d="M 535 330 Q 700 250 800 240" stroke-width="1" opacity="0.6" />
<path d="M 535 370 Q 660 430 730 510" stroke-width="1.5" opacity="0.5" />
</g>
<!-- Eyebrow "Antenna" Whiskers -->
<g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" opacity="0.75" filter="url(#blurTiny)">
<path d="M 400 200 Q 330 110 250 120" />
<path d="M 410 195 Q 360 80 290 80" />
<path d="M 420 190 Q 390 100 350 70" />
<path d="M 600 200 Q 670 110 750 120" />
<path d="M 590 195 Q 640 80 710 80" />
<path d="M 580 190 Q 610 100 650 70" />
</g>
</svg>action
“Draw a cat riding a bicycle as an SVG.”
action #19.0✕ CLOSE
Gemini 3.1 Pro · action · attempt 1 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
<defs>
<!-- Wheel Spoke Component -->
<g id="spoke">
<line x1="-76" y1="0" x2="76" y2="0" stroke="#8D99AE" stroke-width="2"/>
</g>
<!-- Full Wheel Component -->
<g id="wheel">
<!-- Tire Drop Shadow -->
<circle cx="0" cy="4" r="85" fill="none" stroke="#EAE2B7" stroke-width="16" opacity="0.3"/>
<!-- Main Tire -->
<circle cx="0" cy="0" r="85" fill="none" stroke="#2B2D42" stroke-width="16"/>
<!-- White-wall Accent -->
<circle cx="0" cy="0" r="77" fill="none" stroke="#F8F9FA" stroke-width="3"/>
<!-- Inner Rim -->
<circle cx="0" cy="0" r="72" fill="none" stroke="#A8DADC" stroke-width="8"/>
<!-- Rim Gloss -->
<circle cx="0" cy="0" r="69" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.5"/>
<!-- Spokes -->
<use href="#spoke" transform="rotate(0)" />
<use href="#spoke" transform="rotate(30)" />
<use href="#spoke" transform="rotate(60)" />
<use href="#spoke" transform="rotate(90)" />
<use href="#spoke" transform="rotate(120)" />
<use href="#spoke" transform="rotate(150)" />
<!-- Center Hub -->
<circle cx="0" cy="0" r="12" fill="#1D3557"/>
<circle cx="0" cy="0" r="4" fill="#FFFFFF" opacity="0.6"/>
</g>
</defs>
<!-- Sky Background -->
<rect width="100%" height="100%" fill="#FDFCDC" />
<!-- Giant Setting Sun -->
<circle cx="400" cy="300" r="260" fill="#FFECB3" opacity="0.6"/>
<circle cx="400" cy="300" r="210" fill="#FFE082" opacity="0.8"/>
<!-- Sparkles / Magic Motif -->
<g fill="#FFE082">
<path d="M 680 120 Q 680 140 700 140 Q 680 140 680 160 Q 680 140 660 140 Q 680 140 680 120 Z" />
<path d="M 120 100 Q 120 110 130 110 Q 120 110 120 120 Q 120 110 110 110 Q 120 110 120 100 Z" />
<path d="M 620 60 Q 620 75 635 75 Q 620 75 620 90 Q 620 75 605 75 Q 620 75 620 60 Z" />
</g>
<!-- Floor Shadows -->
<ellipse cx="400" cy="515" rx="360" ry="16" fill="#EAE2B7" opacity="0.8" />
<ellipse cx="240" cy="513" rx="60" ry="6" fill="#D4C8A6" />
<ellipse cx="560" cy="513" rx="60" ry="6" fill="#D4C8A6" />
<!-- Speed Lines / Wind Details -->
<path d="M 620 480 L 700 480 M 670 450 L 740 450 M 50 350 L 150 350 M 80 320 L 120 320 M 100 200 L 250 200 M 680 250 L 760 250 M 30 160 L 90 160" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" opacity="0.7"/>
<!-- Trailing Dust Clouds behind bicycle -->
<g fill="#FFFFFF" opacity="0.85">
<circle cx="100" cy="495" r="16"/>
<circle cx="130" cy="485" r="22"/>
<circle cx="160" cy="495" r="14"/>
<circle cx="180" cy="505" r="8"/>
<rect x="95" y="490" width="80" height="20" rx="10"/>
<circle cx="40" cy="500" r="12" opacity="0.6"/>
<circle cx="60" cy="495" r="14" opacity="0.6"/>
<rect x="35" y="498" width="30" height="12" rx="6" opacity="0.6"/>
</g>
<!-- LEFT LAYER (Background elements of cat and bike) -->
<!-- Left Background Arm -->
<path d="M 395 135 Q 420 160 445 205" fill="none" stroke="#E76F51" stroke-width="16" stroke-linecap="round"/>
<circle cx="446" cy="204" r="8" fill="#FFF3B0"/>
<!-- Left Background Back Leg -->
<ellipse cx="320" cy="245" rx="28" ry="40" transform="rotate(-20 320 245)" fill="#E76F51"/>
<!-- Left Shank -->
<path d="M 330 280 L 350 384" fill="none" stroke="#E76F51" stroke-width="13" stroke-linecap="round"/>
<!-- Left Paw -->
<path d="M 342 382 L 365 382 A 6 6 0 0 1 365 394 L 342 394 Z" fill="#FFF3B0"/>
<!-- Left Background Pedal & Crank -->
<line x1="380" y1="420" x2="350" y2="385" stroke="#8D99AE" stroke-width="8" stroke-linecap="round"/>
<line x1="340" y1="385" x2="360" y2="385" stroke="#1D3557" stroke-width="14" stroke-linecap="round"/>
<!-- MIDDLE LAYER: BICYCLE BASE -->
<!-- Rear Wheel -->
<use href="#wheel" x="240" y="420" />
<!-- Front Wheel -->
<use href="#wheel" x="560" y="420" />
<!-- Bicycle Frame (Bright Coral Red) -->
<g stroke="#FF6B6B" stroke-width="16" stroke-linecap="round" stroke-linejoin="round">
<!-- Chainstay -->
<line x1="240" y1="420" x2="380" y2="420"/>
<!-- Seatstay -->
<line x1="240" y1="420" x2="340" y2="250"/>
<!-- Seat Tube -->
<line x1="380" y1="420" x2="340" y2="250"/>
<!-- Down Tube -->
<line x1="380" y1="420" x2="520" y2="290"/>
<!-- Top Tube -->
<line x1="340" y1="250" x2="510" y2="250"/>
<!-- Head Tube -->
<line x1="508" y1="245" x2="522" y2="295"/>
<!-- Fork with classic gentle curve -->
<path d="M 520 290 Q 545 360 560 420" fill="none"/>
</g>
<!-- Frame Join Caps / Shells to smooth out corners -->
<circle cx="340" cy="250" r="8" fill="#FF6B6B"/>
<circle cx="380" cy="420" r="16" fill="#FF6B6B"/>
<circle cx="510" cy="250" r="8" fill="#FF6B6B"/>
<circle cx="520" cy="290" r="8" fill="#FF6B6B"/>
<!-- Highlights for the Bike Frame to pop -->
<line x1="360" y1="246" x2="490" y2="246" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" opacity="0.4"/>
<line x1="390" y1="410" x2="510" y2="295" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" opacity="0.4"/>
<!-- Seatpost & Saddle -->
<line x1="340" y1="250" x2="325" y2="200" stroke="#8D99AE" stroke-width="12" stroke-linecap="round"/>
<path d="M 315 195 C 345 195 375 200 370 215 C 370 225 320 220 295 215 C 285 210 285 198 315 195 Z" fill="#1D3557"/>
<!-- Handlebar Stem & Bar -->
<line x1="510" y1="250" x2="500" y2="210" stroke="#8D99AE" stroke-width="12" stroke-linecap="round"/>
<path d="M 500 210 Q 480 195 440 214" fill="none" stroke="#8D99AE" stroke-width="12" stroke-linecap="round"/>
<!-- Navy Grips -->
<line x1="465" y1="205" x2="435" y2="217" stroke="#1D3557" stroke-width="16" stroke-linecap="round"/>
<!-- Handlebar Bell -->
<path d="M 465 212 C 465 195, 495 195, 495 212 Z" fill="#FFD166"/>
<circle cx="480" cy="190" r="4" fill="#FFD166"/>
<line x1="492" y1="205" x2="502" y2="198" stroke="#8D99AE" stroke-width="3" stroke-linecap="round"/>
<circle cx="504" cy="196" r="3" fill="#1D3557"/>
<!-- Main Front Gear & Chain -->
<!-- Chain loops -->
<path d="M 240 405 A 15 15 0 0 0 240 435 M 380 392 A 28 28 0 0 1 380 448" fill="none" stroke="#4A4E69" stroke-width="4"/>
<path d="M 240 405 L 380 392 M 240 435 L 380 448" stroke="#4A4E69" stroke-width="4"/>
<!-- Chainring Edge -->
<circle cx="380" cy="420" r="28" fill="none" stroke="#1D3557" stroke-width="6"/>
<!-- Chainring Internal Star Detail -->
<path d="M 380 395 L 380 445 M 355 420 L 405 420" stroke="#1D3557" stroke-width="4"/>
<circle cx="380" cy="420" r="6" fill="#8D99AE"/>
<!-- HERO LAYER: THE RIDING CAT -->
<!-- Giant Fluffy Tail -->
<path id="tail" d="M 300 185 C 220 180, 140 260, 80 190 Q 50 150, 70 110" fill="none" stroke="#F4A261" stroke-width="26" stroke-linecap="round"/>
<!-- Tail Stripes overlay (awesome dynamic look!) -->
<use href="#tail" stroke="#E76F51" stroke-dasharray="14, 26" />
<!-- Cat Scarf Background Tails Blowing in Wind -->
<path id="s1" d="M 410 120 Q 320 120 250 80 T 120 60" fill="none" stroke="#00B4D8" stroke-width="18" stroke-linecap="round"/>
<use href="#s1" stroke="#03045E" stroke-dasharray="14, 28"/>
<path id="s2" d="M 405 125 Q 350 160 280 140 T 150 150" fill="none" stroke="#0096C7" stroke-width="14" stroke-linecap="round"/>
<use href="#s2" stroke="#03045E" stroke-dasharray="10, 20"/>
<!-- Cat Main Body Over the Frame -->
<path d="M 290 190 Q 280 80 390 100 Q 425 105 430 140 Q 400 210 290 190 Z" fill="#F4A261"/>
<!-- Pale Belly Block underneath -->
<path d="M 315 200 C 350 195, 390 160, 420 135 C 410 170, 380 205, 315 200 Z" fill="#FFF3B0"/>
<!-- Tabby Back Stripes -->
<path d="M 315 125 Q 325 140 345 135 M 335 110 Q 350 130 370 120 M 355 102 Q 370 120 390 110 M 375 100 Q 390 115 405 108" fill="none" stroke="#E76F51" stroke-width="6" stroke-linecap="round"/>
<!-- Right Foreground Thigh -->
<ellipse cx="340" cy="235" rx="35" ry="48" transform="rotate(-30 340 235)" fill="#F4A261"/>
<!-- Thigh Stripes -->
<path d="M 320 205 L 343 218 M 310 218 L 338 232 M 310 234 L 335 245" stroke="#E76F51" stroke-width="5" stroke-linecap="round"/>
<!-- Right Leg Shank down to pedal -->
<path d="M 355 270 L 404 440" fill="none" stroke="#F4A261" stroke-width="18" stroke-linecap="round"/>
<path d="M 388 440 L 418 440 A 8 8 0 0 1 418 455 L 388 455 Z" fill="#FFF3B0"/>
<!-- Right Foreground Arm -->
<path d="M 400 135 Q 425 175 444 214" fill="none" stroke="#F4A261" stroke-width="18" stroke-linecap="round"/>
<path d="M 414 158 L 430 148 M 424 176 L 440 166" stroke="#E76F51" stroke-width="5" stroke-linecap="round"/>
<!-- Front Paw overlapping handle -->
<circle cx="444" cy="214" r="10" fill="#FFF3B0"/>
<!-- Right Foreground Pedal & Crank Base (Foot overlaps part of it, this overlaps remainder) -->
<!-- Front Crank -->
<line x1="380" y1="420" x2="410" y2="455" stroke="#8D99AE" stroke-width="8" stroke-linecap="round"/>
<!-- Front Pedal sitting strictly on the outside of foot -->
<line x1="400" y1="455" x2="420" y2="455" stroke="#1D3557" stroke-width="12" stroke-linecap="round"/>
<!-- Cat Neck Scarf Wrap -->
<path d="M 386 118 C 400 135 435 140 445 125 C 435 110 395 100 386 118 Z" fill="#00B4D8"/>
<!-- Little scarf highlight -->
<path d="M 395 122 Q 420 132 435 120" fill="none" stroke="#CAF0F8" stroke-width="3" stroke-linecap="round"/>
<!-- Cat Head Elements -->
<!-- Left Ear (Back) -->
<polygon points="390,75 405,35 425,70" fill="#E76F51" stroke="#E76F51" stroke-linejoin="round" stroke-width="4"/>
<!-- Base Head Shape -->
<path d="M 400 120 C 380 90, 400 60, 425 60 C 445 60, 460 75, 460 95 C 460 105, 455 115, 440 125 L 420 130 Z" fill="#F4A261"/>
<!-- Forehead Tabby M Stripes -->
<path d="M 410 65 L 415 80 M 425 62 L 425 78 M 440 68 L 435 80" stroke="#E76F51" stroke-width="4" stroke-linecap="round"/>
<!-- Snout White Block -->
<path d="M 445 95 C 465 95, 465 115, 445 120 C 430 120, 425 110, 425 100 C 425 95, 435 95, 445 95 Z" fill="#FFF3B0"/>
<!-- Pink Cheeks Blushing in the wind -->
<ellipse cx="435" cy="103" rx="7" ry="4" fill="#FF8FA3" opacity="0.6"/>
<!-- Eye & Eyebrow -->
<path d="M 432 88 Q 442 84 450 92" fill="none" stroke="#1D3557" stroke-width="4" stroke-linecap="round"/>
<path d="M 430 78 Q 440 76 448 82" fill="none" stroke="#E76F51" stroke-width="3" stroke-linecap="round"/>
<!-- Happy Little Nose & Mouth -->
<circle cx="458" cy="100" r="4" fill="#F08080"/>
<path d="M 458 103 Q 450 108 442 105" fill="none" stroke="#1D3557" stroke-width="2" stroke-linecap="round"/>
<path d="M 452 106 Q 448 116 442 110 Z" fill="#FF8FA3"/>
<!-- Long Sweeping Whiskers -->
<path d="M 450 100 Q 470 105 485 100 M 445 105 Q 465 110 480 110 M 442 110 Q 460 120 475 120" fill="none" stroke="#2B2D42" stroke-width="2" stroke-linecap="round"/>
<!-- Right Ear (Front) -->
<polygon points="410,65 425,20 445,65" fill="#F4A261" stroke="#F4A261" stroke-linejoin="round" stroke-width="4"/>
<!-- Pink Inner Ear details -->
<polygon points="418,62 425,30 435,62" fill="#FAD2E1"/>
<!-- FOREGROUND PROPS (Basket) -->
<!-- Basket Mounts connecting correctly to Headtube -->
<line x1="518" y1="245" x2="545" y2="245" stroke="#8D99AE" stroke-width="4" stroke-linecap="round"/>
<line x1="510" y1="250" x2="525" y2="235" stroke="#8D99AE" stroke-width="4" stroke-linecap="round"/>
<!-- Woven Front Basket -->
<rect x="525" y="210" width="45" height="35" rx="4" fill="#E29578" stroke="#D4A373" stroke-width="4"/>
<path d="M 525 222 L 570 222 M 525 233 L 570 233 M 540 210 L 540 245 M 555 210 L 555 245" stroke="#FFDDD2" stroke-width="3" stroke-linecap="round"/>
<!-- Dynamic Flowers popping out of basket -->
<!-- Stems -->
<path d="M 545 210 Q 550 180 565 190 M 535 210 L 530 185" fill="none" stroke="#2DC653" stroke-width="4" stroke-linecap="round"/>
<!-- Leaves -->
<path d="M 535 200 Q 525 195 530 190 Q 535 195 535 200" fill="#2DC653"/>
<!-- Pink Blossom Left -->
<g transform="translate(530, 185) rotate(-15)">
<circle cx="0" cy="-6" r="6" fill="#FFB5A7"/>
<circle cx="0" cy="6" r="6" fill="#FFB5A7"/>
<circle cx="-6" cy="0" r="6" fill="#FFB5A7"/>
<circle cx="6" cy="0" r="6" fill="#FFB5A7"/>
<circle cx="0" cy="0" r="4" fill="#FFF3B0"/>
</g>
<!-- Yellow Blossom Right -->
<g transform="translate(565, 190) scale(0.9) rotate(25)">
<circle cx="0" cy="-6" r="5" fill="#FFD166"/>
<circle cx="0" cy="6" r="5" fill="#FFD166"/>
<circle cx="-6" cy="0" r="5" fill="#FFD166"/>
<circle cx="6" cy="0" r="5" fill="#FFD166"/>
<circle cx="4" cy="-4" r="5" fill="#FFD166"/>
<circle cx="-4" cy="-4" r="5" fill="#FFD166"/>
<circle cx="4" cy="4" r="5" fill="#FFD166"/>
<circle cx="-4" cy="4" r="5" fill="#FFD166"/>
<circle cx="0" cy="0" r="4" fill="#E76F51"/>
</g>
</svg>
action #29.0✕ CLOSE
Gemini 3.1 Pro · action · attempt 2 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
<defs>
<!-- Reusable Wheel Spokes and Rim -->
<g id="spokes">
<line x1="0" y1="-72" x2="0" y2="72" stroke="#8D99AE" stroke-width="2"/>
<line x1="-72" y1="0" x2="72" y2="0" stroke="#8D99AE" stroke-width="2"/>
<line x1="-51" y1="-51" x2="51" y2="51" stroke="#8D99AE" stroke-width="2"/>
<line x1="-51" y1="51" x2="51" y2="-51" stroke="#8D99AE" stroke-width="2"/>
<line x1="-27" y1="-67" x2="27" y2="67" stroke="#8D99AE" stroke-width="2"/>
<line x1="27" y1="-67" x2="-27" y2="67" stroke="#8D99AE" stroke-width="2"/>
<line x1="-67" y1="-27" x2="67" y2="27" stroke="#8D99AE" stroke-width="2"/>
<line x1="-67" y1="27" x2="67" y2="-27" stroke="#8D99AE" stroke-width="2"/>
</g>
<!-- Reusable Complete Wheel -->
<g id="wheel">
<use href="#spokes" />
<circle cx="0" cy="0" r="85" fill="none" stroke="#2B2D42" stroke-width="22" />
<circle cx="0" cy="0" r="74" fill="none" stroke="#FFFFFF" stroke-width="4" />
<circle cx="0" cy="0" r="72" fill="none" stroke="#E5E5E5" stroke-width="6" />
<circle cx="0" cy="0" r="10" fill="#E63946" />
<path d="M 60 -40 A 72 72 0 0 1 70 20" stroke="#FFFFFF" stroke-width="4" fill="none" stroke-linecap="round" />
<path d="M -60 40 A 72 72 0 0 1 -70 -20" stroke="#FFFFFF" stroke-width="4" fill="none" stroke-linecap="round" />
</g>
<!-- Reusable Stylized Cloud -->
<g id="cloud" fill="#FFFFFF">
<circle cx="50" cy="0" r="30" />
<circle cx="90" cy="10" r="25" />
<circle cx="10" cy="10" r="20" />
<rect x="10" y="-10" width="80" height="40" rx="20" />
</g>
</defs>
<!-- Sky Background -->
<rect x="0" y="0" width="800" height="600" fill="#E8F4F8" />
<!-- Sun -->
<circle cx="650" cy="150" r="80" fill="#FFD166" opacity="0.9" />
<!-- Background Clouds -->
<use href="#cloud" x="100" y="100" opacity="0.8" transform="scale(1.2)" />
<use href="#cloud" x="400" y="50" opacity="0.6" transform="scale(0.8)" />
<use href="#cloud" x="650" y="200" opacity="0.7" transform="scale(0.9)" />
<!-- Background Motion Sparks & Wind Lines -->
<g stroke="#FFFFFF" stroke-width="5" stroke-linecap="round" opacity="0.7">
<line x1="750" y1="200" x2="600" y2="200" />
<line x1="250" y1="120" x2="100" y2="120" />
<line x1="850" y1="400" x2="650" y2="400" />
</g>
<!-- Ground Layer -->
<path d="M 0 540 L 800 540 L 800 600 L 0 600 Z" fill="#2A9D8F" />
<!-- Ground Shadow under Bicycle -->
<ellipse cx="425" cy="540" rx="240" ry="12" fill="#155D54" opacity="0.6" />
<!-- Dust / Motion Puffs Trailing Behind -->
<circle cx="150" cy="530" r="15" fill="#FFFFFF" opacity="0.8" />
<circle cx="120" cy="520" r="11" fill="#FFFFFF" opacity="0.6" />
<circle cx="90" cy="535" r="7" fill="#FFFFFF" opacity="0.4" />
<!-- CAT BACKGROUND LAYER -->
<!-- Secondary Tail of the Scarf -->
<path d="M 435 185 C 380 220, 270 170, 200 180" stroke="#E9C46A" stroke-width="16" stroke-linecap="round" fill="none" />
<!-- Left Leg (Background Leg) -->
<path d="M 350 255 L 370 320 L 380 415" stroke="#E76F51" stroke-width="40" stroke-linecap="round" stroke-linejoin="round" fill="none" />
<line x1="375" y1="375" x2="380" y2="415" stroke="#FFF3B0" stroke-width="40" stroke-linecap="round" />
<!-- Left Arm (Background Arm) -->
<path d="M 440 220 C 470 240, 490 240, 520 230" stroke="#E76F51" stroke-width="26" stroke-linecap="round" fill="none" />
<path d="M 505 235 L 530 232" stroke="#FFF3B0" stroke-width="26" stroke-linecap="round" fill="none" />
<!-- BICYCLE LAYER -->
<!-- Left Pedal & Crank -->
<rect x="360" y="405" width="25" height="15" rx="5" fill="#2B2D42" />
<line x1="400" y1="450" x2="375" y2="412" stroke="#4A4E69" stroke-width="8" stroke-linecap="round" />
<!-- Back and Front Wheels -->
<use href="#wheel" x="250" y="450" />
<use href="#wheel" x="600" y="450" />
<!-- Bike Frame Diamond Geometry -->
<path d="M 250 450 L 400 450 L 340 280 L 250 450 Z M 400 450 L 550 280 L 340 280" fill="none" stroke="#EF233C" stroke-width="14" stroke-linecap="round" stroke-linejoin="round" />
<!-- Front Fork -->
<line x1="550" y1="280" x2="600" y2="450" stroke="#D90429" stroke-width="14" stroke-linecap="round" />
<!-- Head Tube Accent -->
<line x1="545" y1="265" x2="555" y2="295" stroke="#EF233C" stroke-width="16" stroke-linecap="round" />
<!-- Seat Post and Seat -->
<line x1="340" y1="280" x2="335" y2="245" stroke="#8D99AE" stroke-width="8" stroke-linecap="round" />
<path d="M 310 240 Q 330 235 360 240 L 360 248 L 310 248 Z" fill="#2B2D42" />
<!-- Handlebars -->
<line x1="550" y1="280" x2="550" y2="245" stroke="#8D99AE" stroke-width="8" stroke-linecap="round" />
<path d="M 515 245 C 530 245, 550 245, 560 245" fill="none" stroke="#8D99AE" stroke-width="8" stroke-linecap="round" />
<!-- Right Grip -->
<line x1="525" y1="245" x2="540" y2="245" stroke="#2B2D42" stroke-width="14" stroke-linecap="round" />
<!-- Drivetrain, Chain, Derailleur -->
<path d="M 250 435 L 400 425 C 415 425, 425 435, 425 450 C 425 465, 415 475, 400 475 L 250 465 C 240 465, 235 455, 235 450 C 235 440, 240 435, 250 435 Z" fill="none" stroke="#2B2D42" stroke-width="4" stroke-linejoin="round" />
<circle cx="400" cy="450" r="24" fill="none" stroke="#8D99AE" stroke-width="6" />
<circle cx="250" cy="450" r="14" fill="#6C757D" />
<!-- Right Pedal & Crank -->
<line x1="400" y1="450" x2="425" y2="488" stroke="#4A4E69" stroke-width="8" stroke-linecap="round" />
<rect x="415" y="480" width="25" height="15" rx="5" fill="#2B2D42" />
<!-- Bottom Bracket Bolt -->
<circle cx="400" cy="450" r="5" fill="#4A4E69" />
<!-- CAT FOREGROUND LAYER -->
<!-- Cat Tail Base & Stripes -->
<path d="M 320 250 C 250 260, 180 200, 140 150 C 110 110, 160 50, 200 80 C 230 100, 210 140, 180 160" stroke="#F4A261" stroke-width="36" stroke-linecap="round" fill="none" />
<path d="M 320 250 C 250 260, 180 200, 140 150 C 110 110, 160 50, 200 80 C 230 100, 210 140, 180 160" stroke="#E76F51" stroke-width="36" stroke-linecap="round" stroke-dasharray="10 32" stroke-dashoffset="15" fill="none" />
<!-- Cat Torso & Belly -->
<path d="M 320 250 C 310 160, 410 170, 440 220 C 450 260, 410 300, 350 270 C 330 265, 310 260, 320 250 Z" fill="#F4A261" />
<path d="M 390 275 C 410 265, 435 240, 430 210 C 420 200, 400 220, 380 245 C 370 255, 380 270, 390 275 Z" fill="#FFF3B0" />
<!-- Tiger Stripes on Back -->
<path d="M 335 195 Q 355 210 345 225 M 365 185 Q 380 210 370 235 M 395 190 Q 405 210 395 235 M 420 200 Q 425 215 415 230" fill="none" stroke="#E76F51" stroke-width="6" stroke-linecap="round" />
<!-- Right Leg (Foreground Leg) -->
<path d="M 335 260 L 400 340 L 425 486" stroke="#F4A261" stroke-width="42" stroke-linecap="round" stroke-linejoin="round" fill="none" />
<line x1="412" y1="420" x2="425" y2="486" stroke="#FFF3B0" stroke-width="42" stroke-linecap="round" />
<line x1="432" y1="480" x2="440" y2="495" stroke="#E76F51" stroke-width="3" stroke-linecap="round" />
<line x1="422" y1="482" x2="430" y2="498" stroke="#E76F51" stroke-width="3" stroke-linecap="round" />
<!-- Right Arm (Foreground Arm) -->
<path d="M 425 230 Q 470 280 535 245" stroke="#F4A261" stroke-width="30" stroke-linecap="round" fill="none" />
<!-- Mitten Paw overlaying the Handlebar -->
<path d="M 515 257 Q 530 245 545 245" stroke="#FFF3B0" stroke-width="30" stroke-linecap="round" fill="none" />
<!-- Cat Head -->
<g id="cat-head">
<!-- Left Ear -->
<polygon points="410,135 415,75 450,125" fill="#E76F51" />
<polygon points="418,125 422,88 442,122" fill="#FFA5A5" />
<!-- Main Head Shape -->
<ellipse cx="460" cy="165" rx="55" ry="45" fill="#F4A261" />
<!-- Right Ear -->
<polygon points="470,125 505,75 505,140" fill="#F4A261" />
<polygon points="478,123 498,90 498,132" fill="#FFA5A5" />
<!-- Cheek Tufts (Windblown effect) -->
<path d="M 405 165 L 385 175 L 413 185 L 390 195 L 420 200" fill="none" stroke="#F4A261" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
<!-- Snout & Mouth -->
<ellipse cx="495" cy="175" rx="25" ry="18" fill="#FFF3B0" />
<path d="M 495 185 C 500 190, 505 190, 510 185" fill="none" stroke="#2B2D42" stroke-width="2" stroke-linecap="round" />
<circle cx="510" cy="170" r="6" fill="#FFB5A7" />
<!-- Eyes with Catchlights -->
<circle cx="484" cy="155" r="5" fill="#2B2D42" />
<circle cx="485.5" cy="153" r="1.5" fill="#FFFFFF" />
<circle cx="448" cy="155" r="5" fill="#2B2D42" />
<circle cx="449.5" cy="153" r="1.5" fill="#FFFFFF" />
<!-- Forehead Orange Stripes -->
<path d="M 450 120 L 460 140 L 470 120 M 470 122 L 475 142 L 485 125 M 435 125 L 445 142 L 450 122" fill="none" stroke="#E76F51" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
<!-- High-Speed Whiskers Blown Backwards -->
<path d="M 470 170 Q 430 180 410 190 M 475 160 Q 440 170 420 175 M 475 180 Q 430 200 415 210" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" />
</g>
<!-- Flowing Yellow Aviator Scarf -->
<!-- Primary Trailing Tail -->
<path d="M 445 195 C 400 240, 250 205, 180 235" stroke="#F4D03F" stroke-width="20" stroke-linecap="round" fill="none" />
<path d="M 445 195 C 400 240, 250 205, 180 235" stroke="#E9C46A" stroke-width="20" stroke-linecap="round" stroke-dasharray="15 30" fill="none" />
<!-- Around the Neck Wrap -->
<path d="M 425 178 C 440 188, 470 188, 455 208 C 440 218, 415 193, 425 178 Z" fill="#F4D03F" />
<path d="M 432 182 L 448 200 M 442 182 L 452 195" fill="none" stroke="#E9C46A" stroke-width="4" stroke-linecap="round" />
<!-- Foreground Motion Blur Lines over Composition -->
<g stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" opacity="0.9">
<line x1="780" y1="350" x2="620" y2="350" />
<line x1="570" y1="350" x2="520" y2="350" />
<line x1="180" y1="280" x2="80" y2="280" />
</g>
</svg>
action #39.0✕ CLOSE
Gemini 3.1 Pro · action · attempt 3 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
<defs>
<!-- Gradients -->
<linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#FFFBF9"/>
<stop offset="100%" stop-color="#F2E8E6"/>
</linearGradient>
<linearGradient id="catBody" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FF9F1C"/>
<stop offset="100%" stop-color="#F77F00"/>
</linearGradient>
<linearGradient id="catDark" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#E85D04"/>
<stop offset="100%" stop-color="#DC2F02"/>
</linearGradient>
<linearGradient id="bikeTeal" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#00B4D8"/>
<stop offset="100%" stop-color="#0077B6"/>
</linearGradient>
<!-- Reusable Wheel Definition -->
<g id="wheel">
<!-- Tire Outer Edge -->
<circle cx="0" cy="0" r="110" fill="none" class="tire" stroke="#2B2D42" stroke-width="15"/>
<!-- Tire Inner Trim -->
<circle cx="0" cy="0" r="102" fill="none" class="tire-trim" stroke="#1A1C29" stroke-width="2"/>
<!-- Rim -->
<circle cx="0" cy="0" r="99" fill="none" class="rim-outer" stroke="#8D99AE" stroke-width="4"/>
<circle cx="0" cy="0" r="92" fill="none" class="rim-inner" stroke="#ADB5BD" stroke-width="4"/>
<!-- Spokes -->
<g stroke="#CED4DA" stroke-width="2" stroke-linecap="round">
<line x1="-92" y1="0" x2="92" y2="0"/>
<line x1="0" y1="-92" x2="0" y2="92"/>
<line x1="-65" y1="-65" x2="65" y2="65"/>
<line x1="-65" y1="65" x2="65" y2="-65"/>
<line x1="-85" y1="-35" x2="85" y2="35"/>
<line x1="-85" y1="35" x2="85" y2="-35"/>
<line x1="-35" y1="-85" x2="35" y2="85"/>
<line x1="-35" y1="85" x2="35" y2="-85"/>
</g>
<!-- Central Hub -->
<circle cx="0" cy="0" r="14" fill="#2B2D42"/>
<circle cx="0" cy="0" r="6" fill="#D3D3D3"/>
</g>
</defs>
<!-- Background -->
<rect width="100%" height="100%" fill="url(#skyGrad)"/>
<!-- Speed/Wind Lines -->
<g stroke="#E3DADA" stroke-width="4" stroke-linecap="round">
<line x1="200" y1="380" x2="60" y2="380"/>
<line x1="140" y1="480" x2="30" y2="480"/>
<line x1="750" y1="500" x2="660" y2="500"/>
<line x1="780" y1="280" x2="710" y2="280"/>
<line x1="120" y1="250" x2="80" y2="250"/>
</g>
<!-- Ground Shadow -->
<ellipse cx="400" cy="545" rx="300" ry="16" fill="#DED0CD" opacity="0.8"/>
<ellipse cx="400" cy="545" rx="150" ry="8" fill="#C5B3B0" opacity="0.6"/>
<!-- ==================== BACK LAYER ==================== -->
<!-- Left Wheel (Back) -->
<g transform="translate(230, 430)">
<use href="#wheel"/>
</g>
<!-- Left Crank & Pedal (Back Side) -->
<g id="left-drivetrain">
<!-- Rear Axle Bolt -->
<circle cx="230" cy="430" r="8" fill="#2B2D42"/>
<!-- Crank Arm -->
<line x1="370" y1="430" x2="345" y2="385" stroke="#7F8C8D" stroke-width="10" stroke-linecap="round"/>
<!-- Pedal -->
<rect x="330" y="380" width="30" height="10" rx="4" fill="#2B2D42" transform="rotate(-15, 345, 385)"/>
</g>
<!-- Cat Left Leg (Pedaling back side) -->
<g id="cat-left-leg">
<path d="M 315 260 Q 345 300 345 340 L 340 385" fill="none" stroke="url(#catDark)" stroke-width="24" stroke-linecap="round"/>
<ellipse cx="340" cy="385" rx="14" ry="10" fill="#FFFFFF" transform="rotate(-15, 340, 385)"/>
</g>
<!-- Cat Left Arm (Reaching forward) -->
<g id="cat-left-arm">
<path d="M 380 150 C 400 160, 420 190, 450 210" fill="none" stroke="url(#catDark)" stroke-width="22" stroke-linecap="round"/>
<circle cx="450" cy="210" r="11" fill="#FFFFFF"/>
</g>
<!-- Cat Tail -->
<g id="cat-tail">
<!-- Thick Base Tail -->
<path d="M 285 240 C 200 245, 130 180, 140 100 C 145 50, 180 50, 210 90 C 240 130, 210 170, 260 200 C 275 210, 290 220, 305 230"
fill="none" stroke="url(#catBody)" stroke-width="32" stroke-linecap="round"/>
<!-- Tail Stripes via dasharray magical hack -->
<path d="M 285 240 C 200 245, 130 180, 140 100 C 145 50, 180 50, 210 90 C 240 130, 210 170, 260 200 C 275 210, 290 220, 305 230"
fill="none" stroke="#D65A31" stroke-width="32" stroke-linecap="round" stroke-dasharray="10 32" stroke-dashoffset="15"/>
</g>
<!-- ==================== BIKE FRAME ==================== -->
<g id="bicycle-frame-back" stroke-linecap="round" stroke-linejoin="round" fill="none">
<!-- Main structural path (Chainstay, Downtube, Headtube, Toptube, Seatstay) -->
<g>
<!-- 3D Shadow -->
<path d="M230,430 L370,430 L480,310 L450,250 L310,270 Z" stroke="#0077B6" stroke-width="18" transform="translate(0, 4)"/>
<!-- Main Teal -->
<path d="M230,430 L370,430 L480,310 L450,250 L310,270 Z" stroke="url(#bikeTeal)" stroke-width="14"/>
<!-- Highlight -->
<path d="M230,430 L370,430 L480,310 L450,250 L310,270 Z" stroke="#E0FBFC" stroke-width="4" transform="translate(-2, -3)" opacity="0.6"/>
</g>
<!-- Seat Tube (Bisecting triangle) -->
<g>
<line x1="310" y1="270" x2="370" y2="430" stroke="#0077B6" stroke-width="18" transform="translate(0, 4)"/>
<line x1="310" y1="270" x2="370" y2="430" stroke="url(#bikeTeal)" stroke-width="14"/>
<line x1="310" y1="270" x2="370" y2="430" stroke="#E0FBFC" stroke-width="4" transform="translate(-2, -3)" opacity="0.6"/>
</g>
</g>
<!-- Seat & Post -->
<g id="bicycle-seat">
<!-- Post -->
<line x1="310" y1="270" x2="301" y2="245" stroke="#7F8C8D" stroke-width="12" stroke-linecap="round"/>
<line x1="310" y1="270" x2="301" y2="245" stroke="#BDC3C7" stroke-width="6" stroke-linecap="round" transform="translate(-2,0)"/>
<!-- Saddle Base / Leather -->
<path d="M 270 245 C 270 235, 300 240, 320 240 C 330 240, 340 245, 340 250 C 340 255, 320 255, 300 255 C 280 255, 270 255, 270 245 Z" fill="#6A3B18"/>
<!-- Saddle Highlight -->
<path d="M 275 245 C 280 240, 300 242, 320 242" fill="none" stroke="#9E5D2A" stroke-width="3" stroke-linecap="round"/>
</g>
<!-- ==================== CAT BODY ==================== -->
<g id="cat-body">
<!-- Main Orange Torso -->
<path d="M 310,250 C 350,250 400,210 410,160 C 420,110 370,100 350,110 C 310,130 270,170 280,210 C 285,230 295,250 310,250 Z"
fill="url(#catBody)"/>
<!-- Back Stripes (Inset path with dasharray) -->
<path d="M 290 210 C 285 170, 315 140, 345 125" fill="none" stroke="#D65A31" stroke-width="18" stroke-dasharray="10 25"/>
<!-- Light Orange / Marigold Belly Patch -->
<path d="M 360 140 C 390 150, 410 170, 410 200 C 410 220, 370 245, 345 245 C 370 235, 385 210, 375 145 Z" fill="#FCBF49"/>
</g>
<!-- Scarf Tails (Blowing beautifully in the wind behind neck) -->
<g id="scarf-tails">
<path d="M 360 135 C 310 130, 275 145, 210 135 C 250 160, 300 150, 350 145 Z" fill="#9E1A1A"/>
<path d="M 355 140 C 310 140, 260 165, 200 175 C 240 185, 290 160, 350 150 Z" fill="#D62828"/>
<path d="M 355 140 C 320 150, 280 185, 230 205 C 265 205, 305 175, 350 155 Z" fill="#E63946"/>
</g>
<!-- Cat Head Base (Ears drawn first so they sit behind) -->
<g id="cat-head-ears">
<!-- Far Left Ear -->
<polygon points="362,55 330,15 385,45" fill="url(#catDark)"/>
<polygon points="358,45 340,25 375,45" fill="#F4A261"/>
<!-- Near Right Ear -->
<polygon points="405,45 440,15 430,65" fill="url(#catBody)"/>
<polygon points="415,45 435,25 425,55" fill="#F4A261"/>
<!-- Head Fluff & Main Circle -->
<circle cx="395" cy="95" r="45" fill="url(#catBody)"/>
<path d="M 365 85 Q 320 100 355 130 Z" fill="url(#catBody)"/>
<path d="M 425 85 Q 470 100 435 130 Z" fill="url(#catBody)"/>
<!-- Small Head Stripes (The tabby M) -->
<path d="M 380 65 L 387 75 L 395 65 L 403 75 L 410 65" fill="none" stroke="#D65A31" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<!-- Face Details (Muzzle, Nose, Mouth) -->
<g id="cat-face">
<ellipse cx="395" cy="118" rx="22" ry="14" fill="#FFFFFF"/>
<!-- Nose -->
<polygon points="388,112 402,112 395,119" fill="#E76F51"/>
<polygon points="390,113 400,113 395,117" fill="#F4A261"/>
<!-- Mouth -->
<path d="M 395 119 L 395 125 Q 388 129 382 125 M 395 125 Q 402 129 408 125" fill="none" stroke="#2B2D42" stroke-width="2" stroke-linecap="round"/>
</g>
<!-- Cool Sunglasses -->
<g id="cat-sunglasses">
<!-- Left Lens (Cat's Right) -->
<path d="M 355 80 L 390 80 C 395 80, 395 90, 390 102 C 385 110, 360 110, 355 102 C 350 90, 350 80, 355 80 Z" fill="#1C1D26"/>
<!-- Right Lens (Cat's Left) -->
<path d="M 395 80 L 430 80 C 435 80, 435 90, 430 102 C 425 110, 400 110, 395 102 C 390 90, 390 80, 395 80 Z" fill="#1C1D26"/>
<!-- Bridge -->
<line x1="385" y1="85" x2="400" y2="85" stroke="#1C1D26" stroke-width="5" stroke-linecap="round"/>
<!-- Frame Accents -->
<path d="M 350 82 L 358 82 M 427 82 L 435 82" stroke="#1C1D26" stroke-width="5" stroke-linecap="round"/>
<!-- Retro Reflections -->
<path d="M 365 80 L 380 80 L 370 102 L 358 96 Z" fill="#FFFFFF" opacity="0.25"/>
<path d="M 405 80 L 420 80 L 410 102 L 398 96 Z" fill="#FFFFFF" opacity="0.25"/>
</g>
<!-- Majestic Whiskers -->
<g stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round">
<line x1="375" y1="112" x2="330" y2="102"/>
<line x1="375" y1="118" x2="325" y2="116"/>
<line x1="375" y1="124" x2="330" y2="130"/>
<line x1="415" y1="112" x2="460" y2="102"/>
<line x1="415" y1="118" x2="465" y2="116"/>
<line x1="415" y1="124" x2="460" y2="130"/>
</g>
<!-- Scarf Neck Wrap (Overlapping Body & Lower Face) -->
<path d="M 365 125 C 385 145, 415 140, 420 130 C 410 155, 370 155, 355 135 Z" fill="#E63946"/>
<!-- Fold Highlight -->
<path d="M 370 135 C 385 145, 405 145, 415 135" fill="none" stroke="#EDAEB4" stroke-width="2" stroke-linecap="round"/>
<!-- ==================== FRONT LAYER ==================== -->
<!-- Right Wheel (Front) -->
<g transform="translate(570, 430)">
<use href="#wheel"/>
</g>
<!-- Bike Front Fork, Stem, Head Tube -->
<g id="bicycle-front" stroke-linecap="round" stroke-linejoin="round" fill="none">
<!-- Fork & Front Tube 3D Backing -->
<path d="M 450 250 L 480 310 L 570 430" stroke="#0077B6" stroke-width="16" transform="translate(0, 4)"/>
<!-- Fork Main Color -->
<path d="M 450 250 L 480 310 L 570 430" stroke="url(#bikeTeal)" stroke-width="12"/>
<!-- Fork Edge Highlight -->
<path d="M 450 250 L 480 310 L 570 430" stroke="#E0FBFC" stroke-width="3" transform="translate(-2, -3)" opacity="0.6"/>
<!-- Stem -->
<g>
<line x1="450" y1="250" x2="440" y2="220" stroke="#7F8C8D" stroke-width="12"/>
<line x1="450" y1="250" x2="440" y2="220" stroke="#BDC3C7" stroke-width="6" transform="translate(-2,0)"/>
</g>
</g>
<!-- Front Axle Nut over Fork -->
<circle cx="570" cy="430" r="10" fill="#2B2D42"/>
<circle cx="570" cy="430" r="4" fill="#EAECEE"/>
<!-- Handlebars (Center @ 440, 220) -->
<g id="handlebars">
<!-- Center Bracket -->
<circle cx="440" cy="220" r="10" fill="#2B2D42"/>
<circle cx="440" cy="220" r="5" fill="#8D99AE"/>
<!-- Chrome Swept Bars -->
<path d="M 450 210 Q 460 215 440 220" fill="none" stroke="#BDC3C7" stroke-width="12" stroke-linecap="round"/>
<path d="M 440 220 Q 410 225 390 230" fill="none" stroke="#BDC3C7" stroke-width="12" stroke-linecap="round"/>
<!-- Retro Terracotta Grips -->
<line x1="450" y1="210" x2="465" y2="208" stroke="#E76F51" stroke-width="16" stroke-linecap="round"/>
<line x1="390" y1="230" x2="375" y2="232" stroke="#E76F51" stroke-width="16" stroke-linecap="round"/>
</g>
<!-- Drivetrain (Right Chainring & Chain over Frame) -->
<g id="right-drivetrain">
<!-- Chain Links (Top & Bottom via Dasharray) -->
<line x1="230" y1="418" x2="370" y2="398" stroke="#7F8C8D" stroke-width="6"/>
<line x1="230" y1="418" x2="370" y2="398" stroke="#2B2D42" stroke-width="6" stroke-dasharray="8 4"/>
<line x1="230" y1="442" x2="370" y2="462" stroke="#7F8C8D" stroke-width="6"/>
<line x1="230" y1="442" x2="370" y2="462" stroke="#2B2D42" stroke-width="6" stroke-dasharray="8 4"/>
<!-- Main Chainring (Bottom Bracket Center = 370, 430) -->
<circle cx="370" cy="430" r="32" fill="#EAECEE" stroke="#2B2D42" stroke-width="4"/>
<circle cx="370" cy="430" r="22" fill="none" stroke="#8D99AE" stroke-width="8" stroke-dasharray="12 8"/>
<!-- Right Crank Arm -->
<line x1="370" y1="430" x2="400" y2="465" stroke="#BDC3C7" stroke-width="12" stroke-linecap="round"/>
<!-- Center Cap -->
<circle cx="370" cy="430" r="8" fill="#2B2D42"/>
<!-- Right Pedal -->
<!-- Right pedal is angled relative to the crank -->
<rect x="385" y="460" width="30" height="10" rx="4" fill="#2B2D42" transform="rotate(-15, 400, 465)"/>
<!-- Pedal Reflection -->
<rect x="388" y="462" width="24" height="2" fill="#EAECEE" opacity="0.5" transform="rotate(-15, 400, 465)"/>
</g>
<!-- Cat Right Leg (Pedaling front side) -->
<g id="cat-right-leg">
<!-- Plump Leg Structure -->
<path d="M 310 260 C 370 250, 410 320, 395 380 C 390 420, 390 450, 405 460 C 415 465, 420 470, 405 470 C 390 470, 385 460, 375 450 C 360 380, 320 295, 290 280 Z" fill="url(#catBody)"/>
<!-- Right Leg Stripes -->
<path d="M 330 250 C 390 280, 390 360, 405 465" fill="none" stroke="#D65A31" stroke-width="26" stroke-linecap="round" stroke-dasharray="10 32"/>
<!-- Cute White Right Foot/Sock overlapping precisely -->
<ellipse cx="402" cy="460" rx="16" ry="11" fill="#FFFFFF" transform="rotate(-15, 402, 460)"/>
<line x1="410" y1="455" x2="415" y2="452" stroke="#E5E5E5" stroke-width="2" stroke-linecap="round"/>
<line x1="412" y1="462" x2="417" y2="460" stroke="#E5E5E5" stroke-width="2" stroke-linecap="round"/>
</g>
<!-- Cat Right Arm (Securing front grip) -->
<g id="cat-right-arm">
<path d="M 390 160 C 400 190, 410 210, 390 230" fill="none" stroke="url(#catBody)" stroke-width="26" stroke-linecap="round"/>
<!-- Arm Stripes -->
<path d="M 390 160 C 400 190, 410 210, 390 230" fill="none" stroke="#D65A31" stroke-width="26" stroke-linecap="round" stroke-dasharray="8 20"/>
<!-- White Front Paw Grip -->
<circle cx="390" cy="230" r="14" fill="#FFFFFF"/>
<!-- Paw Separation -->
<path d="M 395 225 C 390 225, 385 230, 385 235" fill="none" stroke="#E5E5E5" stroke-width="2" stroke-linecap="round"/>
</g>
</svg>
action #49.0✕ CLOSE
Gemini 3.1 Pro · action · attempt 4 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
<!-- Background -->
<rect width="800" height="600" fill="#F8F9FA"/>
<circle cx="450" cy="300" r="280" fill="#FFF3E0"/>
<!-- Ground Shadow -->
<ellipse cx="380" cy="492" rx="280" ry="12" fill="#EADBC8"/>
<!-- Motion Lines (Background) -->
<path d="M 70 300 L 160 300 M 50 280 L 100 280 M 90 320 L 200 320" stroke="#E2E8F0" stroke-width="4" stroke-linecap="round" fill="none"/>
<path d="M 600 150 L 720 150 M 650 130 L 700 130" stroke="#E2E8F0" stroke-width="4" stroke-linecap="round" fill="none"/>
<path d="M 120 180 Q 150 170 190 180" fill="none" stroke="#E2E8F0" stroke-width="3" stroke-linecap="round"/>
<path d="M 620 400 Q 650 390 680 400" fill="none" stroke="#E2E8F0" stroke-width="3" stroke-linecap="round"/>
<!-- ============================================== -->
<!-- FAR BICYCLE PARTS -->
<!-- ============================================== -->
<rect x="343" y="393" width="24" height="14" rx="4" fill="#2B2D42"/>
<line x1="380" y1="420" x2="355" y2="400" stroke="#8D99AE" stroke-width="10" stroke-linecap="round"/>
<!-- ============================================== -->
<!-- FAR CAT LIMBS & TAIL -->
<!-- ============================================== -->
<!-- Tail -->
<path d="M 310 200 C 230 260, 100 220, 150 120 C 170 70, 230 90, 210 150" fill="none" stroke="#F77F00" stroke-width="26" stroke-linecap="round"/>
<path d="M 180 94 C 200 80, 225 105, 210 150" fill="none" stroke="#FFFFFF" stroke-width="26" stroke-linecap="round"/>
<!-- Far Leg -->
<polyline points="320,200 370,280 355,400" fill="none" stroke="#C16600" stroke-width="30" stroke-linejoin="round" stroke-linecap="round"/>
<ellipse cx="355" cy="400" rx="16" ry="12" fill="#FFE5D9"/>
<!-- Far Arm -->
<polyline points="400,140 460,170 520,225" fill="none" stroke="#C16600" stroke-width="26" stroke-linejoin="round" stroke-linecap="round"/>
<circle cx="520" cy="225" r="13" fill="#FFE5D9"/>
<!-- ============================================== -->
<!-- WHEELS AND HUBS -->
<!-- ============================================== -->
<!-- Rear Wheel -->
<circle cx="220" cy="420" r="66" fill="none" stroke="#2B2D42" stroke-width="14"/>
<circle cx="220" cy="420" r="58" fill="none" stroke="#D3D9DF" stroke-width="4"/>
<line x1="155" y1="420" x2="285" y2="420" stroke="#8D99AE" stroke-width="2"/>
<line x1="220" y1="355" x2="220" y2="485" stroke="#8D99AE" stroke-width="2"/>
<line x1="174" y1="374" x2="266" y2="466" stroke="#8D99AE" stroke-width="2"/>
<line x1="174" y1="466" x2="266" y2="374" stroke="#8D99AE" stroke-width="2"/>
<!-- Rear Fender -->
<path d="M 296 420 A 76 76 0 0 0 160 370" fill="none" stroke="#E9C46A" stroke-width="10" stroke-linecap="round"/>
<circle cx="220" cy="420" r="10" fill="#2B2D42"/>
<!-- Front Wheel -->
<circle cx="540" cy="420" r="66" fill="none" stroke="#2B2D42" stroke-width="14"/>
<circle cx="540" cy="420" r="58" fill="none" stroke="#D3D9DF" stroke-width="4"/>
<line x1="475" y1="420" x2="605" y2="420" stroke="#8D99AE" stroke-width="2"/>
<line x1="540" y1="355" x2="540" y2="485" stroke="#8D99AE" stroke-width="2"/>
<line x1="494" y1="374" x2="586" y2="466" stroke="#8D99AE" stroke-width="2"/>
<line x1="494" y1="466" x2="586" y2="374" stroke="#8D99AE" stroke-width="2"/>
<!-- Front Fender -->
<path d="M 470 395 A 76 76 0 0 1 610 395" fill="none" stroke="#E9C46A" stroke-width="10" stroke-linecap="round"/>
<circle cx="540" cy="420" r="10" fill="#2B2D42"/>
<!-- ============================================== -->
<!-- BICYCLE FRAME (Teal Mint) -->
<!-- ============================================== -->
<!-- Headset & Seatpost clamps -->
<line x1="485" y1="255" x2="495" y2="285" stroke="#8D99AE" stroke-width="18" stroke-linecap="round"/>
<rect x="333" y="265" width="14" height="10" transform="rotate(-15 340 270)" fill="#8D99AE"/>
<!-- Main Tubes -->
<path d="M 220 420 L 380 420 M 220 420 L 340 270 M 380 420 L 330 230 M 340 270 L 490 270 M 380 420 L 490 270 M 480 240 L 540 420" stroke="#2A9D8F" stroke-width="14" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
<!-- Bottom Bracket Red Center -->
<circle cx="380" cy="420" r="14" fill="#2A9D8F"/>
<!-- ============================================== -->
<!-- BICYCLE DRIVETRAIN -->
<!-- ============================================== -->
<!-- Chainwheel Structure -->
<circle cx="380" cy="420" r="18" fill="none" stroke="#8D99AE" stroke-width="8"/>
<circle cx="380" cy="420" r="6" fill="#8D99AE"/>
<line x1="380" y1="402" x2="380" y2="438" stroke="#8D99AE" stroke-width="4"/>
<line x1="362" y1="420" x2="398" y2="420" stroke="#8D99AE" stroke-width="4"/>
<!-- Chain -->
<line x1="220" y1="406" x2="380" y2="398" stroke="#555555" stroke-width="4" stroke-dasharray="4,4"/>
<line x1="220" y1="434" x2="380" y2="442" stroke="#555555" stroke-width="4" stroke-dasharray="4,4"/>
<!-- ============================================== -->
<!-- SADDLE -->
<!-- ============================================== -->
<path d="M 295 235 C 285 230, 310 215, 330 215 C 350 215, 370 225, 370 230 C 370 240, 310 245, 295 235 Z" fill="#8B5A2B"/>
<!-- ============================================== -->
<!-- CAT BODY & SCARF (TAILS) -->
<!-- ============================================== -->
<!-- Flying Scarf Tails -->
<path d="M 400 120 Q 350 100 280 130" stroke="#EF233C" stroke-width="16" stroke-linecap="round" fill="none"/>
<path d="M 400 125 Q 360 120 310 160" stroke="#EF233C" stroke-width="12" stroke-linecap="round" fill="none"/>
<!-- Torso Capsule Curve -->
<path d="M 308 167 Q 350 100, 398 107 A 40 40 0 0 1 442 173 Q 380 230, 352 233 A 40 40 0 0 1 308 167 Z" fill="#F77F00" />
<!-- Tiger Stripes (Back) -->
<path d="M 320 125 C 330 135, 340 145, 340 160" stroke="#D66800" stroke-width="5" stroke-linecap="round" fill="none"/>
<path d="M 340 115 C 350 125, 360 135, 360 150" stroke="#D66800" stroke-width="5" stroke-linecap="round" fill="none"/>
<path d="M 360 110 C 370 120, 380 130, 380 145" stroke="#D66800" stroke-width="5" stroke-linecap="round" fill="none"/>
<!-- ============================================== -->
<!-- CAT HEAD -->
<!-- ============================================== -->
<!-- Far Ear -->
<polygon points="410,45 400,0 435,30" fill="#F77F00"/>
<polygon points="412,40 405,10 428,30" fill="#F08080"/>
<!-- Head Oval -->
<ellipse cx="450" cy="90" rx="55" ry="45" fill="#F77F00"/>
<!-- Tabby Head Stripes -->
<polygon points="450,55 440,45 460,45" fill="#D66800"/>
<polygon points="435,58 425,50 440,50" fill="#D66800"/>
<polygon points="465,58 460,50 475,50" fill="#D66800"/>
<!-- Near Ear -->
<polygon points="460,35 485,-5 475,45" fill="#F77F00"/>
<polygon points="463,35 480,5 471,40" fill="#F08080"/>
<!-- Cheek Fluff -->
<path d="M 400 90 L 385 85 L 398 100 L 382 105 L 398 110" fill="none" stroke="#F77F00" stroke-width="4" stroke-linejoin="round"/>
<!-- Muzzle & Face -->
<ellipse cx="475" cy="105" rx="25" ry="18" fill="#FFFFFF"/>
<polygon points="480,95 490,95 485,103" fill="#F08080"/>
<!-- Smile & Open Mouth -->
<path d="M 470 105 Q 477 115 485 105 Q 493 115 500 105" fill="none" stroke="#2B2D42" stroke-width="2" stroke-linecap="round"/>
<path d="M 485 105 C 485 115, 493 115, 493 105 Z" fill="#D90429"/>
<!-- Happy Closed Eyes -->
<path d="M 445 75 Q 455 65 460 75" fill="none" stroke="#2B2D42" stroke-width="4" stroke-linecap="round" />
<path d="M 480 75 Q 490 65 495 75" fill="none" stroke="#2B2D42" stroke-width="4" stroke-linecap="round" />
<!-- Eyebrows -->
<path d="M 445 30 Q 452 22 460 30" fill="none" stroke="#D66800" stroke-width="3" stroke-linecap="round"/>
<!-- Whiskers -->
<line x1="480" y1="105" x2="520" y2="95" stroke="#2B2D42" stroke-width="1.5" stroke-linecap="round"/>
<line x1="485" y1="110" x2="525" y2="105" stroke="#2B2D42" stroke-width="1.5" stroke-linecap="round"/>
<line x1="480" y1="115" x2="515" y2="118" stroke="#2B2D42" stroke-width="1.5" stroke-linecap="round"/>
<!-- Aviator Goggles -->
<line x1="415" y1="45" x2="485" y2="60" stroke="#2B2D42" stroke-width="6" stroke-linecap="round"/>
<rect x="440" y="40" width="20" height="25" rx="8" fill="#8ECAE6" stroke="#2B2D42" stroke-width="4" transform="rotate(15 450 52)"/>
<rect x="465" y="46" width="20" height="25" rx="8" fill="#8ECAE6" stroke="#2B2D42" stroke-width="4" transform="rotate(15 475 58)"/>
<!-- Scarf Wrap (Around Neck) -->
<path d="M 390 110 C 400 130, 430 140, 440 120" stroke="#EF233C" stroke-width="16" stroke-linecap="round" fill="none"/>
<!-- ============================================== -->
<!-- NEAR CAT LIMBS & NEAR BICYCLE PARTS -->
<!-- ============================================== -->
<!-- Near Crank & Pedal -->
<line x1="380" y1="420" x2="405" y2="440" stroke="#8D99AE" stroke-width="10" stroke-linecap="round"/>
<rect x="393" y="433" width="24" height="14" rx="4" fill="#2B2D42"/>
<!-- Near Leg & Paw -->
<polyline points="340,210 375,320 405,440" fill="none" stroke="#F77F00" stroke-width="30" stroke-linejoin="round" stroke-linecap="round"/>
<ellipse cx="405" cy="440" rx="16" ry="12" fill="#FFFFFF"/>
<!-- ============================================== -->
<!-- FRONT EXTRAS (Basket & Handlebars) -->
<!-- ============================================== -->
<!-- Far Handlebar Path -->
<path d="M 490 270 L 480 240 Q 500 230 520 225" fill="none" stroke="#D3D9DF" stroke-width="12" stroke-linecap="round"/>
<path d="M 505 228 L 525 223" stroke="#2B2D42" stroke-width="16" stroke-linecap="round"/>
<!-- Basket -->
<rect x="495" y="240" width="4" height="30" fill="#A98467"/>
<rect x="480" y="240" width="4" height="30" fill="#A98467"/>
<polygon points="500,285 540,285 555,235 480,235" fill="#EFA00B"/>
<!-- Basket Woven Lines -->
<line x1="486" y1="245" x2="549" y2="245" stroke="#D48A00" stroke-width="3"/>
<line x1="492" y1="255" x2="543" y2="255" stroke="#D48A00" stroke-width="3"/>
<line x1="496" y1="265" x2="541" y2="265" stroke="#D48A00" stroke-width="3"/>
<line x1="499" y1="275" x2="540" y2="275" stroke="#D48A00" stroke-width="3"/>
<!-- Basket Flowers -->
<path d="M 480 235 Q 470 220 480 210 Q 490 220 480 235" fill="#2DC653"/>
<path d="M 545 235 Q 560 225 555 210 Q 545 220 545 235" fill="#2DC653"/>
<circle cx="495" cy="225" r="10" fill="#FFB5A7"/>
<circle cx="495" cy="225" r="4" fill="#FFFFFF"/>
<circle cx="515" cy="220" r="12" fill="#8ECAE6"/>
<circle cx="515" cy="220" r="5" fill="#FFFFFF"/>
<circle cx="535" cy="228" r="9" fill="#FFD166"/>
<circle cx="535" cy="228" r="3" fill="#FFFFFF"/>
<!-- Near Handlebar Path -->
<path d="M 480 240 Q 460 230 450 230" fill="none" stroke="#D3D9DF" stroke-width="12" stroke-linecap="round"/>
<path d="M 465 230 L 445 230" stroke="#2B2D42" stroke-width="16" stroke-linecap="round"/>
<!-- Near Arm & Hand (Overlaps Near Handlebar) -->
<polyline points="410,150 430,200 450,230" fill="none" stroke="#F77F00" stroke-width="26" stroke-linejoin="round" stroke-linecap="round"/>
<circle cx="450" cy="230" r="13" fill="#FFFFFF"/>
</svg>style
“Draw an origami-style cat with geometric folds as an SVG.”
style #19.3✕ CLOSE
Gemini 3.1 Pro · style · attempt 1 · score 9.3
cat likeness: 9.0aesthetic: 9.0technique: 9.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="100%" height="100%">
<defs>
<radialGradient id="bgGlow" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#2A2A38"/>
<stop offset="100%" stop-color="#101016"/>
</radialGradient>
</defs>
<!-- Background -->
<rect width="800" height="800" fill="url(#bgGlow)"/>
<!-- Floor base shadow -->
<polygon points="120,760 680,760 620,785 400,795 180,785" fill="#0A0A0F" stroke="#0A0A0F" stroke-width="1" stroke-linejoin="round"/>
<!-- Geometric Origami Cat -->
<g stroke-width="1" stroke-linejoin="round">
<!-- Tail (Background Layer) -->
<polygon points="640,620 680,740 720,640" fill="#FFA726" stroke="#FFA726"/>
<polygon points="680,740 760,680 720,640" fill="#F57C00" stroke="#F57C00"/>
<polygon points="720,640 760,680 700,520" fill="#FFB74D" stroke="#FFB74D"/>
<polygon points="760,680 740,560 700,520" fill="#FF9800" stroke="#FF9800"/>
<polygon points="700,520 740,560 680,400" fill="#FFCC80" stroke="#FFCC80"/>
<polygon points="740,560 720,440 680,400" fill="#FF9800" stroke="#FF9800"/>
<polygon points="680,400 720,440 660,300" fill="#FFE0B2" stroke="#FFE0B2"/>
<!-- Back Leg Left -->
<polygon points="160,620 220,680 200,700" fill="#FFB74D" stroke="#FFB74D"/>
<polygon points="160,620 200,700 140,760" fill="#FF9800" stroke="#FF9800"/>
<polygon points="220,680 240,760 200,700" fill="#F57C00" stroke="#F57C00"/>
<polygon points="200,700 140,760 240,760" fill="#FFA726" stroke="#FFA726"/>
<polygon points="220,680 240,760 280,760" fill="#3E2723" stroke="#3E2723"/>
<!-- Back Leg Right -->
<polygon points="640,620 580,680 600,700" fill="#F57C00" stroke="#F57C00"/>
<polygon points="640,620 600,700 660,760" fill="#E65100" stroke="#E65100"/>
<polygon points="580,680 560,760 600,700" fill="#BF360C" stroke="#BF360C"/>
<polygon points="600,700 660,760 560,760" fill="#F57C00" stroke="#F57C00"/>
<polygon points="580,680 560,760 520,760" fill="#3E2723" stroke="#3E2723"/>
<!-- Lower Body / Belly -->
<polygon points="400,680 360,760 400,760" fill="#BF360C" stroke="#BF360C"/>
<polygon points="400,680 440,760 400,760" fill="#BF360C" stroke="#BF360C"/>
<!-- Front Leg Left -->
<polygon points="160,480 260,520 160,620" fill="#FFA726" stroke="#FFA726"/>
<polygon points="260,520 160,620 220,680" fill="#FFA726" stroke="#FFA726"/>
<polygon points="260,520 400,540 400,680" fill="#FFB74D" stroke="#FFB74D"/>
<polygon points="260,520 400,680 320,700" fill="#FFA726" stroke="#FFA726"/>
<polygon points="260,520 320,700 220,680" fill="#FF9800" stroke="#FF9800"/>
<polygon points="320,700 360,760 400,680" fill="#E65100" stroke="#E65100"/>
<polygon points="320,700 220,680 280,760" fill="#FFA726" stroke="#FFA726"/>
<polygon points="320,700 280,760 360,760" fill="#FFB74D" stroke="#FFB74D"/>
<!-- Front Leg Right -->
<polygon points="640,480 540,520 640,620" fill="#E65100" stroke="#E65100"/>
<polygon points="540,520 640,620 580,680" fill="#E65100" stroke="#E65100"/>
<polygon points="540,520 400,540 400,680" fill="#F57C00" stroke="#F57C00"/>
<polygon points="540,520 400,680 480,700" fill="#F57C00" stroke="#F57C00"/>
<polygon points="540,520 480,700 580,680" fill="#E65100" stroke="#E65100"/>
<polygon points="480,700 440,760 400,680" fill="#BF360C" stroke="#BF360C"/>
<polygon points="480,700 580,680 520,760" fill="#F57C00" stroke="#F57C00"/>
<polygon points="480,700 520,760 440,760" fill="#FF9800" stroke="#FF9800"/>
<!-- Neck & Lower Chest Left -->
<polygon points="400,440 320,420 400,540" fill="#F57C00" stroke="#F57C00"/>
<polygon points="320,420 260,520 400,540" fill="#FFA726" stroke="#FFA726"/>
<polygon points="320,420 240,420 260,520" fill="#FF9800" stroke="#FF9800"/>
<polygon points="180,340 240,420 160,480" fill="#FFCC80" stroke="#FFCC80"/>
<polygon points="240,420 260,520 160,480" fill="#FF9800" stroke="#FF9800"/>
<!-- Neck & Lower Chest Right -->
<polygon points="400,440 480,420 400,540" fill="#E65100" stroke="#E65100"/>
<polygon points="480,420 540,520 400,540" fill="#F57C00" stroke="#F57C00"/>
<polygon points="480,420 560,420 540,520" fill="#E65100" stroke="#E65100"/>
<polygon points="620,340 560,420 640,480" fill="#F57C00" stroke="#F57C00"/>
<polygon points="560,420 540,520 640,480" fill="#E65100" stroke="#E65100"/>
<!-- Head Base / Jaw Left -->
<polygon points="260,300 180,340 320,340" fill="#FFCC80" stroke="#FFCC80"/>
<polygon points="180,340 240,420 320,340" fill="#FFA726" stroke="#FFA726"/>
<polygon points="200,260 260,300 180,340" fill="#FF9800" stroke="#FF9800"/>
<polygon points="400,360 320,340 320,420" fill="#F57C00" stroke="#F57C00"/>
<polygon points="400,360 320,420 400,400" fill="#E65100" stroke="#E65100"/>
<polygon points="400,400 320,420 400,440" fill="#BF360C" stroke="#BF360C"/>
<polygon points="320,340 240,420 320,420" fill="#FF9800" stroke="#FF9800"/>
<!-- Head Base / Jaw Right -->
<polygon points="540,300 620,340 480,340" fill="#FF9800" stroke="#FF9800"/>
<polygon points="620,340 560,420 480,340" fill="#F57C00" stroke="#F57C00"/>
<polygon points="600,260 540,300 620,340" fill="#E65100" stroke="#E65100"/>
<polygon points="400,360 480,340 480,420" fill="#E65100" stroke="#E65100"/>
<polygon points="400,360 480,420 400,400" fill="#BF360C" stroke="#BF360C"/>
<polygon points="400,400 480,420 400,440" fill="#BF360C" stroke="#BF360C"/>
<polygon points="480,340 560,420 480,420" fill="#F57C00" stroke="#F57C00"/>
<!-- Ears Left -->
<polygon points="240,100 200,260 280,240" fill="#BF360C" stroke="#BF360C"/>
<polygon points="240,100 280,240 340,200" fill="#FFCC80" stroke="#FFCC80"/>
<!-- Ears Right -->
<polygon points="560,100 600,260 520,240" fill="#FFB74D" stroke="#FFB74D"/>
<polygon points="560,100 520,240 460,200" fill="#F57C00" stroke="#F57C00"/>
<!-- Head Top/Forehead Left -->
<polygon points="400,160 340,200 400,240" fill="#FFB74D" stroke="#FFB74D"/>
<polygon points="340,200 280,240 340,300" fill="#FFB74D" stroke="#FFB74D"/>
<polygon points="400,240 340,200 340,300" fill="#FFA726" stroke="#FFA726"/>
<polygon points="280,240 200,260 260,300" fill="#FFA726" stroke="#FFA726"/>
<polygon points="280,240 340,300 260,300" fill="#FFCC80" stroke="#FFCC80"/>
<polygon points="400,240 340,300 400,300" fill="#FFB74D" stroke="#FFB74D"/>
<polygon points="400,300 340,300 320,340" fill="#FFA726" stroke="#FFA726"/>
<polygon points="400,300 320,340 400,360" fill="#FFA726" stroke="#FFA726"/>
<!-- Head Top/Forehead Right -->
<polygon points="400,160 460,200 400,240" fill="#FF9800" stroke="#FF9800"/>
<polygon points="460,200 520,240 460,300" fill="#F57C00" stroke="#F57C00"/>
<polygon points="400,240 460,200 460,300" fill="#FF9800" stroke="#FF9800"/>
<polygon points="520,240 600,260 540,300" fill="#E65100" stroke="#E65100"/>
<polygon points="520,240 460,300 540,300" fill="#F57C00" stroke="#F57C00"/>
<polygon points="400,240 460,300 400,300" fill="#FF9800" stroke="#FF9800"/>
<polygon points="400,300 460,300 480,340" fill="#F57C00" stroke="#F57C00"/>
<polygon points="400,300 480,340 400,360" fill="#FF9800" stroke="#FF9800"/>
<!-- Eye Recesses -->
<polygon points="340,300 260,300 320,340" fill="#3E2723" stroke="#3E2723"/>
<polygon points="460,300 540,300 480,340" fill="#3E2723" stroke="#3E2723"/>
<!-- Glowing Cyber Eyes -->
<polygon points="320,310 280,315 315,325" fill="#00E5FF" stroke="#00E5FF"/>
<polygon points="480,310 520,315 485,325" fill="#00B8D4" stroke="#00B8D4"/>
<!-- Nose Top Flap -->
<polygon points="400,360 380,340 420,340" fill="#231512" stroke="#231512"/>
</g>
</svg>
style #29.0✕ CLOSE
Gemini 3.1 Pro · style · attempt 2 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="100%" height="100%">
<defs>
<radialGradient id="bgGlow" cx="50%" cy="50%" r="60%" fx="50%" fy="40%">
<stop offset="0%" stop-color="#34495E"/>
<stop offset="100%" stop-color="#11181D"/>
</radialGradient>
</defs>
<rect width="100%" height="100%" fill="url(#bgGlow)"/>
<polygon points="290,750 420,830 720,800 780,680 670,650 630,710 600,770 520,780 450,780 420,770 400,750" fill="#0A0F12" opacity="0.6"/>
<g stroke="#4A1800" stroke-width="1.5" stroke-linejoin="round">
<polygon points="400,170 340,160 460,160" fill="#FFCC80"/>
<polygon points="400,170 340,160 330,220" fill="#FFE0B2"/>
<polygon points="400,170 460,160 470,220" fill="#FFA726"/>
<polygon points="400,170 330,220 400,280" fill="#FFB74D"/>
<polygon points="400,170 470,220 400,280" fill="#FB8C00"/>
<polygon points="380,360 400,340 400,280" fill="#FF9800"/>
<polygon points="420,360 400,340 400,280" fill="#F57C00"/>
<polygon points="400,340 400,280 350,330" fill="#FFCC80"/>
<polygon points="400,340 400,280 450,330" fill="#FF9800"/>
<polygon points="380,360 400,340 350,330" fill="#FFA726"/>
<polygon points="420,360 400,340 450,330" fill="#EF6C00"/>
<polygon points="400,280 330,220 350,330" fill="#F57C00"/>
<polygon points="330,220 345,310 320,320" fill="#FFB74D"/>
<polygon points="330,220 350,330 345,310" fill="#FF9800"/>
<polygon points="320,320 345,310 350,330" fill="#FFE700"/>
<polygon points="400,280 470,220 450,330" fill="#E65100"/>
<polygon points="470,220 455,310 480,320" fill="#EF6C00"/>
<polygon points="470,220 450,330 455,310" fill="#E65100"/>
<polygon points="480,320 455,310 450,330" fill="#FFB300"/>
<polygon points="330,220 190,260 320,320" fill="#FFB74D"/>
<polygon points="320,320 190,260 220,350" fill="#FF9800"/>
<polygon points="320,320 220,350 360,390" fill="#FFA726"/>
<polygon points="350,330 320,320 360,390" fill="#FFCC80"/>
<polygon points="380,360 350,330 360,390" fill="#FFA726"/>
<polygon points="470,220 610,260 480,320" fill="#F57C00"/>
<polygon points="480,320 610,260 580,350" fill="#EF6C00"/>
<polygon points="480,320 580,350 440,390" fill="#F57C00"/>
<polygon points="450,330 480,320 440,390" fill="#FF9800"/>
<polygon points="420,360 450,330 440,390" fill="#EF6C00"/>
<polygon points="380,360 400,360 400,380" fill="#F4B3AD"/>
<polygon points="420,360 400,360 400,380" fill="#E05D5D"/>
<polygon points="400,380 380,360 360,390" fill="#FFB74D"/>
<polygon points="400,380 420,360 440,390" fill="#FB8C00"/>
<polygon points="400,380 360,390 400,460" fill="#FF9800"/>
<polygon points="400,380 440,390 400,460" fill="#EF6C00"/>
<polygon points="360,390 270,440 400,460" fill="#F57C00"/>
<polygon points="440,390 530,440 400,460" fill="#BF360C"/>
<polygon points="220,350 270,440 360,390" fill="#FF9800"/>
<polygon points="580,350 530,440 440,390" fill="#E65100"/>
<polygon points="240,90 340,160 270,180" fill="#E05D5D"/>
<polygon points="340,160 330,220 270,180" fill="#F4B3AD"/>
<polygon points="240,90 270,180 190,260" fill="#FFE0B2"/>
<polygon points="270,180 330,220 190,260" fill="#FFB74D"/>
<polygon points="560,90 460,160 530,180" fill="#F8D3D0"/>
<polygon points="460,160 470,220 530,180" fill="#E05D5D"/>
<polygon points="560,90 530,180 610,260" fill="#FF9800"/>
<polygon points="530,180 470,220 610,260" fill="#F57C00"/>
<polygon points="400,460 270,440 350,490" fill="#E65100"/>
<polygon points="400,460 530,440 450,490" fill="#870000"/>
<polygon points="400,460 350,490 400,520" fill="#EF6C00"/>
<polygon points="400,460 450,490 400,520" fill="#BF360C"/>
<polygon points="400,520 350,490 290,570" fill="#FF9800"/>
<polygon points="400,520 450,490 510,570" fill="#F57C00"/>
<polygon points="400,520 290,570 400,620" fill="#FFA726"/>
<polygon points="400,520 510,570 400,620" fill="#FB8C00"/>
<polygon points="400,620 290,570 330,690" fill="#FF9800"/>
<polygon points="400,620 510,570 470,690" fill="#EF6C00"/>
<polygon points="400,620 330,690 400,720" fill="#F57C00"/>
<polygon points="400,620 470,690 400,720" fill="#E65100"/>
<polygon points="220,350 190,260 170,400" fill="#FFCC80"/>
<polygon points="220,350 170,400 270,440" fill="#FFB74D"/>
<polygon points="270,440 170,400 230,510" fill="#FFA726"/>
<polygon points="270,440 230,510 350,490" fill="#FB8C00"/>
<polygon points="350,490 230,510 290,570" fill="#EF6C00"/>
<polygon points="230,510 190,620 290,570" fill="#FFB74D"/>
<polygon points="290,570 190,620 240,680" fill="#FF9800"/>
<polygon points="290,570 240,680 330,690" fill="#F57C00"/>
<polygon points="240,680 290,750 330,690" fill="#FFA726"/>
<polygon points="330,690 290,750 330,750" fill="#FF9800"/>
<polygon points="330,690 330,750 370,750" fill="#FB8C00"/>
<polygon points="330,690 370,750 400,720" fill="#E65100"/>
<polygon points="400,720 370,750 400,750" fill="#EF6C00"/>
<polygon points="580,350 610,260 630,400" fill="#EF6C00"/>
<polygon points="580,350 630,400 530,440" fill="#F57C00"/>
<polygon points="530,440 630,400 570,510" fill="#FB8C00"/>
<polygon points="530,440 570,510 450,490" fill="#EF6C00"/>
<polygon points="450,490 570,510 510,570" fill="#BF360C"/>
<polygon points="570,510 610,620 510,570" fill="#E65100"/>
<polygon points="510,570 610,620 560,680" fill="#F57C00"/>
<polygon points="510,570 560,680 470,690" fill="#E65100"/>
<polygon points="560,680 510,750 470,690" fill="#F57C00"/>
<polygon points="470,690 510,750 470,750" fill="#EF6C00"/>
<polygon points="470,690 470,750 430,750" fill="#BF360C"/>
<polygon points="470,690 430,750 400,720" fill="#BF360C"/>
<polygon points="400,720 430,750 400,750" fill="#870000"/>
<polygon points="610,620 670,650 630,710" fill="#E65100"/>
<polygon points="610,620 630,710 560,680" fill="#F57C00"/>
<polygon points="560,680 630,710 580,750" fill="#FF9800"/>
<polygon points="580,750 510,750 560,680" fill="#FFA726"/>
<polygon points="630,710 600,770 580,750" fill="#FFB74D"/>
<polygon points="600,770 580,750 520,780" fill="#EF6C00"/>
<polygon points="520,780 580,750 510,750" fill="#F57C00"/>
<polygon points="520,780 510,750 450,780" fill="#EF6C00"/>
<polygon points="510,750 470,750 450,780" fill="#BF360C"/>
<polygon points="450,780 470,750 420,770" fill="#870000"/>
<polygon points="420,770 470,750 430,750" fill="#F57C00"/>
</g>
</svg>
style #39.0✕ CLOSE
Gemini 3.1 Pro · style · attempt 3 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 1000" width="100%" height="100%">
<defs>
<radialGradient id="bgGrad" cx="50%" cy="40%" r="65%">
<stop offset="0%" stop-color="#1A223A" />
<stop offset="60%" stop-color="#0C101A" />
<stop offset="100%" stop-color="#04060A" />
</radialGradient>
<filter id="shadow-main" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="25" stdDeviation="30" flood-color="#020305" flood-opacity="0.85" />
</filter>
<filter id="shadow-tail" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="-5" dy="15" stdDeviation="15" flood-color="#020305" flood-opacity="0.95" />
</filter>
</defs>
<rect width="100%" height="100%" fill="url(#bgGrad)" />
<g id="bg-geometry" opacity="0.3">
<circle cx="400" cy="480" r="380" fill="none" stroke="#FFCC66" stroke-width="1.5" stroke-opacity="0.2" />
<circle cx="400" cy="480" r="365" fill="none" stroke="#FFCC66" stroke-width="0.5" stroke-opacity="0.1" />
<circle cx="400" cy="480" r="280" fill="none" stroke="#FF9900" stroke-width="1" stroke-opacity="0.15" />
<polygon points="400,100 780,480 400,860 20,480" fill="none" stroke="#FF8800" stroke-width="1.5" stroke-opacity="0.25" />
<polygon points="400,200 680,480 400,760 120,480" fill="none" stroke="#E65C00" stroke-width="0.75" stroke-opacity="0.2" />
</g>
<g id="magical-sparks">
<polygon points="200,300 215,285 205,310" fill="#FFDD80" opacity="0.6" />
<polygon points="120,600 130,590 120,605" fill="#FFAA33" opacity="0.8" />
<polygon points="650,250 660,240 665,260 655,270" fill="#F26A00" opacity="0.5" />
<polygon points="700,750 710,740 705,755" fill="#CC4400" opacity="0.7" />
<polygon points="300,100 310,80 320,110" fill="#FFF0B3" opacity="0.9" />
<polygon points="500,850 515,835 505,860" fill="#802200" opacity="0.6" />
<polygon points="100,200 110,195 105,210" fill="#FFCC66" opacity="0.4" />
</g>
<g id="cat_body" filter="url(#shadow-main)">
<polygon points="250,120 280,280 330,240" fill="#FF9900" />
<polygon points="250,120 230,320 280,280" fill="#FFCC66" />
<polygon points="250,120 330,240 400,200" fill="#FFDD80" />
<polygon points="550,120 470,240 520,280" fill="#5E1500" />
<polygon points="550,120 570,320 520,280" fill="#E65C00" />
<polygon points="550,120 400,200 470,240" fill="#FF8800" />
<polygon points="400,200 330,240 400,280" fill="#FFB347" />
<polygon points="400,200 400,280 470,240" fill="#F26A00" />
<polygon points="330,240 230,320 280,320" fill="#FFAA33" />
<polygon points="330,240 280,320 330,310" fill="#FFCC66" />
<polygon points="330,240 330,310 360,340" fill="#FFB347" />
<polygon points="330,240 360,340 400,280" fill="#FFAA33" />
<polygon points="470,240 520,320 570,320" fill="#A63300" />
<polygon points="470,240 470,310 520,320" fill="#E65C00" />
<polygon points="470,240 440,340 470,310" fill="#CC4400" />
<polygon points="470,240 400,280 440,340" fill="#F26A00" />
<polygon points="400,280 360,340 400,430" fill="#FFAA33" />
<polygon points="400,280 400,430 440,340" fill="#E65C00" />
<polygon points="280,320 180,400 310,350" fill="#FF9900" />
<polygon points="310,350 180,400 340,450" fill="#FFAA33" />
<polygon points="310,350 340,450 360,340" fill="#FFB347" />
<polygon points="360,340 340,450 400,430" fill="#FFCC66" />
<polygon points="180,400 260,480 340,450" fill="#F26A00" />
<polygon points="230,320 180,400 280,320" fill="#FF8800" />
<polygon points="520,320 490,350 620,400" fill="#802200" />
<polygon points="490,350 460,450 620,400" fill="#A63300" />
<polygon points="490,350 440,340 460,450" fill="#E65C00" />
<polygon points="440,340 400,430 460,450" fill="#F26A00" />
<polygon points="620,400 460,450 540,480" fill="#5E1500" />
<polygon points="570,320 520,320 620,400" fill="#3D0B00" />
<polygon points="340,450 400,500 400,430" fill="#FFB347" />
<polygon points="460,450 400,430 400,500" fill="#CC4400" />
<polygon points="340,450 260,480 400,500" fill="#FF8800" />
<polygon points="460,450 400,500 540,480" fill="#802200" />
<polygon points="180,400 260,480 140,500" fill="#E65C00" />
<polygon points="260,480 300,550 140,500" fill="#FF9900" />
<polygon points="300,550 240,640 140,500" fill="#FFB347" />
<polygon points="300,550 400,620 240,640" fill="#FFCC66" />
<polygon points="400,620 400,780 240,640" fill="#FFB347" />
<polygon points="400,500 260,480 300,550" fill="#CC4400" />
<polygon points="400,500 400,620 300,550" fill="#FF8800" />
<polygon points="620,400 540,480 660,500" fill="#230500" />
<polygon points="540,480 500,550 660,500" fill="#5E1500" />
<polygon points="500,550 560,640 660,500" fill="#A63300" />
<polygon points="500,550 400,620 560,640" fill="#CC4400" />
<polygon points="400,620 400,780 560,640" fill="#802200" />
<polygon points="400,500 540,480 500,550" fill="#3D0B00" />
<polygon points="400,500 500,550 400,620" fill="#A63300" />
<polygon points="400,780 240,640 340,720" fill="#FF9900" />
<polygon points="240,640 220,940 340,720" fill="#FFAA33" />
<polygon points="340,720 220,940 360,940" fill="#FFB347" />
<polygon points="340,720 360,940 400,880" fill="#FF8800" />
<polygon points="400,780 340,720 400,880" fill="#F26A00" />
<polygon points="400,780 560,640 460,720" fill="#802200" />
<polygon points="560,640 580,940 460,720" fill="#A63300" />
<polygon points="460,720 580,940 440,940" fill="#CC4400" />
<polygon points="460,720 440,940 400,880" fill="#5E1500" />
<polygon points="400,780 460,720 400,880" fill="#3D0B00" />
<polygon points="360,940 440,940 400,880" fill="#802200" />
<polygon points="140,500 240,640 100,700" fill="#F26A00" />
<polygon points="100,700 240,640 220,940" fill="#FF8800" />
<polygon points="100,700 220,940 120,840" fill="#E65C00" />
<polygon points="120,840 220,940 180,940" fill="#CC4400" />
<polygon points="660,500 560,640 700,700" fill="#3D0B00" />
<polygon points="700,700 560,640 580,940" fill="#5E1500" />
<polygon points="700,700 580,940 680,840" fill="#230500" />
<polygon points="680,840 580,940 620,940" fill="#110200" />
<!-- Left Eye Hex -->
<polygon points="280,320 330,310 325,330" fill="#00FFFF" />
<polygon points="330,310 360,340 325,330" fill="#A0FFFF" />
<polygon points="360,340 310,350 325,330" fill="#00B3B3" />
<polygon points="310,350 280,320 325,330" fill="#008080" />
<!-- Right Eye Hex -->
<polygon points="520,320 470,310 475,330" fill="#00B3B3" />
<polygon points="470,310 440,340 475,330" fill="#008080" />
<polygon points="440,340 490,350 475,330" fill="#004D4D" />
<polygon points="490,350 520,320 475,330" fill="#006666" />
<!-- Nose Pad -->
<polygon points="400,430 380,410 400,410" fill="#110200" />
<polygon points="400,430 400,410 420,410" fill="#000000" />
<polygon points="385,414 390,411 390,416" fill="#FF8800" opacity="0.8" />
</g>
<g id="tail" filter="url(#shadow-tail)">
<polygon points="680,840 720,800 770,880" fill="#110200" />
<polygon points="680,840 720,870 770,880" fill="#230500" />
<polygon points="720,870 770,880 680,960" fill="#230500" />
<polygon points="720,870 650,930 680,960" fill="#3D0B00" />
<polygon points="650,930 680,960 560,990" fill="#5E1500" />
<polygon points="650,930 550,950 560,990" fill="#A63300" />
<polygon points="550,950 560,990 400,990" fill="#CC4400" />
<polygon points="550,950 400,950 400,990" fill="#F26A00" />
<polygon points="400,950 400,990 230,970" fill="#FF8800" />
<polygon points="400,950 250,930 230,970" fill="#FFAA33" />
<polygon points="250,930 230,970 120,900" fill="#FFB347" />
<polygon points="250,930 150,890 120,900" fill="#FFCC66" />
<polygon points="150,890 120,900 150,840" fill="#FF9900" />
<polygon points="150,890 180,850 150,840" fill="#FFAA33" />
</g>
<g id="whiskers" stroke-linecap="round" stroke-linejoin="round" fill="none" opacity="0.85">
<g stroke="#FFDD80" stroke-width="2.5">
<polyline points="260,440 120,420 80,430" />
<polyline points="280,455 110,460 60,480" />
<polyline points="270,470 130,490 90,520" />
</g>
<g stroke="#CC4400" stroke-width="2.5">
<polyline points="540,440 680,420 720,430" />
<polyline points="520,455 690,460 740,480" />
<polyline points="530,470 670,490 710,520" />
</g>
</g>
</svg>
style #49.0✕ CLOSE
Gemini 3.1 Pro · style · attempt 4 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1050" width="100%" height="100%">
<defs>
<radialGradient id="bg" cx="50%" cy="40%" r="75%">
<stop offset="0%" stop-color="#1F1B2A"/>
<stop offset="100%" stop-color="#08060A"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="15" result="blur"/>
<feMerge>
<feMergeNode in="blur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="lightGlow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="5" result="blur"/>
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
</filter>
</defs>
<rect width="1000" height="1050" fill="url(#bg)"/>
<polygon points="500,960 760,950 850,910 500,880 180,880 100,960" fill="#000000" opacity="0.6"/>
<g id="origami-tail">
<polygon points="280,940 200,840 160,940" fill="#D66D0C"/>
<polygon points="200,840 160,940 140,840" fill="#FFEDAA"/>
<polygon points="160,940 140,840 80,900" fill="#D66D0C"/>
<polygon points="140,840 80,900 100,780" fill="#FFC843"/>
<polygon points="80,900 100,780 50,800" fill="#D66D0C"/>
<polygon points="100,780 50,800 80,680" fill="#FFEDAA"/>
<polygon points="50,800 80,680 40,660" fill="#F49F1C"/>
<polygon points="80,680 40,660 80,560" fill="#FFEDAA"/>
<polygon points="40,660 80,560 60,500" fill="#D66D0C"/>
<polygon points="80,560 60,500 120,440" fill="#FFC843"/>
<polygon points="60,500 120,440 100,360" fill="#D66D0C"/>
<polygon points="120,440 100,360 160,320" fill="#FFEDAA"/>
<polygon points="100,360 160,320 140,240" fill="#F49F1C"/>
</g>
<g id="origami-left-half">
<polygon points="500,240 430,250 500,330" fill="#FFEDAA"/>
<polygon points="430,250 440,360 500,330" fill="#FFC843"/>
<polygon points="430,250 360,260 440,360" fill="#F49F1C"/>
<polygon points="500,330 440,360 500,390" fill="#F49F1C"/>
<polygon points="440,360 370,350 360,260" fill="#D66D0C"/>
<polygon points="500,390 440,360 460,440" fill="#FFEDAA"/>
<polygon points="500,390 460,440 500,420" fill="#FFC843"/>
<polygon points="500,420 460,440 500,460" fill="#F49F1C"/>
<polygon points="500,460 460,440 390,480" fill="#F49F1C"/>
<polygon points="500,460 390,480 500,500" fill="#B34106"/>
<polygon points="440,360 370,350 460,440" fill="#FFEDAA"/>
<polygon points="370,350 330,430 460,440" fill="#FFC843"/>
<polygon points="460,440 330,430 390,480" fill="#D66D0C"/>
<polygon points="370,350 330,430 360,260" fill="#F49F1C"/>
<polygon points="360,260 290,340 330,430" fill="#D66D0C"/>
<polygon points="350,100 360,260 290,340" fill="#FFEDAA"/>
<polygon points="330,430 300,500 390,480" fill="#B34106"/>
<polygon points="330,430 290,340 300,500" fill="#FFC843"/>
<polygon points="350,100 430,250 390,180" fill="#B34106"/>
<polygon points="350,100 390,180 360,260" fill="#FFC843"/>
<polygon points="500,500 390,480 500,580" fill="#F49F1C"/>
<polygon points="390,480 300,500 380,620" fill="#FFEDAA"/>
<polygon points="390,480 380,620 500,580" fill="#F49F1C"/>
<polygon points="500,580 380,620 500,700" fill="#F49F1C"/>
<polygon points="380,620 500,700 400,740" fill="#FFC843"/>
<polygon points="500,700 400,740 500,840" fill="#D66D0C"/>
<polygon points="500,840 400,740 440,880" fill="#F49F1C"/>
<polygon points="500,840 440,880 460,940" fill="#D66D0C"/>
<polygon points="440,880 460,940 380,940" fill="#FFC843"/>
<polygon points="400,740 440,880 380,940" fill="#FFEDAA"/>
<polygon points="300,500 380,620 280,660" fill="#FFEDAA"/>
<polygon points="380,620 280,660 400,740" fill="#FFC843"/>
<polygon points="280,660 400,740 220,720" fill="#F49F1C"/>
<polygon points="400,740 380,940 220,720" fill="#FFC843"/>
<polygon points="220,720 380,940 280,940" fill="#D66D0C"/>
<polygon points="220,720 280,940 200,840" fill="#FFC843"/>
<polygon points="290,340 300,500 240,520" fill="#FFEDAA"/>
<polygon points="240,520 300,500 280,660" fill="#FFC843"/>
<polygon points="240,520 280,660 220,720" fill="#F49F1C"/>
</g>
<g id="origami-right-half">
<polygon points="500,240 570,250 500,330" fill="#AB3A04"/>
<polygon points="570,250 560,360 500,330" fill="#8B2602"/>
<polygon points="570,250 640,260 560,360" fill="#8B2602"/>
<polygon points="500,330 560,360 500,390" fill="#8B2602"/>
<polygon points="560,360 630,350 640,260" fill="#641400"/>
<polygon points="500,390 560,360 540,440" fill="#AB3A04"/>
<polygon points="500,390 540,440 500,420" fill="#8B2602"/>
<polygon points="500,420 540,440 500,460" fill="#8B2602"/>
<polygon points="500,460 540,440 610,480" fill="#8B2602"/>
<polygon points="500,460 610,480 500,500" fill="#260200"/>
<polygon points="560,360 630,350 540,440" fill="#AB3A04"/>
<polygon points="630,350 670,430 540,440" fill="#8B2602"/>
<polygon points="540,440 670,430 610,480" fill="#641400"/>
<polygon points="630,350 670,430 640,260" fill="#8B2602"/>
<polygon points="640,260 710,340 670,430" fill="#641400"/>
<polygon points="650,100 640,260 710,340" fill="#AB3A04"/>
<polygon points="670,430 700,500 610,480" fill="#450700"/>
<polygon points="670,430 710,340 700,500" fill="#8B2602"/>
<polygon points="650,100 570,250 610,180" fill="#260200"/>
<polygon points="650,100 610,180 640,260" fill="#8B2602"/>
<polygon points="500,500 610,480 500,580" fill="#8B2602"/>
<polygon points="610,480 700,500 620,620" fill="#AB3A04"/>
<polygon points="610,480 620,620 500,580" fill="#8B2602"/>
<polygon points="500,580 620,620 500,700" fill="#8B2602"/>
<polygon points="620,620 500,700 600,740" fill="#641400"/>
<polygon points="500,700 600,740 500,840" fill="#450700"/>
<polygon points="500,840 600,740 560,880" fill="#8B2602"/>
<polygon points="500,840 560,880 540,940" fill="#450700"/>
<polygon points="560,880 540,940 620,940" fill="#AB3A04"/>
<polygon points="600,740 560,880 620,940" fill="#8B2602"/>
<polygon points="700,500 620,620 720,660" fill="#AB3A04"/>
<polygon points="620,620 720,660 600,740" fill="#8B2602"/>
<polygon points="720,660 600,740 780,720" fill="#641400"/>
<polygon points="600,740 620,940 780,720" fill="#8B2602"/>
<polygon points="780,720 620,940 720,940" fill="#450700"/>
<polygon points="780,720 720,940 800,840" fill="#8B2602"/>
<polygon points="710,340 700,500 760,520" fill="#AB3A04"/>
<polygon points="760,520 700,500 720,660" fill="#8B2602"/>
<polygon points="760,520 720,660 780,720" fill="#641400"/>
</g>
<g id="origami-details">
<polygon points="500,395 515,405 500,420 485,405" fill="#150300"/>
<polygon points="440,420 230,410 440,422" fill="#FFEDAA"/>
<polygon points="445,435 240,450 445,437" fill="#FFEDAA"/>
<polygon points="430,450 260,500 430,452" fill="#FFEDAA"/>
<polygon points="560,420 770,410 560,422" fill="#AB3A04"/>
<polygon points="555,435 760,450 555,437" fill="#AB3A04"/>
<polygon points="570,450 740,500 570,452" fill="#AB3A04"/>
<g filter="url(#glow)">
<polygon points="440,340 425,348 400,345 420,332" fill="#00FFFF"/>
<polygon points="560,340 575,348 600,345 580,332" fill="#00FFFF"/>
</g>
<polygon points="440,340 425,348 400,345 420,332" fill="#E0FFFF"/>
<polygon points="560,340 575,348 600,345 580,332" fill="#E0FFFF"/>
</g>
<g id="sparkles" filter="url(#lightGlow)">
<polygon points="850,200 855,210 850,220 845,210" fill="#00FFFF" opacity="0.6"/>
<polygon points="120,150 123,160 120,170 117,160" fill="#00FFFF" opacity="0.4"/>
<polygon points="800,700 808,715 800,730 792,715" fill="#FFC843" opacity="0.3"/>
<polygon points="200,300 205,310 200,320 195,310" fill="#FFC843" opacity="0.5"/>
<polygon points="150,550 153,560 150,570 147,560" fill="#00FFFF" opacity="0.3"/>
<polygon points="900,450 904,460 900,470 896,460" fill="#FFC843" opacity="0.4"/>
<polygon points="760,850 763,860 760,870 757,860" fill="#00FFFF" opacity="0.5"/>
</g>
</svg>constraint
“Draw a recognizable cat as an SVG using at most 12 SVG elements.”
constraint #19.0✕ CLOSE
Gemini 3.1 Pro · constraint · attempt 1 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="100%" height="100%">
<path d="M 65,160 C 50,190 20,200 0,200 L 200,200 C 180,200 150,190 135,160 Z" fill="#1A1A1E" />
<path d="M 160,200 C 190,190 195,110 175,90 C 160,70 140,80 140,80" fill="none" stroke="#1A1A1E" stroke-width="12" stroke-linecap="round" />
<path d="M 68,172 Q 100,202 132,172" fill="none" stroke="#E64A45" stroke-width="8" stroke-linecap="round" />
<circle cx="100" cy="195" r="7" fill="#F7C844" />
<path d="M 100,180 C 150,175 190,110 160,75 L 180,25 L 125,45 Q 100,35 75,45 L 20,25 L 40,75 C 10,110 50,175 100,180 Z" fill="#222228" />
<path d="M 28,35 L 70,52 L 44,70 Z M 172,35 L 130,52 L 156,70 Z" fill="#50373D" />
<path d="M 45,90 Q 65,70 85,100 Q 65,110 45,90 Z M 155,90 Q 135,70 115,100 Q 135,110 155,90 Z" fill="#F2D846" />
<path d="M 65,80 Q 70,92 65,104 Q 60,92 65,80 Z M 135,80 Q 130,92 135,104 Q 140,92 135,80 Z" fill="#111115" />
<path d="M 94,122 C 96,120 104,120 106,122 L 100,130 Z" fill="#FE8698" />
<path d="M 100,130 L 100,140 M 100,140 Q 90,150 80,142 M 100,140 Q 110,150 120,142 M 75,130 Q 30,123 5,120 M 70,140 Q 25,138 0,140 M 75,150 Q 35,155 10,165 M 125,130 Q 170,123 195,120 M 130,140 Q 175,138 200,140 M 125,150 Q 165,155 190,165 M 82,135 L 82.1,135 M 88,137 L 88.1,137 M 78,140 L 78.1,140 M 118,135 L 118.1,135 M 112,137 L 112.1,137 M 122,140 L 122.1,140" fill="none" stroke="#9F9FA6" stroke-width="2.5" stroke-linecap="round" />
<path d="M 62,84 a 2.5,2.5 0 1,0 5,0 a 2.5,2.5 0 1,0 -5,0 M 132,84 a 2.5,2.5 0 1,0 5,0 a 2.5,2.5 0 1,0 -5,0" fill="#FFFFFF" />
</svg>
constraint #28.8✕ CLOSE
Gemini 3.1 Pro · constraint · attempt 2 · score 8.8
cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" style="background:#48dbfb">
<path d="M 15 100 C 15 70 25 55 35 50 L 22 18 L 42 35 Q 50 30 58 35 L 78 18 L 65 50 C 75 55 85 70 85 100 Z" fill="#1e272e"/>
<path d="M 26 25 L 36 45 L 41 37 Z M 74 25 L 64 45 L 59 37 Z" fill="#ff9ff3"/>
<path d="M 32 52 Q 39.5 42 47 52 Q 39.5 62 32 52 Z M 53 52 Q 60.5 42 68 52 Q 60.5 62 53 52 Z" fill="#feca57"/>
<path d="M 39.5 45 Q 42 52 39.5 59 Q 37 52 39.5 45 Z M 60.5 45 Q 63 52 60.5 59 Q 58 52 60.5 45 Z" fill="#111"/>
<path d="M 47 62 L 53 62 L 50 66 Z" fill="#ff9ff3"/>
<path d="M 45 69 Q 47.5 73 50 66.5 Q 52.5 73 55 69 M 36 64 L 12 61 M 37 67.5 L 10 68.5 M 36 71 L 13 76 M 64 64 L 88 61 M 63 67.5 L 90 68.5 M 64 71 L 87 76" fill="none" stroke="#fff" stroke-width="1.2" stroke-linecap="round"/>
<path d="M 22 80 Q 50 90 78 80" fill="none" stroke="#ff6b6b" stroke-width="3" stroke-linecap="round"/>
<circle cx="50" cy="85" r="4" fill="#feca57"/>
<circle cx="50" cy="86.5" r="1.5" fill="#d35400"/>
<circle cx="38" cy="48" r="1.5" fill="#fff"/>
<circle cx="59" cy="48" r="1.5" fill="#fff"/>
</svg>
constraint #39.0✕ CLOSE
Gemini 3.1 Pro · constraint · attempt 3 · score 9.0
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<rect width="400" height="400" fill="#ff7f50"/>
<path d="M 200 330 C 130 330 60 270 80 170 L 50 60 L 140 120 Q 200 70 260 120 L 350 60 L 320 170 C 340 270 270 330 200 330 Z" fill="#2f3542"/>
<path d="M 130 125 L 70 85 L 95 155 Z" fill="#ff6b81" stroke="#ff6b81" stroke-width="3" stroke-linejoin="round"/>
<path d="M 270 125 L 330 85 L 305 155 Z" fill="#ff6b81" stroke="#ff6b81" stroke-width="3" stroke-linejoin="round"/>
<path d="M 90 165 Q 135 145 180 195 Q 135 215 90 165 Z" fill="#2ed573"/>
<path d="M 310 165 Q 265 145 220 195 Q 265 215 310 165 Z" fill="#2ed573"/>
<ellipse cx="135" cy="180" rx="6" ry="18" fill="#2f3542"/>
<ellipse cx="265" cy="180" rx="6" ry="18" fill="#2f3542"/>
<polygon points="187,232 213,232 200,245" fill="#ff6b81" stroke="#ff6b81" stroke-width="4" stroke-linejoin="round"/>
<path d="M 200 245 L 200 260 Q 180 275 165 260 M 200 260 Q 220 275 235 260" fill="none" stroke="#a4b0be" stroke-width="3" stroke-linecap="round"/>
<path d="M 120 220 L 30 200 M 125 240 L 20 240 M 120 260 L 30 280 M 280 220 L 370 200 M 275 240 L 380 240 M 280 260 L 370 280" fill="none" stroke="#a4b0be" stroke-width="3" stroke-linecap="round"/>
</svg>
constraint #49.0✕ CLOSE
Gemini 3.1 Pro · constraint · attempt 4 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<path d="M 25 65 C 25 85 40 92 50 92 C 60 92 75 85 75 65 Q 80 35 92 10 Q 72 25 50 25 Q 28 25 8 10 Q 20 35 25 65 Z" fill="#f08a46"/>
<path d="M 14 18 L 26 28 L 22 38 Z M 86 18 L 74 28 L 78 38 Z" fill="#eb6b44"/>
<path d="M 50 25 L 50 40 M 42 27 L 40 38 M 58 27 L 60 38" stroke="#d15d1f" stroke-width="2.5" stroke-linecap="round" fill="none"/>
<path d="M 50 63 C 65 55 70 75 50 78 C 30 75 35 55 50 63 Z" fill="#fff8eb"/>
<path d="M 45 52 Q 35 35 15 45 Q 25 62 45 52 Z M 55 52 Q 65 35 85 45 Q 75 62 55 52 Z" fill="#a2e048"/>
<path d="M 31 43 C 34 43 34 53 31 53 C 28 53 28 43 31 43 Z M 69 43 C 72 43 72 53 69 53 C 66 53 66 43 69 43 Z" fill="#1c1c1c"/>
<path d="M 32 43 C 34 43 34 46 32 46 C 30 46 30 43 32 43 Z M 70 43 C 72 43 72 46 70 46 C 68 46 68 43 70 43 Z" fill="#ffffff"/>
<path d="M 18 64 C 18 61.5 26 61.5 26 64 C 26 66.5 18 66.5 18 64 Z M 74 64 C 74 61.5 82 61.5 82 64 C 82 66.5 74 66.5 74 64 Z" fill="#ef6d5a"/>
<path d="M 46 62 Q 50 61 54 62 L 50 66 Z" fill="#ff8a9f"/>
<path d="M 50 66 Q 47 74 42 70 M 50 66 Q 53 74 58 70" stroke="#5e2d15" stroke-width="1.5" stroke-linecap="round" fill="none"/>
<path d="M 38 67 L 15 64 M 38 71 L 12 72 M 39 74 L 18 80 M 62 67 L 85 64 M 62 71 L 88 72 M 61 74 L 82 80" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" fill="none"/>
</svg>animation
“Draw a cat whose tail sways continuously, as an SVG using SMIL or CSS animation only (no JavaScript).”
animation #18.8✕ CLOSE
Gemini 3.1 Pro · animation · attempt 1 · score 8.8
cat likeness: 8.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#090a0f" />
<stop offset="50%" stop-color="#141727" />
<stop offset="100%" stop-color="#2a2542" />
</linearGradient>
</defs>
<rect width="100%" height="100%" fill="url(#skyGrad)" />
<circle cx="250" cy="210" r="150" fill="#ffefc2" opacity="0.05" />
<circle cx="250" cy="210" r="125" fill="#ffefc2" opacity="0.1" />
<circle cx="250" cy="210" r="105" fill="#ffefc2" opacity="0.2" />
<circle cx="250" cy="210" r="90" fill="#ffefc2" opacity="1" />
<circle cx="225" cy="180" r="14" fill="#eaddb2" opacity="0.6" />
<circle cx="275" cy="235" r="22" fill="#eaddb2" opacity="0.4" />
<circle cx="215" cy="245" r="10" fill="#eaddb2" opacity="0.5" />
<circle cx="280" cy="170" r="12" fill="#eaddb2" opacity="0.4" />
<circle cx="80" cy="120" r="1.5" fill="#fff" opacity="0.8">
<animate attributeName="opacity" values="0.8;0.2;0.8" dur="3s" repeatCount="indefinite" />
</circle>
<circle cx="420" cy="90" r="2" fill="#fff" opacity="0.9">
<animate attributeName="opacity" values="0.9;0.3;0.9" dur="4s" repeatCount="indefinite" />
</circle>
<circle cx="120" cy="260" r="1" fill="#fff" opacity="0.6">
<animate attributeName="opacity" values="0.6;0.1;0.6" dur="5s" repeatCount="indefinite" />
</circle>
<circle cx="370" cy="170" r="1.5" fill="#fff" opacity="0.7">
<animate attributeName="opacity" values="0.7;0.2;0.7" dur="2.5s" repeatCount="indefinite" />
</circle>
<circle cx="200" cy="50" r="1" fill="#fff" opacity="0.5">
<animate attributeName="opacity" values="0.5;0;0.5" dur="3.5s" repeatCount="indefinite" />
</circle>
<circle cx="320" cy="80" r="1" fill="#fff" opacity="0.8">
<animate attributeName="opacity" values="0.8;0.3;0.8" dur="6s" repeatCount="indefinite" />
</circle>
<g stroke="#fff" stroke-width="1" opacity="0.8">
<path d="M 450 130 L 450 140 M 445 135 L 455 135" />
<animate attributeName="opacity" values="1;0;1" dur="4.2s" repeatCount="indefinite" />
</g>
<g stroke="#fff" stroke-width="1" opacity="0.8">
<path d="M 100 70 L 100 80 M 95 75 L 105 75" />
<animate attributeName="opacity" values="0;1;0" dur="3.8s" repeatCount="indefinite" />
</g>
<path id="cat-tail" stroke="#000000" fill="none" stroke-width="14" stroke-linecap="round">
<animate attributeName="d"
values="M 295 375 C 330 385, 380 390, 410 360 C 435 335, 420 300, 390 310;
M 295 375 C 350 380, 400 350, 415 300 C 430 250, 400 200, 380 220;
M 295 375 C 350 360, 370 310, 380 250 C 390 190, 430 150, 450 180;
M 295 375 C 360 380, 420 330, 430 280 C 440 230, 410 190, 380 210;
M 295 375 C 330 385, 380 390, 410 360 C 435 335, 420 300, 390 310"
keyTimes="0; 0.25; 0.5; 0.75; 1"
dur="5s"
repeatCount="indefinite"
calcMode="spline"
keySplines="0.4 0 0.6 1; 0.4 0 0.6 1; 0.4 0 0.6 1; 0.4 0 0.6 1" />
</path>
<g fill="#000000">
<path d="M -50 420 Q 250 375 550 420 L 550 550 L -50 550 Z" />
<polygon points="210,165 195,110 235,145" />
<polygon points="290,165 305,110 265,145" />
<ellipse cx="250" cy="165" rx="35" ry="30" />
<circle cx="220" cy="172" r="15" />
<circle cx="280" cy="172" r="15" />
<path d="M 225 185 C 210 220, 170 280, 160 450 L 340 450 C 330 280, 290 220, 275 185 Z" />
<path d="M 70 450 Q 80 400 95 380 Q 85 410 90 450" />
<path d="M 450 450 Q 440 390 420 370 Q 435 410 430 450" />
<path d="M 400 460 Q 395 410 375 390 Q 390 430 410 460" />
<path d="M 120 460 Q 130 420 145 400 Q 135 440 140 460" />
<path d="M 20 440 Q 35 380 50 350 Q 40 400 45 440" />
</g>
</svg>
animation #28.8✕ CLOSE
Gemini 3.1 Pro · animation · attempt 2 · score 8.8
cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg viewBox="0 0 450 400" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.tail-sway {
animation: catSway 3s ease-in-out infinite alternate;
transform-origin: 260px 290px;
}
@keyframes catSway {
0% { transform: rotate(-3deg); }
100% { transform: rotate(12deg); }
}
.eyes-blink {
animation: catBlink 4.5s infinite;
transform-origin: 200px 135px;
}
@keyframes catBlink {
0%, 94%, 100% { transform: scaleY(1); }
97% { transform: scaleY(0.1); }
}
</style>
<mask id="tail-mask" maskUnits="userSpaceOnUse" x="0" y="0" width="450" height="400">
<path d="M 260 290 C 330 310, 400 240, 370 160 C 350 90, 290 70, 280 110" stroke="#FFFFFF" stroke-width="26" fill="none" stroke-linecap="round"/>
</mask>
</defs>
<ellipse cx="200" cy="345" rx="150" ry="15" fill="#000000" opacity="0.08"/>
<g class="tail-sway">
<g mask="url(#tail-mask)">
<rect x="230" y="40" width="220" height="290" fill="#FF9800"/>
<line x1="270" y1="280" x2="340" y2="310" stroke="#E65100" stroke-width="12"/>
<line x1="330" y1="200" x2="410" y2="230" stroke="#E65100" stroke-width="12"/>
<line x1="340" y1="140" x2="400" y2="160" stroke="#E65100" stroke-width="12"/>
<line x1="300" y1="80" x2="360" y2="100" stroke="#E65100" stroke-width="12"/>
<circle cx="280" cy="110" r="25" fill="#FFFFFF"/>
</g>
</g>
<ellipse cx="145" cy="290" rx="35" ry="45" fill="#F57C00"/>
<path d="M 115 270 Q 130 270 145 275" stroke="#E65100" stroke-width="4" stroke-linecap="round" fill="none"/>
<path d="M 110 285 Q 125 285 140 290" stroke="#E65100" stroke-width="4" stroke-linecap="round" fill="none"/>
<path d="M 112 300 Q 125 300 135 305" stroke="#E65100" stroke-width="4" stroke-linecap="round" fill="none"/>
<ellipse cx="255" cy="290" rx="35" ry="45" fill="#F57C00"/>
<path d="M 285 270 Q 270 270 255 275" stroke="#E65100" stroke-width="4" stroke-linecap="round" fill="none"/>
<path d="M 290 285 Q 275 285 260 290" stroke="#E65100" stroke-width="4" stroke-linecap="round" fill="none"/>
<path d="M 288 300 Q 275 300 265 305" stroke="#E65100" stroke-width="4" stroke-linecap="round" fill="none"/>
<ellipse cx="125" cy="335" rx="20" ry="12" fill="#FFFFFF"/>
<line x1="117" y1="334" x2="117" y2="343" stroke="#B0BEC5" stroke-width="2" stroke-linecap="round"/>
<line x1="127" y1="334" x2="127" y2="343" stroke="#B0BEC5" stroke-width="2" stroke-linecap="round"/>
<ellipse cx="275" cy="335" rx="20" ry="12" fill="#FFFFFF"/>
<line x1="273" y1="334" x2="273" y2="343" stroke="#B0BEC5" stroke-width="2" stroke-linecap="round"/>
<line x1="283" y1="334" x2="283" y2="343" stroke="#B0BEC5" stroke-width="2" stroke-linecap="round"/>
<ellipse cx="200" cy="260" rx="75" ry="80" fill="#FF9800"/>
<ellipse cx="200" cy="280" rx="42" ry="55" fill="#FFF8E1"/>
<path d="M 155 205 Q 200 225 245 205" stroke="#F44336" stroke-width="9" stroke-linecap="round" fill="none"/>
<rect x="165" y="230" width="24" height="100" rx="12" fill="#FF9800"/>
<line x1="165" y1="250" x2="180" y2="255" stroke="#F57C00" stroke-width="3" stroke-linecap="round"/>
<line x1="165" y1="270" x2="180" y2="275" stroke="#F57C00" stroke-width="3" stroke-linecap="round"/>
<line x1="165" y1="290" x2="180" y2="295" stroke="#F57C00" stroke-width="3" stroke-linecap="round"/>
<rect x="211" y="230" width="24" height="100" rx="12" fill="#FF9800"/>
<line x1="235" y1="250" x2="220" y2="255" stroke="#F57C00" stroke-width="3" stroke-linecap="round"/>
<line x1="235" y1="270" x2="220" y2="275" stroke="#F57C00" stroke-width="3" stroke-linecap="round"/>
<line x1="235" y1="290" x2="220" y2="295" stroke="#F57C00" stroke-width="3" stroke-linecap="round"/>
<ellipse cx="177" cy="335" rx="18" ry="12" fill="#FFFFFF"/>
<line x1="171" y1="335" x2="171" y2="344" stroke="#B0BEC5" stroke-width="2" stroke-linecap="round"/>
<line x1="183" y1="335" x2="183" y2="344" stroke="#B0BEC5" stroke-width="2" stroke-linecap="round"/>
<ellipse cx="223" cy="335" rx="18" ry="12" fill="#FFFFFF"/>
<line x1="217" y1="335" x2="217" y2="344" stroke="#B0BEC5" stroke-width="2" stroke-linecap="round"/>
<line x1="229" y1="335" x2="229" y2="344" stroke="#B0BEC5" stroke-width="2" stroke-linecap="round"/>
<circle cx="200" cy="222" r="10" fill="#FFCA28"/>
<circle cx="200" cy="222" r="10" fill="none" stroke="#FF9800" stroke-width="2"/>
<circle cx="200" cy="226" r="2.5" fill="#FF9800"/>
<line x1="200" y1="228" x2="200" y2="232" stroke="#FF9800" stroke-width="2" stroke-linecap="round"/>
<line x1="192" y1="220" x2="208" y2="220" stroke="#FF9800" stroke-width="1.5"/>
<path d="M 145 105 L 125 35 L 180 95 Z" fill="#FF9800"/>
<path d="M 152 100 L 138 52 L 172 92 Z" fill="#F48FB1"/>
<path d="M 255 105 L 275 35 L 220 95 Z" fill="#FF9800"/>
<path d="M 248 100 L 262 52 L 228 92 Z" fill="#F48FB1"/>
<polygon points="135,135 100,145 130,155 110,165 140,175" fill="#FF9800"/>
<polygon points="265,135 300,145 270,155 290,165 260,175" fill="#FF9800"/>
<rect x="125" y="95" width="150" height="110" rx="55" fill="#FF9800"/>
<path d="M 185 95 L 191 115 L 200 102 L 209 115 L 215 95" stroke="#E65100" stroke-width="5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="170" y1="100" x2="180" y2="115" stroke="#E65100" stroke-width="5" stroke-linecap="round"/>
<line x1="230" y1="100" x2="220" y2="115" stroke="#E65100" stroke-width="5" stroke-linecap="round"/>
<ellipse cx="165" cy="108" rx="3.5" ry="5" fill="#E65100"/>
<ellipse cx="235" cy="108" rx="3.5" ry="5" fill="#E65100"/>
<circle cx="185" cy="165" r="23" fill="#FFFFFF"/>
<circle cx="215" cy="165" r="23" fill="#FFFFFF"/>
<circle cx="200" cy="183" r="14" fill="#FFFFFF"/>
<path d="M 191 155 L 209 155 L 200 164 Z" fill="#F48FB1" stroke="#F48FB1" stroke-width="4" stroke-linejoin="round" stroke-linecap="round"/>
<path d="M 200 166 L 200 173 M 200 173 Q 185 181 175 169 M 200 173 Q 215 181 225 169" stroke="#546E7A" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<line x1="165" y1="160" x2="100" y2="150" stroke="#CFD8DC" stroke-width="2.5" stroke-linecap="round"/>
<line x1="160" y1="167" x2="95" y2="167" stroke="#CFD8DC" stroke-width="2.5" stroke-linecap="round"/>
<line x1="165" y1="174" x2="100" y2="184" stroke="#CFD8DC" stroke-width="2.5" stroke-linecap="round"/>
<line x1="235" y1="160" x2="300" y2="150" stroke="#CFD8DC" stroke-width="2.5" stroke-linecap="round"/>
<line x1="240" y1="167" x2="305" y2="167" stroke="#CFD8DC" stroke-width="2.5" stroke-linecap="round"/>
<line x1="235" y1="174" x2="300" y2="184" stroke="#CFD8DC" stroke-width="2.5" stroke-linecap="round"/>
<g class="eyes-blink">
<circle cx="165" cy="135" r="15" fill="#FFFFFF"/>
<circle cx="165" cy="135" r="15" fill="none" stroke="#E65100" stroke-width="1.5"/>
<circle cx="165" cy="135" r="11" fill="#8BC34A"/>
<circle cx="165" cy="135" r="7" fill="#263238"/>
<circle cx="159" cy="130" r="4.5" fill="#FFFFFF"/>
<circle cx="171" cy="139" r="1.5" fill="#FFFFFF"/>
<circle cx="235" cy="135" r="15" fill="#FFFFFF"/>
<circle cx="235" cy="135" r="15" fill="none" stroke="#E65100" stroke-width="1.5"/>
<circle cx="235" cy="135" r="11" fill="#8BC34A"/>
<circle cx="235" cy="135" r="7" fill="#263238"/>
<circle cx="229" cy="130" r="4.5" fill="#FFFFFF"/>
<circle cx="241" cy="139" r="1.5" fill="#FFFFFF"/>
</g>
</svg>
animation #39.0✕ CLOSE
Gemini 3.1 Pro · animation · attempt 3 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
<defs>
<linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#141129"/>
<stop offset="100%" stop-color="#2D284F"/>
</linearGradient>
<filter id="tailShadow" x="-50%" y="-50%" width="200%" height="200%">
<feDropShadow dx="-4" dy="8" stdDeviation="6" flood-color="#05030A" flood-opacity="0.35"/>
</filter>
<filter id="catShadow" x="-50%" y="-50%" width="200%" height="200%">
<feDropShadow dx="0" dy="4" stdDeviation="5" flood-color="#05030A" flood-opacity="0.4"/>
</filter>
</defs>
<rect width="500" height="500" fill="#25213D"/>
<path d="M 90,500 L 90,200 A 160,160 0 0,1 410,200 L 410,500 Z" fill="url(#skyGrad)"/>
<g id="stars">
<path d="M 230,70 Q 230,80 240,80 Q 230,80 230,90 Q 230,80 220,80 Q 230,80 230,70" fill="#FFF">
<animate attributeName="opacity" values="0.1;0.9;0.1" dur="3s" repeatCount="indefinite" begin="0s"/>
</path>
<path d="M 330,120 Q 330,125 335,125 Q 330,125 330,130 Q 330,125 325,125 Q 330,125 330,120" fill="#FFF">
<animate attributeName="opacity" values="0.1;1;0.1" dur="2.5s" repeatCount="indefinite" begin="0.8s"/>
</path>
<path d="M 130,220 Q 130,228 138,228 Q 130,228 130,236 Q 130,228 122,228 Q 130,228 130,220" fill="#FFF">
<animate attributeName="opacity" values="0.2;0.8;0.2" dur="4s" repeatCount="indefinite" begin="1.5s"/>
</path>
<circle cx="360" cy="80" r="1.5" fill="#FFF">
<animate attributeName="opacity" values="0.1;0.7;0.1" dur="2s" repeatCount="indefinite" begin="0.3s"/>
</circle>
<circle cx="160" cy="110" r="2" fill="#FFF">
<animate attributeName="opacity" values="0.3;1;0.3" dur="3.5s" repeatCount="indefinite" begin="2s"/>
</circle>
<circle cx="280" cy="180" r="1" fill="#FFF">
<animate attributeName="opacity" values="0.1;0.6;0.1" dur="1.5s" repeatCount="indefinite" begin="1.1s"/>
</circle>
</g>
<path d="M 155,115 A 35,35 0 1,0 185,180 A 40,40 0 0,1 155,115 Z" fill="#FFD166"/>
<path d="M 80,500 L 80,200 A 170,170 0 0,1 420,200 L 420,500 Z" fill="none" stroke="#1D192E" stroke-width="20"/>
<line x1="250" y1="30" x2="250" y2="420" stroke="#1D192E" stroke-width="12"/>
<line x1="80" y1="210" x2="420" y2="210" stroke="#1D192E" stroke-width="12"/>
<rect x="60" y="420" width="380" height="20" rx="8" fill="#3D3754"/>
<rect x="70" y="435" width="360" height="65" fill="#2A243D"/>
<ellipse cx="250" cy="422" rx="75" ry="12" fill="#141129" opacity="0.75"/>
<g filter="url(#tailShadow)">
<path id="cat-tail" fill="none" stroke="#E6E8F2" stroke-width="26" stroke-linecap="round" stroke-linejoin="round">
<animate attributeName="d"
dur="5.5s"
repeatCount="indefinite"
calcMode="linear"
keyTimes="0; 0.15; 0.25; 0.35; 0.5; 0.65; 0.75; 0.85; 1"
values="
M 310 380 C 380 400, 440 330, 410 250 C 380 170, 450 110, 470 175;
M 310 380 C 340 405, 380 335, 360 260 C 340 180, 380 120, 390 170;
M 310 380 C 280 410, 280 340, 280 270 C 280 190, 280 130, 280 170;
M 310 380 C 220 405, 180 335, 200 260 C 220 180, 180 120, 170 170;
M 310 380 C 180 400, 120 330, 150 250 C 180 170, 110 110, 90 175;
M 310 380 C 220 405, 180 335, 200 260 C 220 180, 180 120, 170 170;
M 310 380 C 280 410, 280 340, 280 270 C 280 190, 280 130, 280 170;
M 310 380 C 340 405, 380 335, 360 260 C 340 180, 380 120, 390 170;
M 310 380 C 380 400, 440 330, 410 250 C 380 170, 450 110, 470 175
" />
</path>
</g>
<circle cx="180" cy="380" r="38" fill="#D3D6E5"/>
<circle cx="320" cy="380" r="38" fill="#D3D6E5"/>
<path d="M 170,390 C 160,290 200,230 250,230 C 300,230 340,290 330,390 C 320,435 180,435 170,390 Z" fill="#F4F5FB" filter="url(#catShadow)"/>
<ellipse cx="250" cy="390" rx="45" ry="25" fill="#E6E8F2"/>
<rect x="210" y="340" width="30" height="78" rx="15" fill="#F4F5FB"/>
<path d="M 210,380 L 210,403 A 15,15 0 0,0 240,403 L 240,380" fill="none" stroke="#D3D6E5" stroke-width="2"/>
<path d="M 220,418 L 220,410 M 230,418 L 230,410" fill="none" stroke="#D3D6E5" stroke-width="2" stroke-linecap="round"/>
<rect x="260" y="340" width="30" height="78" rx="15" fill="#F4F5FB"/>
<path d="M 260,380 L 260,403 A 15,15 0 0,0 290,403 L 290,380" fill="none" stroke="#D3D6E5" stroke-width="2"/>
<path d="M 270,418 L 270,410 M 280,418 L 280,410" fill="none" stroke="#D3D6E5" stroke-width="2" stroke-linecap="round"/>
<path d="M 195,185 L 170,115 L 225,160 Z" fill="#F4F5FB" stroke="#F4F5FB" stroke-width="6" stroke-linejoin="round"/>
<path d="M 197,175 L 180,123 L 218,158 Z" fill="#F9A8B6"/>
<path d="M 305,185 L 330,115 L 275,160 Z" fill="#F4F5FB" stroke="#F4F5FB" stroke-width="6" stroke-linejoin="round"/>
<path d="M 303,175 L 320,123 L 282,158 Z" fill="#F9A8B6"/>
<path d="M 250,155 C 305,155 325,185 320,225 C 315,255 285,270 250,270 C 215,270 185,255 180,225 C 175,185 195,155 250,155 Z" fill="#F4F5FB" filter="url(#catShadow)"/>
<path d="M 246,215 L 254,215 L 250,221 Z" fill="#1D192E"/>
<path d="M 250,221 Q 244,228 238,225" fill="none" stroke="#1D192E" stroke-width="2.5" stroke-linecap="round"/>
<path d="M 250,221 Q 256,228 262,225" fill="none" stroke="#1D192E" stroke-width="2.5" stroke-linecap="round"/>
<path d="M 215,202 Q 225,212 235,202" fill="none" stroke="#1D192E" stroke-width="3.5" stroke-linecap="round"/>
<path d="M 265,202 Q 275,212 285,202" fill="none" stroke="#1D192E" stroke-width="3.5" stroke-linecap="round"/>
<ellipse cx="215" cy="217" rx="9" ry="5" fill="#F9A8B6" opacity="0.45"/>
<ellipse cx="285" cy="217" rx="9" ry="5" fill="#F9A8B6" opacity="0.45"/>
<path d="M 205,215 Q 185,212 165,210" fill="none" stroke="#A7AAB8" stroke-width="1.5" stroke-linecap="round"/>
<path d="M 205,221 Q 185,223 162,225" fill="none" stroke="#A7AAB8" stroke-width="1.5" stroke-linecap="round"/>
<path d="M 295,215 Q 315,212 335,210" fill="none" stroke="#A7AAB8" stroke-width="1.5" stroke-linecap="round"/>
<path d="M 295,221 Q 315,223 338,225" fill="none" stroke="#A7AAB8" stroke-width="1.5" stroke-linecap="round"/>
<path d="M 208,255 Q 250,278 292,255 C 298,260 292,272 250,285 C 208,272 202,260 208,255 Z" fill="#FF9F1C"/>
<path d="M 238,270 L 230,312 L 246,303 L 254,270 Z" fill="#DE8510"/>
<circle cx="255" cy="272" r="10" fill="#FFBF69"/>
<circle cx="255" cy="276" r="2.5" fill="#1D192E"/>
<line x1="255" y1="276" x2="255" y2="282" stroke="#1D192E" stroke-width="2" stroke-linecap="round"/>
</svg>
animation #49.0✕ CLOSE
Gemini 3.1 Pro · animation · attempt 4 · score 9.0
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
<defs>
<linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#0a0a1a"/>
<stop offset="50%" stop-color="#141c3a"/>
<stop offset="100%" stop-color="#213054"/>
</linearGradient>
<radialGradient id="moonGlow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#ffffcc" stop-opacity="1"/>
<stop offset="20%" stop-color="#ffe680" stop-opacity="0.8"/>
<stop offset="60%" stop-color="#ffb833" stop-opacity="0.2"/>
<stop offset="100%" stop-color="#ff9900" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="500" height="500" fill="url(#skyGrad)"/>
<g fill="#ffffff">
<circle cx="80" cy="100" r="1.5">
<animate attributeName="opacity" values="0.2;1;0.2" dur="3s" repeatCount="indefinite" />
</circle>
<circle cx="420" cy="150" r="2">
<animate attributeName="opacity" values="0.3;1;0.3" dur="4s" repeatCount="indefinite" />
</circle>
<circle cx="350" cy="60" r="1">
<animate attributeName="opacity" values="0.1;0.8;0.1" dur="5s" repeatCount="indefinite" />
</circle>
<circle cx="120" cy="230" r="1.5">
<animate attributeName="opacity" values="0.3;1;0.3" dur="2.5s" repeatCount="indefinite" />
</circle>
<circle cx="450" cy="280" r="2">
<animate attributeName="opacity" values="0.1;0.9;0.1" dur="6s" repeatCount="indefinite" />
</circle>
<circle cx="180" cy="70" r="1.5">
<animate attributeName="opacity" values="0.4;1;0.4" dur="3.5s" repeatCount="indefinite" />
</circle>
<circle cx="280" cy="100" r="1">
<animate attributeName="opacity" values="0;1;0" dur="4.5s" repeatCount="indefinite" />
</circle>
<circle cx="50" cy="280" r="2">
<animate attributeName="opacity" values="0.2;0.8;0.2" dur="3.2s" repeatCount="indefinite" />
</circle>
</g>
<circle cx="250" cy="240" r="200" fill="url(#moonGlow)"/>
<circle cx="250" cy="240" r="115" fill="#ffebd6"/>
<circle cx="280" cy="190" r="25" fill="#f5dca3" opacity="0.3"/>
<circle cx="190" cy="260" r="40" fill="#f5dca3" opacity="0.25"/>
<circle cx="290" cy="300" r="18" fill="#f5dca3" opacity="0.3"/>
<path fill="none" stroke="#0f0f13" stroke-width="18" stroke-linecap="round" d="M 250 380 C 140 370, 60 310, 90 250 C 120 190, 80 130, 110 70">
<animate attributeName="d"
dur="4s"
repeatCount="indefinite"
calcMode="spline"
keyTimes="0; 0.25; 0.5; 0.75; 1"
keySplines="0.4 0 1 1; 0 0 0.6 1; 0.4 0 1 1; 0 0 0.6 1"
values="
M 250 380 C 140 370, 60 310, 90 250 C 120 190, 80 130, 110 70;
M 250 380 C 210 370, 220 250, 250 180 C 280 110, 260 60, 250 20;
M 250 380 C 360 370, 440 310, 410 250 C 380 190, 420 130, 390 70;
M 250 380 C 290 370, 280 250, 250 180 C 220 110, 240 60, 250 20;
M 250 380 C 140 370, 60 310, 90 250 C 120 190, 80 130, 110 70
"/>
</path>
<path d="
M 160 390
C 150 330, 185 270, 200 240
C 205 230, 205 210, 200 190
C 195 170, 190 145, 205 130
C 215 140, 225 150, 230 155
C 240 150, 260 150, 270 155
C 275 150, 285 140, 295 130
C 310 145, 305 170, 300 190
C 295 210, 295 230, 300 240
C 315 270, 350 330, 340 390
C 335 410, 165 410, 160 390 Z
" fill="#0f0f13" />
<rect x="0" y="388" width="500" height="112" fill="#08080a" />
<line x1="0" y1="388" x2="500" y2="388" stroke="#1d1d2b" stroke-width="3" />
</svg>