Overall Winners Across All Variations
Quality
GPT-5.2
Best Value
Llama 4 Maverick
Fastest
Llama 4 Maverick
The Take
Here’s the twist: models are dramatically better at SVG than at ASCII. Give them coordinate-based vector code and most produce a genuinely recognizable fluffy Persian — because SVG is structured code describing shapes, which is exactly what LLMs are good at, whereas ASCII demands spatial reasoning across a character grid, which they’re bad at. GPT-5.2 drew the most complete, detailed cat, with Gemini 2.5 Pro, Mistral Large 3, and GPT-5.6 Sol close behind. The floor is still low: GPT-4o and Llama 4 Maverick returned crude blobs, Kimi K2.5 drew something closer to a bull, and Claude Opus 5 timed out for the third drawing task running — the flagship reasoning model simply can’t finish. And it isn’t cheap: the detailed cats cost 50–100× the crude ones (GPT-5.6 Sol $0.15 / 48s / 4,935 tokens vs Llama $0.0009 / 5.5s).
Generate valid SVG code - tests code generation, syntax validity, and visual output quality
The Prompt
Generate an SVG of a Persian cat with fluffy fur, sitting pose, and detailed facial features. Include the cat's distinctive flat face, large eyes, and fluffy coat. Make it visually appealing with proper paths and curves.
Model Results
GPT-5.6 Sol
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 900" width="800" height="900" role="img" aria-labelledby="title desc">
<title id="title">Fluffy Persian Cat</title>
<desc id="desc">A cream-colored Persian cat with a flat face, large amber eyes, fluffy fur, and a curled tail, sitting against a soft decorative background.</desc>
<defs>
<radialGradient id="background" cx="50%" cy="38%" r="68%">
<stop offset="0" stop-color="#fffdf7"/>
<stop offset="0.7" stop-color="#f4e9dc"/>
<stop offset="1" stop-color="#dbc7b5"/>
</radialGradient>
<linearGradient id="bodyFur" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#fff9e9"/>
<stop offset="0.35" stop-color="#ead5b5"/>
<stop offset="0.67" stop-color="#c8a883"/>
<stop offset="1" stop-color="#9d7b5b"/>
</linearGradient>
<radialGradient id="faceFur" cx="46%" cy="32%" r="65%">
<stop offset="0" stop-color="#fffdf0"/>
<stop offset="0.55" stop-color="#ead4b2"/>
<stop offset="1" stop-color="#b7916b"/>
</radialGradient>
<radialGradient id="muzzle" cx="50%" cy="35%" r="70%">
<stop offset="0" stop-color="#fffaf0"/>
<stop offset="1" stop-color="#d4b99a"/>
</radialGradient>
<radialGradient id="eyeAmber" cx="40%" cy="35%" r="65%">
<stop offset="0" stop-color="#ffe98b"/>
<stop offset="0.35" stop-color="#d69a29"/>
<stop offset="0.78" stop-color="#875014"/>
<stop offset="1" stop-color="#412307"/>
</radialGradient>
<linearGradient id="nose" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#8a5b54"/>
<stop offset="1" stop-color="#4c2f31"/>
</linearGradient>
<filter id="shadow" x="-30%" y="-30%" width="160%" height="180%">
<feGaussianBlur in="SourceAlpha" stdDeviation="12"/>
<feOffset dy="12"/>
<feColorMatrix values="0 0 0 0 0.22
0 0 0 0 0.15
0 0 0 0 0.1
0 0 0 .28 0"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="softBlur">
<feGaussianBlur stdDeviation="8"/>
</filter>
<clipPath id="leftEyeClip">
<path d="M255 340 C281 301 342 299 370 337 C342 373 281 376 255 340Z"/>
</clipPath>
<clipPath id="rightEyeClip">
<path d="M430 337 C459 299 520 302 545 341 C517 376 456 373 430 337Z"/>
</clipPath>
</defs>
<!-- Background -->
<rect width="800" height="900" fill="url(#background)"/>
<circle cx="115" cy="150" r="54" fill="#fff" opacity=".24"/>
<circle cx="690" cy="210" r="82" fill="#fff" opacity=".18"/>
<circle cx="670" cy="665" r="58" fill="#c99f89" opacity=".1"/>
<ellipse cx="400" cy="820" rx="285" ry="48" fill="#725843" opacity=".2" filter="url(#softBlur)"/>
<g filter="url(#shadow)">
<!-- Curled fluffy tail -->
<path d="M572 653
C685 593 753 641 739 721
C728 787 643 817 567 782
C529 765 516 728 540 704
C560 682 591 687 619 704
C651 724 680 708 681 683
C682 657 644 646 601 673Z"
fill="url(#bodyFur)" stroke="#806247" stroke-width="5" stroke-linejoin="round"/>
<!-- Tail fluff tufts -->
<path d="M594 669 C632 637 677 641 704 661
M581 693 C625 674 662 687 678 711
M566 728 C607 718 638 735 647 761
M579 770 C615 780 661 770 687 744"
fill="none" stroke="#fff4db" stroke-width="10" stroke-linecap="round" opacity=".65"/>
<path d="M606 658 C633 652 651 654 672 663
M552 715 C573 703 596 701 617 709
M556 751 C581 743 610 753 623 769"
fill="none" stroke="#9f7b5b" stroke-width="4" stroke-linecap="round" opacity=".48"/>
<!-- Main sitting body silhouette -->
<path d="M270 473
C221 508 199 574 207 645
C171 691 178 758 220 791
L199 812 L244 810 L226 833
C280 823 337 829 397 828
C459 830 522 826 577 834
L557 811 L603 813 L580 789
C617 750 624 685 588 643
C598 575 575 512 529 474
C469 432 328 431 270 473Z"
fill="url(#bodyFur)" stroke="#755a43" stroke-width="6" stroke-linejoin="round"/>
<!-- Outer body fluff -->
<path d="M270 479 L245 468 L251 497 L222 493 L238 520
L210 527 L232 548 L205 564 L234 578
L207 602 L237 610 L211 641 L243 643
M530 479 L555 468 L549 498 L578 493 L561 522
L591 529 L566 550 L594 568 L565 579
L594 603 L563 613 L589 642 L557 646"
fill="none" stroke="#b49370" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Chest ruff -->
<path d="M309 457
C286 488 278 525 297 550
L277 567 L307 573 L288 595 L321 596
L307 623 L341 616 L337 649
L370 633 L400 669 L430 633
L463 650 L458 616 L492 624
L478 596 L511 594 L492 573
L522 566 L501 549
C521 519 510 484 488 457Z"
fill="#f7ead2" stroke="#9e7a59" stroke-width="5" stroke-linejoin="round"/>
<!-- Chest fur layers -->
<path d="M311 510 C343 535 367 524 400 554 C432 525 462 535 493 509"
fill="none" stroke="#c5a47e" stroke-width="9" stroke-linecap="round"/>
<path d="M302 552 C340 574 367 565 400 598 C433 565 462 576 500 550"
fill="none" stroke="#fff9e8" stroke-width="12" stroke-linecap="round"/>
<path d="M319 595 C350 609 374 607 400 635 C428 607 452 611 480 595"
fill="none" stroke="#b58e68" stroke-width="6" stroke-linecap="round" opacity=".62"/>
<!-- Front legs -->
<path d="M286 593
C264 649 260 732 282 789
C301 810 351 809 368 786
C378 720 372 648 348 595Z"
fill="#e7d0ad" stroke="#806047" stroke-width="5"/>
<path d="M452 595
C428 651 423 721 433 786
C451 810 501 811 519 790
C541 730 536 649 514 594Z"
fill="#d8bc97" stroke="#806047" stroke-width="5"/>
<!-- Leg fur -->
<path d="M293 625 C315 643 335 642 357 626
M283 674 C312 690 340 688 368 668
M279 725 C311 741 341 737 367 718
M507 625 C485 643 466 642 443 626
M518 676 C489 691 461 688 433 668
M521 726 C490 741 459 738 433 718"
fill="none" stroke="#fff4dc" stroke-width="9" stroke-linecap="round" opacity=".72"/>
<!-- Paws -->
<path d="M267 777 C282 759 349 760 370 782
C374 807 350 822 317 821
C283 822 261 806 267 777Z"
fill="#f0dcc0" stroke="#795b44" stroke-width="5"/>
<path d="M430 782 C451 759 518 760 533 778
C539 807 516 822 483 821
C450 822 426 807 430 782Z"
fill="#e4c9a6" stroke="#795b44" stroke-width="5"/>
<path d="M299 786 Q302 801 301 811 M324 784 Q325 801 324 814 M348 789 Q345 802 344 811
M453 790 Q456 803 456 812 M479 785 Q479 803 479 814 M505 787 Q501 802 502 811"
fill="none" stroke="#aa8068" stroke-width="4" stroke-linecap="round"/>
<!-- Ears behind head -->
<path d="M255 292
C218 236 224 189 254 161
C302 180 331 216 339 263Z"
fill="#c49e77" stroke="#71543f" stroke-width="6"/>
<path d="M545 292
C581 237 576 190 546 161
C499 181 469 217 461 263Z"
fill="#b88e69" stroke="#71543f" stroke-width="6"/>
<!-- Inner ears -->
<path d="M258 260 C239 228 242 203 257 185 C286 202 303 226 309 256Z"
fill="#d9a99d" opacity=".72"/>
<path d="M542 260 C561 228 558 203 544 185 C515 203 498 227 491 256Z"
fill="#d9a99d" opacity=".72"/>
<path d="M253 202 L270 248 M548 202 L529 249"
stroke="#fff2de" stroke-width="9" stroke-linecap="round" opacity=".8"/>
<!-- Head -->
<path d="M400 205
C326 196 263 229 230 287
L209 278 L220 307 L199 315 L225 332
C213 391 245 445 302 469
L293 492 L326 481 L335 505 L361 486
C386 494 415 494 440 486
L465 505 L474 481 L507 492 L498 468
C554 443 586 390 574 332
L601 315 L579 307 L591 278 L570 287
C537 228 474 196 400 205Z"
fill="url(#faceFur)" stroke="#70533e" stroke-width="7" stroke-linejoin="round"/>
<!-- Forehead and cheek fluff -->
<path d="M302 237 Q324 217 346 228 L364 211 L382 231 L400 207
L418 231 L438 211 L454 230 Q478 216 499 240"
fill="none" stroke="#fff6df" stroke-width="15" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M238 350 L216 365 L243 374 L225 396 L256 398
L244 424 L277 419 L272 448
M562 350 L584 365 L557 374 L575 396 L544 398
L556 424 L523 419 L528 448"
fill="none" stroke="#dfc39f" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Brow shadows -->
<path d="M246 320 C276 277 343 276 375 314"
fill="none" stroke="#927050" stroke-width="15" stroke-linecap="round" opacity=".5"/>
<path d="M425 314 C458 276 524 278 554 321"
fill="none" stroke="#927050" stroke-width="15" stroke-linecap="round" opacity=".5"/>
<!-- Eye sockets -->
<path d="M250 340 C277 294 342 294 374 336
C346 382 279 384 250 340Z"
fill="#513b2c" stroke="#624530" stroke-width="6"/>
<path d="M426 336 C459 294 524 296 550 341
C521 384 454 381 426 336Z"
fill="#513b2c" stroke="#624530" stroke-width="6"/>
<!-- Eye whites -->
<path d="M255 340 C281 301 342 299 370 337 C342 373 281 376 255 340Z"
fill="#fff9ea"/>
<path d="M430 337 C459 299 520 302 545 341 C517 376 456 373 430 337Z"
fill="#fff9ea"/>
<!-- Irises -->
<g clip-path="url(#leftEyeClip)">
<circle cx="315" cy="338" r="39" fill="url(#eyeAmber)" stroke="#5c3713" stroke-width="4"/>
<circle cx="315" cy="340" r="15" fill="#17120e"/>
<ellipse cx="315" cy="340" rx="7" ry="20" fill="#050403"/>
<circle cx="300" cy="321" r="9" fill="#fff" opacity=".9"/>
<circle cx="326" cy="352" r="4" fill="#fff4c4" opacity=".65"/>
</g>
<g clip-path="url(#rightEyeClip)">
<circle cx="485" cy="338" r="39" fill="url(#eyeAmber)" stroke="#5c3713" stroke-width="4"/>
<circle cx="485" cy="340" r="15" fill="#17120e"/>
<ellipse cx="485" cy="340" rx="7" ry="20" fill="#050403"/>
<circle cx="470" cy="321" r="9" fill="#fff" opacity=".9"/>
<circle cx="496" cy="352" r="4" fill="#fff4c4" opacity=".65"/>
</g>
<!-- Eyelids -->
<path d="M255 339 C284 301 341 302 370 337
M430 337 C460 301 517 303 545 341"
fill="none" stroke="#3d2c22" stroke-width="8" stroke-linecap="round"/>
<path d="M259 348 C290 375 338 374 367 344
M433 344 C463 374 512 375 541 349"
fill="none" stroke="#8a6852" stroke-width="4" stroke-linecap="round"/>
<!-- Flat central face bridge -->
<path d="M363 322
C371 348 370 370 355 390
C371 412 429 412 445 390
C430 370 429 348 437 322
C419 309 381 309 363 322Z"
fill="#d1b18e" opacity=".75"/>
<!-- Muzzle pads -->
<ellipse cx="355" cy="417" rx="70" ry="55" fill="url(#muzzle)" stroke="#9d795c" stroke-width="4"/>
<ellipse cx="445" cy="417" rx="70" ry="55" fill="url(#muzzle)" stroke="#9d795c" stroke-width="4"/>
<!-- Flat nose -->
<path d="M365 383
C380 373 420 373 435 383
C437 399 423 411 400 413
C377 411 363 399 365 383Z"
fill="url(#nose)" stroke="#493034" stroke-width="5"/>
<path d="M378 386 C388 381 410 381 421 386"
fill="none" stroke="#c58f89" stroke-width="4" stroke-linecap="round" opacity=".7"/>
<ellipse cx="378" cy="394" rx="4" ry="3" fill="#2c2021"/>
<ellipse cx="422" cy="394" rx="4" ry="3" fill="#2c2021"/>
<!-- Mouth -->
<path d="M400 411 C400 426 388 433 376 436
M400 411 C400 426 412 433 424 436"
fill="none" stroke="#563637" stroke-width="5" stroke-linecap="round"/>
<path d="M375 438 C390 449 410 449 425 438"
fill="none" stroke="#704346" stroke-width="4" stroke-linecap="round"/>
<path d="M390 448 Q400 455 410 448"
fill="none" stroke="#c47d7c" stroke-width="4" stroke-linecap="round"/>
<!-- Muzzle spots -->
<g fill="#826551" opacity=".7">
<circle cx="338" cy="412" r="2.5"/><circle cx="326" cy="425" r="2.2"/>
<circle cx="346" cy="434" r="2.1"/><circle cx="319" cy="408" r="1.8"/>
<circle cx="462" cy="412" r="2.5"/><circle cx="474" cy="425" r="2.2"/>
<circle cx="454" cy="434" r="2.1"/><circle cx="481" cy="408" r="1.8"/>
</g>
<!-- Whiskers -->
<path d="M350 420 C291 400 243 398 194 409
M345 432 C284 427 233 439 187 462
M349 443 C296 454 254 477 218 506
M450 420 C509 400 557 398 606 409
M455 432 C516 427 567 439 613 462
M451 443 C504 454 546 477 582 506"
fill="none" stroke="#6f5a4c" stroke-width="3" stroke-linecap="round" opacity=".85"/>
<!-- Fine facial fur -->
<path d="M290 270 C310 254 327 250 345 248
M510 270 C490 254 473 250 455 248
M277 385 C259 399 250 416 248 432
M523 385 C541 399 550 416 552 432"
fill="none" stroke="#fff7e5" stroke-width="7" stroke-linecap="round" opacity=".7"/>
</g>
</svg>GPT-5.2
Quality
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900" width="900" height="900">
<defs>
<!-- Soft fur gradient -->
<radialGradient id="furGrad" cx="40%" cy="30%" r="70%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="35%" stop-color="#f6f1ea"/>
<stop offset="75%" stop-color="#e8ddcf"/>
<stop offset="100%" stop-color="#d7c7b4"/>
</radialGradient>
<radialGradient id="faceGrad" cx="50%" cy="35%" r="70%">
<stop offset="0%" stop-color="#fffdf9"/>
<stop offset="55%" stop-color="#f3ede4"/>
<stop offset="100%" stop-color="#dbcab8"/>
</radialGradient>
<linearGradient id="earInner" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f4c6c6" stop-opacity="0.85"/>
<stop offset="100%" stop-color="#e7a8a8" stop-opacity="0.65"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="45%" cy="40%" r="65%">
<stop offset="0%" stop-color="#79a7a4"/>
<stop offset="55%" stop-color="#3f7772"/>
<stop offset="100%" stop-color="#224a46"/>
</radialGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="0" dy="12" stdDeviation="10" flood-color="#5a4a3a" flood-opacity="0.25"/>
</filter>
<filter id="furSoft" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="0.35"/>
</filter>
<style>
.line { fill:none; stroke:#6a5849; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; opacity:.85; }
.lineThin { fill:none; stroke:#6a5849; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; opacity:.75; }
.furLine { fill:none; stroke:#7a6656; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; opacity:.45; }
.furLine2 { fill:none; stroke:#7a6656; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; opacity:.35; }
</style>
</defs>
<!-- Background -->
<rect width="900" height="900" fill="#fbf7f2"/>
<!-- Ground shadow -->
<ellipse cx="455" cy="760" rx="250" ry="70" fill="#cbb8a5" opacity="0.35"/>
<!-- Cat group -->
<g filter="url(#softShadow)">
<!-- Fluffy body silhouette (sitting pose) -->
<path d="
M290 720
C240 690 215 640 232 590
C255 525 320 500 335 455
C352 400 340 335 398 308
C438 290 482 298 505 322
C532 350 526 392 545 422
C565 452 606 470 646 520
C695 582 692 680 634 720
C582 756 505 770 455 770
C402 770 335 758 290 720
Z"
fill="url(#furGrad)" stroke="#6a5849" stroke-width="8" stroke-linejoin="round"/>
<!-- Extra fluffy ruff around chest -->
<path d="
M330 560
C310 605 322 662 370 700
C420 740 500 742 546 706
C595 668 603 610 584 565
C560 508 514 490 458 485
C395 480 350 505 330 560
Z"
fill="#f7f1ea" opacity="0.85" stroke="#6a5849" stroke-width="6" />
<!-- Tail (fluffy plume curling right) -->
<path d="
M630 705
C705 700 760 650 742 590
C726 535 658 536 646 590
C637 630 664 655 690 662
C720 670 728 695 710 712
C690 735 652 740 630 732
C608 724 604 710 630 705
Z"
fill="url(#furGrad)" stroke="#6a5849" stroke-width="7" stroke-linejoin="round"/>
<!-- Subtle tail fur strokes -->
<path class="furLine" d="M646 592 C690 585 721 607 712 640"/>
<path class="furLine2" d="M642 640 C675 650 700 672 692 706"/>
<path class="furLine2" d="M655 565 C690 560 720 570 735 595"/>
<!-- Paws -->
<g>
<path d="M360 735 C345 710 350 675 380 660 C410 645 440 670 438 705 C437 725 420 742 395 746 C378 748 367 744 360 735 Z"
fill="#f1e8de" stroke="#6a5849" stroke-width="6"/>
<path d="M480 742 C468 720 472 685 505 668 C538 651 568 680 562 714 C558 735 540 750 514 753 C498 755 487 751 480 742 Z"
fill="#f1e8de" stroke="#6a5849" stroke-width="6"/>
<!-- Toe hints -->
<path class="lineThin" d="M376 733 C384 720 392 716 404 717"/>
<path class="lineThin" d="M396 745 C405 733 417 726 430 728" opacity=".55"/>
<path class="lineThin" d="M495 742 C504 729 515 724 528 726"/>
<path class="lineThin" d="M516 753 C525 742 537 734 551 736" opacity=".55"/>
</g>
<!-- Head (flat-faced Persian) -->
<g>
<!-- Ear back tufts -->
<path d="M320 320 C292 290 292 250 322 236 C348 224 368 252 378 280 C360 295 342 307 320 320 Z"
fill="url(#furGrad)" stroke="#6a5849" stroke-width="7" stroke-linejoin="round"/>
<path d="M585 282 C600 248 632 222 660 240 C690 260 686 300 658 330 C636 313 612 300 585 282 Z"
fill="url(#furGrad)" stroke="#6a5849" stroke-width="7" stroke-linejoin="round"/>
<!-- Main head fluff -->
<path d="
M330 420
C300 390 285 350 302 312
C325 260 382 230 450 232
C520 234 585 272 607 328
C624 371 607 405 582 430
C550 462 510 480 452 480
C395 480 360 460 330 420
Z"
fill="url(#faceGrad)" stroke="#6a5849" stroke-width="8" stroke-linejoin="round"/>
<!-- Inner ears -->
<path d="M333 308 C320 284 326 260 346 252 C366 244 382 266 389 290 C372 296 354 302 333 308 Z"
fill="url(#earInner)" stroke="#6a5849" stroke-width="5" opacity=".9"/>
<path d="M596 315 C610 288 606 264 586 254 C566 244 548 266 540 290 C558 298 575 306 596 315 Z"
fill="url(#earInner)" stroke="#6a5849" stroke-width="5" opacity=".9"/>
<!-- Cheek fluff (Persian ruff) -->
<path d="M320 410 C300 455 325 505 378 528 C410 542 433 528 444 510 C415 500 388 480 372 452 C357 426 342 413 320 410 Z"
fill="url(#furGrad)" stroke="#6a5849" stroke-width="6" opacity=".95"/>
<path d="M590 418 C612 456 594 508 542 536 C510 553 485 540 470 520 C500 508 528 486 548 456 C564 432 572 420 590 418 Z"
fill="url(#furGrad)" stroke="#6a5849" stroke-width="6" opacity=".95"/>
<!-- Eyes (large, round-ish) -->
<g>
<path d="M365 390
C360 355 388 332 424 338
C456 344 476 372 468 404
C460 438 426 452 398 444
C378 438 368 420 365 390 Z"
fill="#ffffff" stroke="#6a5849" stroke-width="6"/>
<path d="M438 392
C440 368 420 350 400 352
C380 354 368 373 370 395
C372 417 392 430 410 426
C428 422 436 410 438 392 Z"
fill="url(#eyeGrad)"/>
<ellipse cx="410" cy="392" rx="13" ry="18" fill="#111"/>
<ellipse cx="418" cy="382" rx="6" ry="6" fill="#fff" opacity=".9"/>
<ellipse cx="403" cy="402" rx="3" ry="3" fill="#fff" opacity=".55"/>
<path d="M535 390
C540 355 512 332 476 338
C444 344 424 372 432 404
C440 438 474 452 502 444
C522 438 532 420 535 390 Z"
fill="#ffffff" stroke="#6a5849" stroke-width="6"/>
<path d="M462 392
C460 368 480 350 500 352
C520 354 532 373 530 395
C528 417 508 430 490 426
C472 422 464 410 462 392 Z"
fill="url(#eyeGrad)"/>
<ellipse cx="490" cy="392" rx="13" ry="18" fill="#111"/>
<ellipse cx="498" cy="382" rx="6" ry="6" fill="#fff" opacity=".9"/>
<ellipse cx="483" cy="402" rx="3" ry="3" fill="#fff" opacity=".55"/>
<!-- Eyelid lines -->
<path class="lineThin" d="M372 380 C390 362 422 360 454 376" opacity=".55"/>
<path class="lineThin" d="M528 380 C510 362 478 360 446 376" opacity=".55"/>
</g>
<!-- Flat face: short nose bridge, small muzzle -->
<path d="M450 405
C440 402 430 410 430 422
C430 438 446 450 450 450
C454 450 470 438 470 422
C470 410 460 402 450 405 Z"
fill="#f0b7b7" stroke="#6a5849" stroke-width="6"/>
<!-- Nose highlight -->
<path d="M444 418 C444 410 452 408 456 415" fill="none" stroke="#fff" stroke-width="4" opacity=".55"/>
<!-- Mouth (Persian small, tucked) -->
<path class="line" d="M450 450 C442 460 430 465 418 462"/>
<path class="line" d="M450 450 C458 460 470 465 482 462"/>
<path class="lineThin" d="M450 452 C450 468 450 476 450 486" opacity=".6"/>
<!-- Whisker pads -->
<path d="M388 458 C360 450 350 432 362 418 C378 400 412 414 430 440 C418 458 405 464 388 458 Z"
fill="#f6f0e8" opacity=".9" stroke="#6a5849" stroke-width="5"/>
<path d="M512 458 C540 450 550 432 538 418 C522 400 488 414 470 440 C482 458 495 464 512 458 Z"
fill="#f6f0e8" opacity=".9" stroke="#6a5849" stroke-width="5"/>
<!-- Whiskers -->
<path class="lineThin" d="M360 444 C320 436 292 430 265 420" opacity=".65"/>
<path class="lineThin" d="M362 462 C320 462 292 466 258 474" opacity=".6"/>
<path class="lineThin" d="M370 480 C332 490 302 505 272 525" opacity=".55"/>
<path class="lineThin" d="M540 444 C580 436 608 430 635 420" opacity=".65"/>
<path class="lineThin" d="M538 462 C580 462 608 466 642 474" opacity=".6"/>
<path class="lineThin" d="M530 480 C568 490 598 505 628 525" opacity=".55"/>
<!-- Forehead fur detail -->
<path class="furLine" d="M420 300 C440 288 465 288 485 302"/>
<path class="furLine2" d="M395 328 C420 312 448 310 475 324"/>
<path class="furLine2" d="M505 330 C482 314 456 312 430 326"/>
<!-- Chin fluff -->
<path d="M410 505
C420 535 438 555 450 555
C462 555 480 535 490 505
C472 515 428 515 410 505 Z"
fill="#f7f2ec" stroke="#6a5849" stroke-width="6" opacity=".95"/>
</g>
<!-- Body fur strokes -->
<g filter="url(#furSoft)">
<path class="furLine" d="M300 650 C330 640 360 646 390 670"/>
<path class="furLine2" d="M310 600 C350 590 392 610 420 642"/>
<path class="furLine2" d="M340 540 C380 528 428 544 452 580"/>
<path class="furLine" d="M600 650 C570 640 540 646 510 670"/>
<path class="furLine2" d="M590 600 C550 590 508 610 480 642"/>
<path class="furLine2" d="M560 540 C520 528 472 544 448 580"/>
<path class="furLine2" d="M410 700 C450 716 490 716 530 700"/>
<path class="furLine2" d="M375 620 C420 650 480 650 525 620" opacity=".3"/>
</g>
<!-- Neck-to-body blend -->
<path d="M360 500
C340 540 350 585 392 610
C430 632 470 632 508 610
C552 585 562 540 540 500
C520 470 390 470 360 500 Z"
fill="#f4eee6" opacity=".85" stroke="#6a5849" stroke-width="6"/>
</g>
<!-- Subtle vignette -->
<radialGradient id="vig" cx="50%" cy="45%" r="70%">
<stop offset="60%" stop-color="#000" stop-opacity="0"/>
<stop offset="100%" stop-color="#000" stop-opacity="0.10"/>
</radialGradient>
<rect width="900" height="900" fill="url(#vig)"/>
</svg>GPT-4o
Valid SVG
View SVG Code
<svg
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 200 200"
xml:space="preserve"
width="200px"
height="200px">
<style type="text/css">
<![CDATA[
.cat-fur { fill: #F5F5DC; stroke: #D2B48C; stroke-width: 2; }
.cat-face { fill: #FFFFFF; stroke: #D2B48C; stroke-width: 1; }
.cat-eyes { fill: #000000; }
.cat-nose { fill: #FFC0CB; }
.cat-mouth { stroke: #FF69B4; stroke-width: 1; }
]]>
</style>
<g id="cat">
<!-- Body -->
<ellipse class="cat-fur" cx="100" cy="150" rx="50" ry="40" />
<!-- Head -->
<circle class="cat-fur" cx="100" cy="90" r="35" />
<!-- Ears -->
<path class="cat-fur" d="M65,70 Q60,50 80,60" />
<path class="cat-fur" d="M135,70 Q140,50 120,60" />
<!-- Face -->
<circle class="cat-face" cx="100" cy="90" r="30" />
<!-- Eyes -->
<ellipse class="cat-eyes" cx="85" cy="85" rx="5" ry="8" />
<ellipse class="cat-eyes" cx="115" cy="85" rx="5" ry="8" />
<!-- Nose -->
<polygon class="cat-nose" points="95,100 100,110 105,100" />
<!-- Mouth -->
<path class="cat-mouth" d="M95,110 Q100,115 105,110" />
<!-- Fluffy fur details -->
<path class="cat-fur" d="M70,80 Q65,90 75,95" />
<path class="cat-fur" d="M130,80 Q135,90 125,95" />
<path class="cat-fur" d="M85,130 Q90,140 95,135" />
<path class="cat-fur" d="M115,130 Q110,140 105,135" />
</g>
</svg>
Claude Opus 5
Claude Sonnet 4.6
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 500" width="400" height="500">
<defs>
<!-- Fur texture gradients -->
<radialGradient id="bodyGrad" cx="50%" cy="40%" r="55%">
<stop offset="0%" stop-color="#f5e6d0"/>
<stop offset="60%" stop-color="#e8d0b0"/>
<stop offset="100%" stop-color="#c8a878"/>
</radialGradient>
<radialGradient id="faceGrad" cx="50%" cy="45%" r="50%">
<stop offset="0%" stop-color="#f8edd8"/>
<stop offset="70%" stop-color="#edd8b8"/>
<stop offset="100%" stop-color="#c8a878"/>
</radialGradient>
<radialGradient id="eyeGradL" cx="40%" cy="35%" r="60%">
<stop offset="0%" stop-color="#a8d8a0"/>
<stop offset="50%" stop-color="#4a9a50"/>
<stop offset="100%" stop-color="#1a5a20"/>
</radialGradient>
<radialGradient id="eyeGradR" cx="40%" cy="35%" r="60%">
<stop offset="0%" stop-color="#a8d8a0"/>
<stop offset="50%" stop-color="#4a9a50"/>
<stop offset="100%" stop-color="#1a5a20"/>
</radialGradient>
<radialGradient id="noseGrad" cx="50%" cy="40%" r="60%">
<stop offset="0%" stop-color="#f0a0b0"/>
<stop offset="100%" stop-color="#d06070"/>
</radialGradient>
<radialGradient id="innerEarGrad" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#f0c0c0"/>
<stop offset="100%" stop-color="#d08090"/>
</radialGradient>
<radialGradient id="tailGrad" cx="30%" cy="50%" r="70%">
<stop offset="0%" stop-color="#f0dfc0"/>
<stop offset="100%" stop-color="#c0a060"/>
</radialGradient>
<!-- Fur filter -->
<filter id="furFilter">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" result="noise"/>
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" xChannelSelector="R" yChannelSelector="G"/>
</filter>
<filter id="softFur">
<feTurbulence type="turbulence" baseFrequency="0.65" numOctaves="3" result="noise"/>
<feDisplacementMap in="SourceGraphic" in2="noise" scale="2" xChannelSelector="R" yChannelSelector="G"/>
</filter>
<filter id="glow">
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Background -->
<rect width="400" height="500" fill="#f0f4f8" rx="20"/>
<ellipse cx="200" cy="480" rx="130" ry="15" fill="#d8c8a8" opacity="0.4"/>
<!-- ===== TAIL ===== -->
<path d="M 280 380 Q 370 320 380 260 Q 390 200 350 180 Q 320 170 310 200 Q 340 210 335 250 Q 325 300 270 360 Z"
fill="url(#tailGrad)" filter="url(#furFilter)" opacity="0.9"/>
<!-- Tail fur strands -->
<path d="M 290 370 Q 375 310 382 255" stroke="#c8a060" stroke-width="1.5" fill="none" opacity="0.5"/>
<path d="M 300 365 Q 378 305 383 248" stroke="#d4b070" stroke-width="1" fill="none" opacity="0.4"/>
<path d="M 275 375 Q 365 318 376 258" stroke="#c0a055" stroke-width="1" fill="none" opacity="0.4"/>
<!-- ===== BODY (sitting) ===== -->
<!-- Main body shape -->
<ellipse cx="200" cy="360" rx="105" ry="120" fill="url(#bodyGrad)" filter="url(#furFilter)"/>
<!-- Body fluffy outline layers -->
<path d="M 95 300 Q 60 330 70 390 Q 80 440 120 460 Q 160 475 200 475 Q 240 475 280 460 Q 320 440 330 390 Q 340 330 305 300 Q 270 270 200 265 Q 130 270 95 300 Z"
fill="url(#bodyGrad)" filter="url(#furFilter)"/>
<!-- Fluffy chest -->
<ellipse cx="200" cy="350" rx="75" ry="85" fill="#f8edd8" opacity="0.6" filter="url(#furFilter)"/>
<!-- Chest fur detail lines -->
<path d="M 165 290 Q 200 310 235 290" stroke="#d4b888" stroke-width="1.5" fill="none" opacity="0.6"/>
<path d="M 155 310 Q 200 335 245 310" stroke="#d4b888" stroke-width="1.5" fill="none" opacity="0.5"/>
<path d="M 150 330 Q 200 358 250 330" stroke="#d4b888" stroke-width="1.5" fill="none" opacity="0.5"/>
<path d="M 148 352 Q 200 378 252 352" stroke="#d4b888" stroke-width="1.5" fill="none" opacity="0.4"/>
<path d="M 152 374 Q 200 398 248 374" stroke="#d4b888" stroke-width="1.5" fill="none" opacity="0.4"/>
<!-- Paws -->
<!-- Left paw -->
<ellipse cx="155" cy="458" rx="38" ry="22" fill="#edd8b8" filter="url(#softFur)"/>
<ellipse cx="145" cy="462" rx="14" ry="10" fill="#e8d0a8"/>
<ellipse cx="162" cy="464" rx="14" ry="10" fill="#e8d0a8"/>
<ellipse cx="178" cy="460" rx="12" ry="9" fill="#e8d0a8"/>
<!-- Toe lines left -->
<path d="M 145 455 Q 145 468" stroke="#c8a878" stroke-width="1" fill="none" opacity="0.6"/>
<path d="M 162 457 Q 162 470" stroke="#c8a878" stroke-width="1" fill="none" opacity="0.6"/>
<!-- Right paw -->
<ellipse cx="245" cy="458" rx="38" ry="22" fill="#edd8b8" filter="url(#softFur)"/>
<ellipse cx="235" cy="464" rx="12" ry="9" fill="#e8d0a8"/>
<ellipse cx="251" cy="464" rx="14" ry="10" fill="#e8d0a8"/>
<ellipse cx="268" cy="462" rx="14" ry="10" fill="#e8d0a8"/>
<!-- ===== NECK FUR ===== -->
<ellipse cx="200" cy="285" rx="72" ry="40" fill="#f5e6d0" filter="url(#furFilter)" opacity="0.9"/>
<!-- Ruff / collar fur -->
<path d="M 130 275 Q 150 255 170 268 Q 200 258 230 268 Q 250 255 270 275 Q 285 295 280 310 Q 260 295 240 305 Q 220 295 200 300 Q 180 295 160 305 Q 140 295 120 310 Q 115 295 130 275 Z"
fill="#f8f0e0" filter="url(#furFilter)" opacity="0.95"/>
<!-- Ruff fur strands -->
<path d="M 135 278 Q 128 300 132 312" stroke="#e0c898" stroke-width="1.5" fill="none" opacity="0.6"/>
<path d="M 148 265 Q 144 288 148 302" stroke="#e0c898" stroke-width="1.5" fill="none" opacity="0.6"/>
<path d="M 165 260 Q 163 282 166 296" stroke="#e0c898" stroke-width="1.5" fill="none" opacity="0.5"/>
<path d="M 200 258 Q 200 280 200 294" stroke="#e0c898" stroke-width="1.5" fill="none" opacity="0.5"/>
<path d="M 235 260 Q 237 282 234 296" stroke="#e0c898" stroke-width="1.5" fill="none" opacity="0.5"/>
<path d="M 252 265 Q 256 288 252 302" stroke="#e0c898" stroke-width="1.5" fill="none" opacity="0.6"/>
<path d="M 265 278 Q 272 300 268 312" stroke="#e0c898" stroke-width="1.5" fill="none" opacity="0.6"/>
<!-- ===== HEAD ===== -->
<!-- Head base - round Persian head -->
<ellipse cx="200" cy="195" rx="90" ry="88" fill="url(#faceGrad)" filter="url(#furFilter)"/>
<!-- Head fluffy fur outline -->
<path d="M 112 180 Q 105 155 115 135 Q 125 110 145 100 Q 165 88 190 85 Q 210 83 230 88 Q 252 96 268 110 Q 285 128 290 150 Q 295 172 288 195 Q 282 215 270 230 Q 255 248 235 258 Q 215 268 200 270 Q 185 268 165 258 Q 145 248 130 230 Q 115 210 112 180 Z"
fill="url(#faceGrad)" filter="url(#furFilter)"/>
<!-- Extra fluffy head fur -->
<path d="M 118 165 Q 108 145 120 125 Q 132 105 148 96"
stroke="#d4b888" stroke-width="2" fill="none" opacity="0.5"/>
<path d="M 282 165 Q 292 145 280 125 Q 268 105 252 96"
stroke="#d4b888" stroke-width="2" fill="none" opacity="0.5"/>
<!-- ===== EARS ===== -->
<!-- Left ear outer -->
<path d="M 138 108 Q 118 75 130 55 Q 140 38 158 48 Q 168 55 172 78 Q 165 95 155 108 Z"
fill="#e8d0b0" filter="url(#furFilter)"/>
<!-- Left ear inner -->
<path d="M 142 105 Q 126 78 135 62 Q 142 50 155 58 Q 163 65 164 82 Q 158 95 150 105 Z"
fill="url(#innerEarGrad)" opacity="0.8"/>
<!-- Left ear fur tufts -->
<path d="M 130 60 Q 125 50 122 42" stroke="#c8a878" stroke-width="1.5" fill="none" opacity="0.7"/>
<path d="M 140 52 Q 137 42 136 33" stroke="#c8a878" stroke-width="1.5" fill="none" opacity="0.7"/>
<path d="M 152 48 Q 151 38 152 28" stroke="#c8a878" stroke-width="1.5" fill="none" opacity="0.6"/>
<!-- Right ear outer -->
<path d="M 262 108 Q 282 75 270 55 Q 260 38 242 48 Q 232 55 228 78 Q 235 95 245 108 Z"
fill="#e8d0b0" filter="url(#furFilter)"/>
<!-- Right ear inner -->
<path d="M 258 105 Q 274 78 265 62 Q 258 50 245 58 Q 237 65 236 82 Q 242 95 250 105 Z"
fill="url(#innerEarGrad)" opacity="0.8"/>
<!-- Right ear fur tufts -->
<path d="M 270 60 Q 275 50 278 42" stroke="#c8a878" stroke-width="1.5" fill="none" opacity="0.7"/>
<path d="M 260 52 Q 263 42 264 33" stroke="#c8a878" stroke-width="1.5" fill="none" opacity="0.7"/>
<path d="M 248 48 Q 249 38 248 28" stroke="#c8a878" stroke-width="1.5" fill="none" opacity="0.6"/>
<!-- ===== FACE DETAILS ===== -->
<!-- Flat face structure - Persian characteristic -->
<ellipse cx="200" cy="210" rx="62" ry="55" fill="#f8edd8" opacity="0.7"/>
<!-- Brow ridge fur -->
<path d="M 148 168 Q 175 158 200 162 Q 225 158 252 168"
stroke="#c8a878" stroke-width="2.5" fill="none" opacity="0.5"/>
<!-- ===== EYES ===== -->
<!-- Left eye shadow -->
<ellipse cx="172" cy="192" rx="24" ry="20" fill="#c8a060" opacity="0.2"/>
<!-- Left eye white -->
<ellipse cx="172" cy="191" rx="22" ry="19" fill="white"/>
<!-- Left iris -->
<ellipse cx="172" cy="191" rx="17" ry="16" fill="url(#eyeGradL)"/>
<!-- Left pupil -->
<ellipse cx="172" cy="191" rx="7" ry="12" fill="#0a0a0a"/>
<!-- Left eye shine -->
<ellipse cx="166" cy="185" rx="4" ry="3" fill="white" opacity="0.9"/>
<ellipse cx="178" cy="196" rx="2" ry="1.5" fill="white" opacity="0.6"/>
<!-- Left eye outline -->
<ellipse cx="172" cy="191" rx="22" ry="19" fill="none" stroke="#5a3a20" stroke-width="1.5"/>
<!-- Left eyelid lines -->
<path d="M 152 191 Q 172 178 192 191" stroke="#5a3a20" stroke-width="1.5" fill="none"/>
<path d="M 152 191 Q 172 204 192 191" stroke="#7a5a30" stroke-width="1" fill="none" opacity="0.7"/>
<!-- Right eye shadow -->
<ellipse cx="228" cy="192" rx="24" ry="20" fill="#c8a060" opacity="0.2"/>
<!-- Right eye white -->
<ellipse cx="228" cy="191" rx="22" ry="19" fill="white"/>
<!-- Right iris -->
<ellipse cx="228" cy="191" rx="17" ry="16" fill="url(#eyeGradR)"/>
<!-- Right pupil -->
<ellipse cx="228" cy="191" rx="7" ry="12" fill="#0a0a0a"/>
<!-- Right eye shine -->
<ellipse cx="222" cy="185" rx="4" ry="3" fill="white" opacity="0.9"/>
<ellipse cx="234" cy="196" rx="2" ry="1.5" fill="white" opacity="0.6"/>
<!-- Right eye outline -->
<ellipse cx="228" cy="191" rx="22" ry="19" fill="none" stroke="#5a3a20" stroke-width="1.5"/>
<!-- Right eyelid lines -->
<path d="M 208 191 Q 228 178 248 191" stroke="#5a3a20" stroke-width="1.5" fill="none"/>
<path d="M 208 191 Q 228 204 248 191" stroke="#7a5a30" stroke-width="1" fill="none" opacity="0.7"/>
<!-- ===== NOSE (flat Persian nose) ===== -->
<!-- Nose bridge - very short (Persian characteristic) -->
<path d="M 192 205 Q 200 202 208 205" stroke="#c8a878" stroke-width="1.5" fill="none" opacity="0.5"/>
<!-- Nose -->
<path d="M 192 218 Q 200 212 208 218 Q 212 224 208 228 Q 204 232 200 230 Q 196 232 192 228 Q 188 224 192 218 Z"
fill="url(#noseGrad)"/>
<!-- Nose highlight -->
<ellipse cx="197" cy="220" rx="3" ry="2" fill="white" opacity="0.4"/>
<!-- ===== MOUTH ===== -->
<!-- Philtrum -->
<path d="M 200 230 L 200 238" stroke="#c08080" stroke-width="1.5" fill="none"/>
<!-- Mouth curve -->
<path d="M 188 240 Q 200 248 212 240" stroke="#a06060" stroke-width="1.8" fill="none"/>
<!-- Subtle smile -->
<path d="M 188 240 Q 185 243 187 246" stroke="#a06060" stroke-width="1.2" fill="none" opacity="0.6"/>
<path d="M 212 240 Q 215 243 213 246" stroke="#a06060" stroke-width="1.2" fill="none" opacity="0.6"/>
<!-- ===== WHISKERS ===== -->
<!-- Left whiskers -->
<line x1="185" y1="232" x2="108" y2="218" stroke="white" stroke-width="1.5" opacity="0.9"/>
<line x1="185" y1="236" x2="105" y2="236" stroke="white" stroke-width="1.5" opacity="0.9"/>
<line x1="185" y1="240" x2="108" y2="252" stroke="white" stroke-width="1.5" opacity="0.9"/>
<line x1="185" y1="228" x2="115" y2="208" stroke="white" stroke-width="1" opacity="0.6"/>
<!-- Left whisker dots -->
<circle cx="182" cy="232" r="1.5" fill="#d4a878" opacity="0.7"/>
<circle cx="182" cy="236" r="1.5" fill="#d4a878" opacity="0.7"/>
<circle cx="182" cy="240" r="1.5" fill="#d4a878" opacity="0.7"/>
<!-- Right whiskers -->
<line x1="215" y1="232" x2="292" y2="218" stroke="white" stroke-width="1.5" opacity="0.9"/>
<line x1="215" y1="236" x2="295" y2="236" stroke="white" stroke-width="1.5" opacity="0.9"/>
<line x1="215" y1="240" x2="292" y2="252" stroke="white" stroke-width="1.5" opacity="0.9"/>
<line x1="215" y1="228" x2="285" y2="208" stroke="white" stroke-width="1" opacity="0.6"/>
<!-- Right whisker dots -->
<circle cx="218" cy="232" r="1.5" fill="#d4a878" opacity="0.7"/>
<circle cx="218" cy="236" r="1.5" fill="#d4a878" opacity="0.7"/>
<circle cx="218" cy="240" r="1.5" fill="#d4a878" opacity="0.7"/>
<!-- ===== FOREHEAD FUR DETAILS ===== -->
<!-- Fur texture lines on forehead -->
<path d="M 175 140 Q 185 130 200 128 Q 215 130 225 140"
stroke="#d4b888" stroke-width="1.5" fill="none" opacity="0.5"/>
<path d="M 168 155 Q 184 143 200 141 Q 216 143 232 155"
stroke="#d4b888" stroke-width="1.2" fill="none" opacity="0.4"/>
<!-- Forehead M marking subtle -->
<path d="M 190 148 Q 195 142 200 148 Q 205 142 210 148"
stroke="#c8a060" stroke-width="1.2" fill="none" opacity="0.4"/>
<!-- ===== SIDE FACE FUR ===== -->
<!-- Left cheek fur puff -->
<path d="M 120 195 Q 108 205 112 220 Q 118 235 132 238"
stroke="#d4b888" stroke-width="2" fill="none" opacity="0.5" filter="url(#softFur)"/>
<path d="M 125 188 Q 112 198 115 215" stroke="#d4b888" stroke-width="1.5" fill="none" opacity="0.4"/>
<!-- Right cheek fur puff -->
<path d="M 280 195 Q 292 205 288 220 Q 282 235 268 238"
stroke="#d4b888" stroke-width="2" fill="none" opacity="0.5" filter="url(#softFur)"/>
<path d="M 275 188 Q 288 198 285 215" stroke="#d4b888" stroke-width="1.5" fill="none" opacity="0.4"/>
<!-- ===== BODY FUR TEXTURE ===== -->
<!-- Additional fur stroke details on body -->
<path d="M 110 320 Q 105 340 108 360" stroke="#c8a060" stroke-width="1.5" fill="none" opacity="0.4"/>
<path d="M 100 350 Q 97 370 102 390" stroke="#c8a060" stroke-width="1.5" fill="none" opacity="0.4"/>
<path d="M 290 320 Q 295 340 292 360" stroke="#c8a060" stroke-width="1.5" fill="none" opacity="0.4"/>
<path d="M 300 350 Q 303 370 298 390" stroke="#c8a060" stroke-width="1.5" fill="none" opacity="0.4"/>
<!-- Belly center line fur -->
<path d="M 200 300 Q 200 350 200 400" stroke="#e8d8b8" stroke-width="2" fill="none" opacity="0.4"/>
<path d="M 193 305 Q 192 355 193 405" stroke="#e8d8b8" stroke-width="1.5" fill="none" opacity="0.3"/>
<path d="M 207 305 Q 208 355 207 405" stroke="#e8d8b8" stroke-width="1.5" fill="none" opacity="0.3"/>
<!-- ===== DECORATIVE LABEL ===== -->
<text x="200" y="498" text-anchor="middle" font-family="Georgia, serif" font-size="13"
fill="#8a6a40" opacity="0.8" font-style="italic">Persian Cat</text>
</svg>
Gemini 2.5 Pro
Valid SVG
View SVG Code
<svg width="600" height="600" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" aria-labelledby="catTitle" role="img">
<title id="catTitle">A fluffy Persian cat in a sitting pose</title>
<desc id="catDesc">An illustration of a white and grey Persian cat with large copper eyes, a flat face, and a very fluffy coat. It is sitting upright with its tail curled around its side.</desc>
<style>
.cat-body { fill: #F5F5F5; stroke: #B0B0B0; stroke-width: 1; }
.cat-fluff { fill: #E0E0E0; stroke: #B0B0B0; stroke-width: 0.8; }
.eye-iris { fill: #D4A24E; stroke: #4A3719; stroke-width: 0.7; }
.eye-pupil { fill: #000000; }
.eye-highlight { fill: #FFFFFF; }
.nose-mouth { fill: #F2C2C2; stroke: #D4A3A3; stroke-width: 0.5; }
.inner-ear { fill: #FADADD; }
.whiskers { fill: none; stroke: #A0A0A0; stroke-width: 0.4; stroke-linecap: round; }
.toe-lines { fill: none; stroke: #C0C0C0; stroke-width: 0.5; stroke-linecap: round; }
</style>
<g id="persian-cat">
<!-- Fluffy Tail (drawn first to be in the back) -->
<path class="cat-body" d="M 140 180
C 160 175, 185 150, 180 120
C 175 90, 155 80, 145 90
C 155 110, 165 130, 160 150
C 155 170, 145 185, 140 180 Z" />
<!-- Main Body and Paws -->
<path class="cat-body" d="M 50 195
C 40 180, 35 150, 45 130
C 50 120, 60 115, 75 115
L 125 115
C 140 115, 150 120, 155 130
C 165 150, 160 180, 150 195
L 130 195
C 125 190, 120 198, 115 195
L 85 195
C 80 198, 75 190, 70 195
L 50 195 Z" />
<!-- Chest Fluff -->
<path class="cat-fluff" d="M 75 115
C 65 130, 65 150, 78 155
Q 100 165, 122 155
C 135 150, 135 130, 125 115 Z" />
<!-- Head -->
<path class="cat-body" d="M 60 120
C 30 110, 25 70, 55 50
C 70 40, 100 35, 120 40
C 140 45, 175 60, 170 90
C 165 120, 140 125, 125 120
L 75 120
C 70 122, 65 122, 60 120 Z" />
<!-- Ears -->
<g id="ears">
<!-- Left Ear -->
<path class="cat-body" d="M 55 55 C 50 40, 65 35, 75 45 Z" />
<path class="inner-ear" d="M 61 52 C 60 45, 68 43, 72 48 Z" />
<!-- Right Ear -->
<path class="cat-body" d="M 145 55 C 150 40, 135 35, 125 45 Z" />
<path class="inner-ear" d="M 139 52 C 140 45, 132 43, 128 48 Z" />
</g>
<!-- Face Details -->
<g id="face">
<!-- Eyes -->
<g id="eyes">
<!-- Left Eye -->
<ellipse class="eye-iris" cx="80" cy="80" rx="14" ry="15"/>
<ellipse class="eye-pupil" cx="80" cy="80" rx="6" ry="7"/>
<circle class="eye-highlight" cx="76" cy="74" r="3"/>
<circle class="eye-highlight" cx="83" cy="85" r="1.5" opacity="0.8"/>
<!-- Right Eye -->
<ellipse class="eye-iris" cx="120" cy="80" rx="14" ry="15"/>
<ellipse class="eye-pupil" cx="120" cy="80" rx="6" ry="7"/>
<circle class="eye-highlight" cx="116" cy="74" r="3"/>
<circle class="eye-highlight" cx="123" cy="85" r="1.5" opacity="0.8"/>
</g>
<!-- Nose and Mouth -->
<g id="nose-and-mouth">
<!-- Nose -->
<path class="nose-mouth" d="M 97 82 L 103 82 L 100 86 Z" />
<!-- Mouth -->
<path d="M 100 86 L 100 90 C 98 94, 94 94, 92 92" fill="none" stroke="#D4A3A3" stroke-width="0.5"/>
<path d="M 100 90 C 102 94, 106 94, 108 92" fill="none" stroke="#D4A3A3" stroke-width="0.5"/>
</g>
<!-- Whiskers -->
<g class="whiskers">
<!-- Left Whiskers -->
<path d="M 85 90 Q 60 92, 40 85" />
<path d="M 85 95 Q 55 98, 35 98" />
<path d="M 85 100 Q 60 106, 40 110" />
<!-- Right Whiskers -->
<path d="M 115 90 Q 140 92, 160 85" />
<path d="M 115 95 Q 145 98, 165 98" />
<path d="M 115 100 Q 140 106, 160 110" />
</g>
</g>
<!-- Toe Lines -->
<g class="toe-lines">
<path d="M 78 195 L 78 190" />
<path d="M 122 195 L 122 190" />
</g>
</g>
</svg>
Grok 4.3
Valid SVG
View SVG Code
<svg width="500" height="600" viewBox="0 0 500 600" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Fluffy fur gradient -->
<linearGradient id="furGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#F8F1E3"/>
<stop offset="50%" style="stop-color:#EDE4D3"/>
<stop offset="100%" style="stop-color:#D4C4A8"/>
</linearGradient>
<!-- Soft shadow for fluff -->
<filter id="fluff" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="3"/>
</filter>
</defs>
<!-- Tail (fluffy, curled around body) -->
<path d="M 280 380 Q 340 320 380 360 Q 410 400 360 430 Q 320 450 290 400"
fill="#EDE4D3" stroke="#C9B89A" stroke-width="18" stroke-linejoin="round"/>
<path d="M 280 380 Q 340 320 380 360 Q 410 400 360 430 Q 320 450 290 400"
fill="none" stroke="#F8F1E3" stroke-width="10" stroke-linejoin="round" opacity="0.6"/>
<!-- Body (sitting loaf shape with fluffy outline) -->
<path d="M 140 320 Q 120 380 150 440 Q 200 490 300 470 Q 360 430 340 360 Q 320 300 260 310 Q 180 300 140 320"
fill="url(#furGrad)" stroke="#C9B89A" stroke-width="22" stroke-linejoin="round"/>
<!-- Extra fluff layers on body -->
<path d="M 150 340 Q 140 390 170 440" fill="none" stroke="#F8F1E3" stroke-width="12" stroke-opacity="0.5"/>
<path d="M 300 330 Q 330 380 310 440" fill="none" stroke="#F8F1E3" stroke-width="10" stroke-opacity="0.5"/>
<!-- Front legs / paws (tucked sitting pose) -->
<ellipse cx="195" cy="440" rx="38" ry="28" fill="#EDE4D3" stroke="#C9B89A" stroke-width="10"/>
<ellipse cx="265" cy="445" rx="38" ry="26" fill="#EDE4D3" stroke="#C9B89A" stroke-width="10"/>
<!-- Paw details -->
<ellipse cx="195" cy="445" rx="18" ry="10" fill="#D4C4A8"/>
<ellipse cx="265" cy="450" rx="18" ry="9" fill="#D4C4A8"/>
<!-- Head (distinctive flat Persian face) -->
<path d="M 155 220 Q 130 280 160 330 Q 220 365 290 330 Q 320 280 295 220 Q 250 190 200 200 Q 160 200 155 220"
fill="url(#furGrad)" stroke="#C9B89A" stroke-width="18" stroke-linejoin="round"/>
<!-- Fluffy cheek ruffs -->
<path d="M 155 260 Q 120 290 140 330" fill="none" stroke="#F8F1E3" stroke-width="14" stroke-opacity="0.7"/>
<path d="M 295 260 Q 330 290 310 330" fill="none" stroke="#F8F1E3" stroke-width="14" stroke-opacity="0.7"/>
<!-- Ears (small and set low) -->
<path d="M 165 225 Q 145 175 185 190" fill="#EDE4D3" stroke="#C9B89A" stroke-width="10"/>
<path d="M 285 225 Q 305 175 265 190" fill="#EDE4D3" stroke="#C9B89A" stroke-width="10"/>
<!-- Inner ears -->
<path d="M 170 220 Q 155 190 185 198" fill="#F2D7C2" stroke="none"/>
<path d="M 280 220 Q 295 190 265 198" fill="#F2D7C2" stroke="none"/>
<!-- Large expressive eyes -->
<ellipse cx="195" cy="255" rx="32" ry="38" fill="#4A90D9" stroke="#2C5F8A" stroke-width="6"/>
<ellipse cx="265" cy="255" rx="32" ry="38" fill="#4A90D9" stroke="#2C5F8A" stroke-width="6"/>
<!-- Eye highlights -->
<ellipse cx="205" cy="242" rx="10" ry="14" fill="#FFFFFF" opacity="0.7"/>
<ellipse cx="275" cy="242" rx="10" ry="14" fill="#FFFFFF" opacity="0.7"/>
<!-- Pupils -->
<ellipse cx="195" cy="255" rx="10" ry="18" fill="#1A3A5C"/>
<ellipse cx="265" cy="255" rx="10" ry="18" fill="#1A3A5C"/>
<!-- Flat face muzzle -->
<path d="M 210 295 Q 230 310 250 295" fill="none" stroke="#C9B89A" stroke-width="5"/>
<!-- Small pushed-in nose -->
<ellipse cx="230" cy="302" rx="11" ry="7" fill="#F2A7A7" stroke="#D17A7A" stroke-width="3"/>
<!-- Nose highlight -->
<ellipse cx="233" cy="299" rx="4" ry="2" fill="#FFFFFF" opacity="0.6"/>
<!-- Subtle mouth -->
<path d="M 230 310 Q 225 318 220 315" fill="none" stroke="#C9B89A" stroke-width="3"/>
<path d="M 230 310 Q 235 318 240 315" fill="none" stroke="#C9B89A" stroke-width="3"/>
<!-- Delicate whiskers -->
<path d="M 160 285 Q 100 275 70 290" fill="none" stroke="#C9B89A" stroke-width="1.5" opacity="0.6"/>
<path d="M 160 295 Q 95 290 65 305" fill="none" stroke="#C9B89A" stroke-width="1.5" opacity="0.6"/>
<path d="M 300 285 Q 360 275 390 290" fill="none" stroke="#C9B89A" stroke-width="1.5" opacity="0.6"/>
<path d="M 300 295 Q 365 290 395 305" fill="none" stroke="#C9B89A" stroke-width="1.5" opacity="0.6"/>
<!-- Extra fluff tufts on head -->
<path d="M 175 215 Q 160 200 180 195" fill="none" stroke="#F8F1E3" stroke-width="8" opacity="0.5"/>
<path d="M 275 215 Q 290 200 270 195" fill="none" stroke="#F8F1E3" stroke-width="8" opacity="0.5"/>
</svg>
DeepSeek V3
Valid SVG
View SVG Code
<svg width="300" height="350" viewBox="0 0 300 350" xmlns="http://www.w3.org/2000/svg">
<!-- Persian Cat SVG -->
<defs>
<!-- Gradient for fluffy effect -->
<linearGradient id="furGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#f0e6d2;stop-opacity:1" />
<stop offset="50%" style="stop-color:#e8dac8;stop-opacity:1" />
<stop offset="100%" style="stop-color:#d8c8b0;stop-opacity:1" />
</linearGradient>
<!-- Gradient for eyes -->
<radialGradient id="eyeGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1" />
<stop offset="70%" style="stop-color:#4682B4;stop-opacity:1" />
<stop offset="100%" style="stop-color:#4169E1;stop-opacity:1" />
</radialGradient>
<!-- Fluffy fur pattern -->
<pattern id="furPattern" patternUnits="userSpaceOnUse" width="20" height="20">
<path d="M 0,10 Q 5,5 10,10 T 20,10" fill="none" stroke="#d8c8b0" stroke-width="0.5" opacity="0.3"/>
<path d="M 10,0 Q 5,5 10,10 T 10,20" fill="none" stroke="#d8c8b0" stroke-width="0.5" opacity="0.3"/>
</pattern>
</defs>
<!-- Background -->
<rect width="300" height="350" fill="#f8f0e6"/>
<!-- Main body with fluffy fur -->
<g id="persianCat">
<!-- Body (fluffy silhouette) -->
<path id="body" d="M 150,280
C 100,280 70,250 80,200
C 90,180 120,160 150,150
C 180,160 210,180 220,200
C 230,250 200,280 150,280
Z"
fill="url(#furGradient)" stroke="#c0a890" stroke-width="2"/>
<!-- Fluffy chest -->
<path id="chestFur" d="M 150,200
C 130,210 120,220 120,230
C 120,240 130,250 150,250
C 170,250 180,240 180,230
C 180,220 170,210 150,200
Z"
fill="#f8f0e6" stroke="#d8c8b0" stroke-width="1" opacity="0.8"/>
<!-- Tail (curled and fluffy) -->
<path id="tail" d="M 220,200
C 240,180 250,160 240,140
C 230,120 210,110 200,120
C 190,130 195,150 210,160
Z"
fill="url(#furGradient)" stroke="#c0a890" stroke-width="1.5"/>
<!-- Head with distinctive flat face -->
<path id="head" d="M 150,120
C 100,120 70,140 70,170
C 70,190 90,200 120,200
C 130,210 140,210 150,210
C 160,210 170,210 180,200
C 210,200 230,190 230,170
C 230,140 200,120 150,120
Z"
fill="url(#furGradient)" stroke="#c0a890" stroke-width="2"/>
<!-- Left ear -->
<path id="leftEar" d="M 90,150
C 85,130 95,110 110,115
C 105,125 100,135 95,145
Z"
fill="#ffccaa" stroke="#c0a890" stroke-width="1"/>
<path id="leftEarInner" d="M 95,140
C 100,130 105,125 108,120
Q 102,123 97,135"
fill="#ffddbb" stroke="#e8c8a8" stroke-width="0.5"/>
<!-- Right ear -->
<path id="rightEar" d="M 210,150
C 215,130 205,110 190,115
C 195,125 200,135 205,145
Z"
fill="#ffccaa" stroke="#c0a890" stroke-width="1"/>
<path id="rightEarInner" d="M 205,140
C 200,130 195,125 192,120
Q 198,123 203,135"
fill="#ffddbb" stroke="#e8c8a8" stroke-width="0.5"/>
<!-- Fluffy face ruff -->
<path id="faceRuff" d="M 150,170
C 120,175 100,185 90,195
C 85,185 90,175 100,170
C 110,165 130,160 150,160
C 170,165 190,170 200,175
C 210,180 215,185 210,195
C 200,185 180,175 150,170
Z"
fill="#f8f0e6" stroke="#e8dac8" stroke-width="1" opacity="0.9"/>
<!-- Face details -->
<g id="face">
<!-- Flat face area -->
<ellipse cx="150" cy="180" rx="50" ry="30" fill="#f8f0e6" opacity="0.7"/>
<!-- Left eye (large Persian cat eye) -->
<ellipse id="leftEye" cx="125" cy="175" rx="12" ry="8" fill="url(#eyeGradient)"/>
<ellipse cx="125" cy="175" rx="10" ry="6" fill="#000"/>
<ellipse cx="126" cy="174" rx="4" ry="3" fill="#fff"/>
<!-- Right eye -->
<ellipse id="rightEye" cx="175" cy="175" rx="12" ry="8" fill="url(#eyeGradient)"/>
<ellipse cx="175" cy="175" rx="10" ry="6" fill="#000"/>
<ellipse cx="176" cy="174" rx="4" ry="3" fill="#fff"/>
<!-- Nose (distinctive Persian flat nose) -->
<path id="nose" d="M 150,185
C 145,190 140,192 138,190
C 142,188 148,188 150,185
C 152,188 158,188 162,190
C 160,192 155,190 150,185
Z"
fill="#ff9999" stroke="#ff6666" stroke-width="0.5"/>
<!-- Mouth -->
<path id="mouth" d="M 150,195
C 145,197 142,200 145,203
C 148,205 152,205 155,203
C 158,200 155,197 150,195
Z"
fill="#ff6666" stroke="#ff4444" stroke-width="0.5"/>
<!-- Whisker pads -->
<ellipse cx="140" cy="190" rx="6" ry="4" fill="#f0e6d2" opacity="0.7"/>
<ellipse cx="160" cy="190" rx="6" ry="4" fill="#f0e6d2" opacity="0.7"/>
<!-- Left whiskers -->
<path d="M 130,190 L 100,185" stroke="#aaaaaa" stroke-width="0.8" opacity="0.7"/>
<path d="M 130,192 L 100,195" stroke="#aaaaaa" stroke-width="0.8" opacity="0.7"/>
<path d="M 130,188 L 100,175" stroke="#aaaaaa" stroke-width="0.8" opacity="0.7"/>
<!-- Right whiskers -->
<path d="M 170,190 L 200,185" stroke="#aaaaaa" stroke-width="0.8" opacity="0.7"/>
<path d="M 170,192 L 200,195" stroke="#aaaaaa" stroke-width="0.8" opacity="0.7"/>
<path d="M 170,188 L 200,175" stroke="#aaaaaa" stroke-width="0.8" opacity="0.7"/>
</g>
<!-- Fluffy texture overlay -->
<path id="fluffyTexture1" d="M 100,130 Q 110,125 120,130 T 140,135"
fill="none" stroke="#e8dac8" stroke-width="1" opacity="0.4"/>
<path id="fluffyTexture2" d="M 180,130 Q 170,125 160,130 T 140,135"
fill="none" stroke="#e8dac8" stroke-width="1" opacity="0.4"/>
<path id="fluffyTexture3" d="M 120,220 Q 140,215 160,220"
fill="none" stroke="#e8dac8" stroke-width="1.5" opacity="0.4"/>
<!-- Front paws -->
<ellipse id="leftPaw" cx="130" cy="260" rx="15" ry="10" fill="#f0e6d2" stroke="#c0a890" stroke-width="1"/>
<ellipse id="rightPaw" cx="170" cy="260" rx="15" ry="10" fill="#f0e6d2" stroke="#c0a890" stroke-width="1"/>
<!-- Paw details -->
<ellipse cx="127" cy="262" rx="3" ry="2" fill="#c0a890"/>
<ellipse cx="130" cy="262" rx="3" ry="2" fill="#c0a890"/>
<ellipse cx="133" cy="262" rx="3" ry="2" fill="#c0a890"/>
<ellipse cx="167" cy="262" rx="3" ry="2" fill="#c0a890"/>
<ellipse cx="170" cy="262" rx="3" ry="2" fill="#c0a890"/>
<ellipse cx="173" cy="262" rx="3" ry="2" fill="#c0a890"/>
</g>
<!-- Decorative elements -->
<ellipse cx="150" cy="320" rx="100" ry="20" fill="#e8dac8" opacity="0.3"/>
<!-- Title -->
<text x="150" y="340" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#8b7355">
Persian Cat
</text>
</svg>
Qwen3 235B
Valid SVG
View SVG Code
<svg width="400" height="500" viewBox="0 0 400 500" xmlns="http://www.w3.org/2000/svg">
<!-- Background (optional) -->
<rect width="400" height="500" fill="#f8f3e9"/>
<!-- Fluffy Body Gradient -->
<defs>
<radialGradient id="furGradient" cx="50%" cy="30%" r="70%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="70%" stop-color="#f5f0e6"/>
<stop offset="100%" stop-color="#e6e0d4"/>
</radialGradient>
<!-- Eye Gradients -->
<radialGradient id="eyeGradient" cx="40%" cy="40%" r="60%">
<stop offset="0%" stop-color="#a8e8d5"/>
<stop offset="60%" stop-color="#5db9a0"/>
<stop offset="100%" stop-color="#3d8c78"/>
</radialGradient>
<radialGradient id="pupil" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#0a0a0a"/>
<stop offset="100%" stop-color="#000000"/>
</radialGradient>
</defs>
<!-- Fluffy Body Shape -->
<path d="M100 300
C70 320, 60 380, 100 410
C140 440, 260 440, 300 410
C340 380, 330 320, 300 300
C280 280, 220 250, 200 270
C180 250, 120 280, 100 300 Z"
fill="url(#furGradient)" stroke="#d6cec3" stroke-width="1"/>
<!-- Head Outline -->
<path d="M130 180
C110 160, 90 180, 100 210
C110 240, 130 260, 160 270
C190 280, 210 280, 240 270
C270 260, 290 240, 300 210
C310 180, 290 160, 270 180
C250 200, 230 210, 200 210
C170 210, 150 200, 130 180 Z"
fill="#f7f2e7" stroke="#d6cec3" stroke-width="2"/>
<!-- Flat Face Shadow -->
<path d="M140 190
C150 180, 190 180, 200 185
C210 180, 250 180, 260 190
L250 220
C240 225, 160 225, 150 220 Z"
fill="#ebe5d9" />
<!-- Left Ear -->
<path d="M120 150
C110 130, 130 120, 145 140
C140 150, 130 155, 120 150 Z"
fill="#f5efdf" stroke="#d6cec3" stroke-width="1"/>
<path d="M128 143
C125 135, 132 130, 137 138
C135 142, 130 145, 128 143 Z"
fill="#e0d7cb"/>
<!-- Right Ear -->
<path d="M280 150
C290 130, 270 120, 255 140
C260 150, 270 155, 280 150 Z"
fill="#f5efdf" stroke="#d6cec3" stroke-width="1"/>
<path d="M272 143
C275 135, 268 130, 263 138
C265 142, 270 145, 272 143 Z"
fill="#e0d7cb"/>
<!-- Left Eye -->
<ellipse cx="170" cy="205" rx="18" ry="22" fill="url(#eyeGradient)" stroke="#c0b0a0" stroke-width="1"/>
<ellipse cx="170" cy="205" rx="8" ry="10" fill="url(#pupil)"/>
<circle cx="166" cy="200" r="3" fill="white" opacity="0.7"/> <!-- Highlight -->
<!-- Right Eye -->
<ellipse cx="230" cy="205" rx="18" ry="22" fill="url(#eyeGradient)" stroke="#c0b0a0" stroke-width="1"/>
<ellipse cx="230" cy="205" rx="8" ry="10" fill="url(#pupil)"/>
<circle cx="226" cy="200" r="3" fill="white" opacity="0.7"/> <!-- Highlight -->
<!-- Nose -->
<path d="M195 220
L205 220
L200 225 Z"
fill="#f8c6d0" stroke="#e5a0b8" stroke-width="1"/>
<circle cx="198" cy="222" r="1" fill="#db8fa0"/>
<!-- Mouth -->
<path d="M200 225
C190 235, 210 235, 200 225"
fill="none" stroke="#e5a0b8" stroke-width="1.5" stroke-linecap="round"/>
<!-- Whiskers (Left) -->
<line x1="160" y1="220" x2="100" y2="210" stroke="#c0b0a0" stroke-width="1"/>
<line x1="160" y1="225" x2="100" y2="225" stroke="#c0b0a0" stroke-width="1"/>
<line x1="160" y1="230" x2="100" y2="240" stroke="#c0b0a0" stroke-width="1"/>
<!-- Whiskers (Right) -->
<line x1="240" y1="220" x2="300" y2="210" stroke="#c0b0a0" stroke-width="1"/>
<line x1="240" y1="225" x2="300" y2="225" stroke="#c0b0a0" stroke-width="1"/>
<line x1="240" y1="230" x2="300" y2="240" stroke="#c0b0a0" stroke-width="1"/>
<!-- Fluffy Chest and Shoulder Details -->
<path d="M130 270
C120 290, 140 310, 160 305
C180 300, 190 280, 180 270
C170 260, 140 260, 130 270 Z"
fill="#f7f2e7" opacity="0.7"/>
<path d="M270 270
C280 290, 260 310, 240 305
C220 300, 210 280, 220 270
C230 260, 260 260, 270 270 Z"
fill="#f7f2e7" opacity="0.7"/>
<!-- Legs (Subtle, tucked under) -->
<path d="M150 390
C140 400, 130 410, 140 420
C150 410, 160 405, 160 395
C155 392, 152 390, 150 390 Z"
fill="#f5efdf" opacity="0.6"/>
<path d="M250 390
C260 400, 270 410, 260 420
C250 410, 240 405, 240 395
C245 392, 248 390, 250 390 Z"
fill="#f5efdf" opacity="0.6"/>
<!-- Tail (Curled up) -->
<path d="M100 350
C70 330, 60 280, 80 250
C100 220, 140 230, 150 260
C140 280, 120 320, 100 350 Z"
fill="#f7f2e7" stroke="#d6cec3" stroke-width="1" opacity="0.8"/>
</svg>
Llama 4 Maverick
Value
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<!-- Body -->
<ellipse cx="200" cy="250" rx="80" ry="60" fill="#F5F5DC" stroke="#964B00" stroke-width="2"/>
<!-- Fluffy Fur -->
<path d="M 150,200 C 120,220 100,240 120,260
L 180,280 C 200,300 220,280 240,260
L 280,240 C 300,220 280,200 250,180
Z" fill="#FFFFFF" stroke="#F5F5DC" stroke-width="2"/>
<path d="M 180,220 C 160,240 140,260 160,280
L 220,300 C 240,320 260,300 280,280
L 320,260 C 340,240 320,220 290,200
Z" fill="#FFFFFF" stroke="#F5F5DC" stroke-width="2"/>
<!-- Head -->
<circle cx="200" cy="150" r="50" fill="#F5F5DC" stroke="#964B00" stroke-width="2"/>
<!-- Face -->
<path d="M 170,140 C 160,150 150,160 160,170
L 180,180 C 190,190 200,180 220,170
L 240,160 C 250,150 240,140 230,130
Z" fill="#F5F5DC" stroke="#964B00" stroke-width="1"/>
<!-- Eyes -->
<circle cx="180" cy="140" r="10" fill="#000000"/>
<circle cx="220" cy="140" r="10" fill="#000000"/>
<!-- Nose -->
<circle cx="200" cy="160" r="5" fill="#FFC0CB"/>
<!-- Mouth -->
<path d="M 190,170 Q 200,180 210,170" stroke="#964B00" stroke-width="1" fill="none"/>
<!-- Ears -->
<path d="M 160,120 L 140,100 L 180,80 Z" fill="#F5F5DC" stroke="#964B00" stroke-width="1"/>
<path d="M 240,120 L 260,100 L 220,80 Z" fill="#F5F5DC" stroke="#964B00" stroke-width="1"/>
<!-- Whiskers -->
<line x1="190" y1="160" x2="170" y2="140" stroke="#964B00" stroke-width="1"/>
<line x1="210" y1="160" x2="230" y2="140" stroke="#964B00" stroke-width="1"/>
<line x1="200" y1="170" x2="200" y2="190" stroke="#964B00" stroke-width="1"/>
</svg>
Mistral Large 3
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="500" height="500">
<!-- Background (optional) -->
<rect width="100%" height="100%" fill="#f9f9f9" />
<!-- Persian Cat Body (Fluffy Base) -->
<path d="M250,300 Q200,250 150,300 Q100,350 120,400 Q150,450 200,450 Q250,480 300,450 Q350,450 380,400 Q400,350 350,300 Q300,250 250,300 Z"
fill="#e0d4c3" stroke="#b8a99a" stroke-width="2" />
<!-- Fluffy Fur Layers (Body) -->
<path d="M250,280 Q220,220 180,250 Q140,280 150,320 Q180,350 220,350 Q250,370 280,350 Q320,350 350,320 Q360,280 320,250 Q280,220 250,280 Z"
fill="#f0e6d2" opacity="0.8" />
<!-- Head (Flat Face) -->
<path d="M250,150 Q280,120 320,130 Q350,150 350,180 Q350,220 320,240 Q300,250 250,250 Q200,250 180,240 Q150,220 150,180 Q150,150 180,130 Q220,120 250,150 Z"
fill="#e0d4c3" stroke="#b8a99a" stroke-width="2" />
<!-- Fluffy Fur Layers (Head) -->
<path d="M250,140 Q270,100 310,110 Q340,130 340,160 Q340,190 310,210 Q290,220 250,220 Q210,220 190,210 Q160,190 160,160 Q160,130 190,110 Q230,100 250,140 Z"
fill="#f0e6d2" opacity="0.8" />
<!-- Ears -->
<path d="M200,120 Q180,80 200,60 Q220,50 240,60 Q260,80 240,120 Q230,100 200,120 Z"
fill="#e0d4c3" stroke="#b8a99a" stroke-width="1.5" />
<path d="M220,80 Q210,60 220,50 Q230,40 240,50 Q250,60 240,80 Q235,70 220,80 Z"
fill="#d1c4b3" />
<path d="M300,120 Q320,80 300,60 Q280,50 260,60 Q240,80 260,120 Q270,100 300,120 Z"
fill="#e0d4c3" stroke="#b8a99a" stroke-width="1.5" />
<path d="M280,80 Q290,60 280,50 Q270,40 260,50 Q250,60 260,80 Q265,70 280,80 Z"
fill="#d1c4b3" />
<!-- Eyes (Large and Expressive) -->
<ellipse cx="220" cy="180" rx="25" ry="30" fill="#2a1e18" />
<ellipse cx="280" cy="180" rx="25" ry="30" fill="#2a1e18" />
<!-- Eye Shine -->
<circle cx="215" cy="170" r="8" fill="white" />
<circle cx="275" cy="170" r="8" fill="white" />
<!-- Nose (Flat and Triangular) -->
<path d="M250,200 Q240,210 250,220 Q260,210 250,200 Z"
fill="#e74c3c" stroke="#c0392b" stroke-width="1" />
<!-- Mouth (Subtle Smile) -->
<path d="M250,225 Q245,235 250,240 Q255,235 250,225 Z"
fill="#c0392b" />
<!-- Whisker Pads -->
<ellipse cx="220" cy="210" rx="12" ry="8" fill="#d1c4b3" opacity="0.7" />
<ellipse cx="280" cy="210" rx="12" ry="8" fill="#d1c4b3" opacity="0.7" />
<!-- Whiskers -->
<line x1="200" y1="200" x2="150" y2="190" stroke="#2a1e18" stroke-width="1" stroke-linecap="round" />
<line x1="200" y1="210" x2="150" y2="210" stroke="#2a1e18" stroke-width="1" stroke-linecap="round" />
<line x1="200" y1="220" x2="150" y2="230" stroke="#2a1e18" stroke-width="1" stroke-linecap="round" />
<line x1="300" y1="200" x2="350" y2="190" stroke="#2a1e18" stroke-width="1" stroke-linecap="round" />
<line x1="300" y1="210" x2="350" y2="210" stroke="#2a1e18" stroke-width="1" stroke-linecap="round" />
<line x1="300" y1="220" x2="350" y2="230" stroke="#2a1e18" stroke-width="1" stroke-linecap="round" />
<!-- Fluffy Tail -->
<path d="M380,400 Q420,350 450,380 Q480,410 450,450 Q420,480 380,450 Q350,430 380,400 Z"
fill="#e0d4c3" stroke="#b8a99a" stroke-width="2" />
<path d="M390,410 Q430,360 460,390 Q490,420 460,460 Q430,490 390,460 Q360,440 390,410 Z"
fill="#f0e6d2" opacity="0.8" />
<!-- Paws (Front) -->
<ellipse cx="200" cy="380" rx="25" ry="15" fill="#e0d4c3" stroke="#b8a99a" stroke-width="1.5" />
<ellipse cx="300" cy="380" rx="25" ry="15" fill="#e0d4c3" stroke="#b8a99a" stroke-width="1.5" />
<!-- Toes (Subtle Details) -->
<ellipse cx="190" cy="385" rx="8" ry="5" fill="#d1c4b3" />
<ellipse cx="210" cy="385" rx="8" ry="5" fill="#d1c4b3" />
<ellipse cx="290" cy="385" rx="8" ry="5" fill="#d1c4b3" />
<ellipse cx="310" cy="385" rx="8" ry="5" fill="#d1c4b3" />
<!-- Additional Fur Texture (Subtle Lines) -->
<path d="M200,300 Q220,280 240,300 Q260,280 280,300"
stroke="#b8a99a" stroke-width="1" fill="none" opacity="0.5" />
<path d="M250,320 Q270,300 290,320 Q310,300 330,320"
stroke="#b8a99a" stroke-width="1" fill="none" opacity="0.5" />
</svg>
Kimi K2.5
Valid SVG
View SVG Code
<svg id="cat-svg" viewBox="0 0 600 600" class="w-full max-w-[600px] h-auto drop-shadow-2xl transition-all duration-500 ease-in-out">
<defs>
<!-- Gradients for fur volume -->
<radialGradient id="grad-body" cx="0.4" cy="0.4" r="0.8">
<stop offset="0%" stop-color="#FFFFFF" />
<stop offset="100%" stop-color="#E5E7EB" />
</radialGradient>
<radialGradient id="grad-shadow" cx="0.5" cy="0.5" r="0.5">
<stop offset="0%" stop-color="rgba(0,0,0,0.1)" />
<stop offset="100%" stop-color="rgba(0,0,0,0)" />
</radialGradient>
<radialGradient id="grad-eye-l" cx="0.5" cy="0.5" r="0.5">
<stop offset="60%" stop-color="#10B981" /> <!-- Emerald -->
<stop offset="100%" stop-color="#047857" />
</radialGradient>
<radialGradient id="grad-eye-r" cx="0.5" cy="0.5" r="0.5">
<stop offset="60%" stop-color="#10B981" />
<stop offset="100%" stop-color="#047857" />
</radialGradient>
<linearGradient id="grad-nose" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FDA4AF" />
<stop offset="100%" stop-color="#FB7185" />
</linearGradient>
<!-- Fur Filter -->
<filter id="fluffy" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.03" numOctaves="3" result="noise" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" xChannelSelector="R" yChannelSelector="G" />
</filter>
<!-- Soft Glow -->
<filter id="soft-glow">
<feGaussianBlur stdDeviation="2.5" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Shadow on floor -->
<ellipse cx="300" cy="520" rx="180" ry="30" fill="rgba(0,0,0,0.1)" filter="blur(8px)" />
<!-- Tail -->
<g id="tail" transform-origin="300 400">
<path d="M 350 480 Q 450 480 500 400 Q 520 360 480 350 Q 430 340 400 450"
fill="url(#grad-body)" stroke="#D1D5DB" stroke-width="1" />
</g>
<!-- Body (Fluffy) -->
<g id="body-group" transform-origin="300 400">
<!-- Main body shape -->
<path d="M 200 500
C 150 500, 150 350, 220 320
C 200 280, 250 250, 300 250
C 350 250, 400 280, 380 320
C 450 350, 450 500, 400 500
Z"
fill="url(#grad-body)" stroke="#D1D5DB" stroke-width="0.5" />
<!-- Fur tufts (simulated with paths for performance) -->
<path d="M 220 320 Q 210 300 230 310" fill="none" stroke="#E5E7EB" stroke-width="2" />
<path d="M 380 320 Q 390 300 370 310" fill="none" stroke="#E5E7EB" stroke-width="2" />
<path d="M 200 450 Q 180 440 190 460" fill="none" stroke="#D1D5DB" stroke-width="2" />
<path d="M 400 450 Q 420 440 410 460" fill="none" stroke="#D1D5DB" stroke-width="2" />
<!-- Paws -->
<ellipse cx="250" cy="495" rx="25" ry="15" fill="#FFFFFF" />
<ellipse cx="350" cy="495" rx="25" ry="15" fill="#FFFFFF" />
<!-- Chest Fluff -->
<path d="M 280 350 Q 300 380 320 350 Q 330 400 300 420 Q 270 400 280 350" fill="#FCA5A5" fill-opacity="0.2" />
</g>
<!-- Head Group (Moves with mouse) -->
<g id="head-group" transform-origin="300 280">
<!-- Left Ear -->
<path d="M 230 230 Q 210 180 240 160 Q 270 180 260 230" fill="url(#grad-body)" stroke="#D1D5DB" stroke-width="1"/>
<path d="M 235 200 Q 245 180 250 200" fill="#FCA5A5" fill-opacity="0.4" />
<!-- Right Ear -->
<path d="M 370 230 Q 390 180 360 160 Q 330 180 340 230" fill="url(#grad-body)" stroke="#D1D5DB" stroke-width="1"/>
<path d="M 365 200 Q 355 180 350 200" fill="#FCA5A5" fill-opacity="0.4" />
<!-- Main Head Shape (Ruff/Cheeks included) -->
<path d="M 300 150
C 220 150, 180 220, 180 280
C 180 350, 240 380, 300 380
C 360 380, 420 350, 420 280
C 420 220, 380 150, 300 150 Z"
fill="url(#grad-body)" />
<!-- Cheeks (The Persian Trait) -->
<circle cx="180" cy="290" r="45" fill="#FAFAFA" filter="url(#soft-glow)" />
<circle cx="420" cy="290" r="45" fill="#FAFAFA" filter="url(#soft-glow)" />
<!-- Muzzle Area -->
<rect x="260" y="320" width="80" height="50" rx="20" fill="#F3F4F6" />
<!-- Nose -->
<path d="M 292 340 Q 300 345 308 340 L 300 350 Z" fill="url(#grad-nose)" />
<!-- Mouth -->
<path d="M 300 350 Q 290 360 285 355 M 300 350 Q 310 360 315 355" stroke="#4B5563" stroke-width="2" fill="none" stroke-linecap="round" />
<!-- Eyes Container -->
<g id="eyes">
<!-- Left Eye -->
<g class="eye-l" transform="translate(0,0)">
<path class="eye-shape-l" d="M 230 260 Q 260 230 290 260 Q 260 290 230 260 Z" fill="#374151" />
<circle class="iris-l" cx="260" cy="260" r="18" fill="url(#grad-eye-l)" />
<circle class="pupil-l" cx="260" cy="260" r="8" fill="#111827" />
<circle cx="252" cy="252" r="4" fill="white" opacity="0.9" />
<circle cx="254" cy="266" r="2" fill="white" opacity="0.6" />
<!-- Eyelid (for blinking) -->
<rect class="eyelid-l" x="220" y="220" width="80" height="80" fill="#FAFAFA" transform="translate(0, -80)" />
</g>
<!-- Right Eye -->
<g class="eye-r" transform="translate(0,0)">
<path class="eye-shape-r" d="M 310 260 Q 340 230 370 260 Q 340 290 310 260 Z" fill="#374151" />
<circle class="iris-r" cx="340" cy="260" r="18" fill="url(#grad-eye-r)" />
<circle class="pupil-r" cx="340" cy="260" r="8" fill="#111827" />
<circle cx="332" cy="252" r="4" fill="white" opacity="0.9" />
<circle cx="334" cy="266" r="2" fill="white" opacity="0.6" />
<!-- Eyelid (for blinking) -->
<rect class="eyelid-r" x="300" y="220" width="80" height="80" fill="#FAFAFA" transform="translate(0, -80)" />
</g>
</g>
<!-- Whiskers -->
<g stroke="#9CA3AF" stroke-width="1" fill="none" opacity="0.6">
<path d="M 290 345 C 250 340 200 350 180 330" />
<path d="M 290 350 C 250 350 190 370 170 360" />
<path d="M 290 355 C 250 360 200 390 180 390" />
<path d="M 310 345 C 350 340 400 350 420 330" />
<path d="M 310 350 C 350 350 410 370 430 360" />
<path d="M 310 355 C 350 360 400 390 420 390" />
</g>
</g>
</svg>Try this comparison in AI Lab
See the full comparison, test your own prompts, and compare any models you want. No commitment on the monthly plan.