Overall Winners Across All Variations
Quality
GPT-5.6 Sol
Best Value
Llama 4 Maverick
Fastest
Llama 4 Maverick
The Take
The cleanest proof in the whole group. This is the identical subject as the ASCII lion — where every model produced a shapeless shading blob. Given vector paths instead of a character grid, the same models draw recognizable lions with actual manes. GPT-5.6 Sol’s is a detailed, textured, genuinely lion-looking lion; GPT-5.2, Sonnet 4.6, Grok, and Kimi are all clearly lions too. Same models, same prompt, opposite medium, opposite result — because SVG is code and ASCII is spatial layout. (Opus 5 timed out, again.)
The SVG counterpart to the ASCII lion — same subject, vector paths instead of a character grid.
The Prompt
Generate an SVG of a lion's head facing forward, with a full flowing mane, detailed facial features (eyes, nose, muzzle), and shading/depth using gradients. Use proper paths and curves. Make it recognizable and visually appealing.
Model Results
GPT-5.6 Sol
Quality
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" role="img" aria-labelledby="title desc">
<title id="title">Front-facing lion head</title>
<desc id="desc">A detailed golden lion with a full flowing brown mane, expressive eyes, muzzle, nose, and layered gradient shading.</desc>
<defs>
<radialGradient id="maneBase" cx="50%" cy="38%" r="62%">
<stop offset="0" stop-color="#9b5724"/>
<stop offset="0.48" stop-color="#643216"/>
<stop offset="0.82" stop-color="#3b1b10"/>
<stop offset="1" stop-color="#1d0d09"/>
</radialGradient>
<linearGradient id="maneLight" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#d48732"/>
<stop offset="0.48" stop-color="#7b3d19"/>
<stop offset="1" stop-color="#30140c"/>
</linearGradient>
<linearGradient id="maneDark" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#713617"/>
<stop offset="1" stop-color="#210e09"/>
</linearGradient>
<radialGradient id="faceGold" cx="50%" cy="32%" r="72%">
<stop offset="0" stop-color="#f5c66f"/>
<stop offset="0.42" stop-color="#d9943d"/>
<stop offset="0.78" stop-color="#a95d25"/>
<stop offset="1" stop-color="#673015"/>
</radialGradient>
<linearGradient id="faceShade" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#7e3d1b"/>
<stop offset="0.22" stop-color="#d38a39"/>
<stop offset="0.5" stop-color="#efbd64"/>
<stop offset="0.78" stop-color="#d38a39"/>
<stop offset="1" stop-color="#7e3d1b"/>
</linearGradient>
<radialGradient id="muzzle" cx="50%" cy="35%" r="70%">
<stop offset="0" stop-color="#ffe0a1"/>
<stop offset="0.62" stop-color="#e5ad62"/>
<stop offset="1" stop-color="#b66e32"/>
</radialGradient>
<linearGradient id="nose" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#4a2922"/>
<stop offset="0.55" stop-color="#211313"/>
<stop offset="1" stop-color="#090606"/>
</linearGradient>
<radialGradient id="eye" cx="45%" cy="40%" r="60%">
<stop offset="0" stop-color="#ffd86b"/>
<stop offset="0.45" stop-color="#c7871e"/>
<stop offset="0.82" stop-color="#64400e"/>
<stop offset="1" stop-color="#201208"/>
</radialGradient>
<filter id="shadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur stdDeviation="11"/>
</filter>
<filter id="softShadow" x="-25%" y="-25%" width="150%" height="150%">
<feGaussianBlur stdDeviation="4"/>
</filter>
<clipPath id="faceClip">
<path d="M400 144
C320 142 250 189 225 276
C206 342 225 451 269 527
C304 588 352 625 400 634
C448 625 496 588 531 527
C575 451 594 342 575 276
C550 189 480 142 400 144Z"/>
</clipPath>
</defs>
<!-- Ground shadow -->
<ellipse cx="400" cy="719" rx="230" ry="31" fill="#130906" opacity=".3" filter="url(#shadow)"/>
<!-- Full outer mane -->
<path d="M400 52
C438 26 468 65 491 70
C528 40 551 82 566 103
C607 79 625 120 625 153
C671 143 679 192 669 224
C717 229 709 282 691 310
C731 332 710 376 686 397
C722 432 694 471 663 486
C692 529 654 558 620 567
C638 616 591 634 554 630
C557 679 508 687 473 669
C453 717 417 705 400 681
C383 705 347 717 327 669
C292 687 243 679 246 630
C209 634 162 616 180 567
C146 558 108 529 137 486
C106 471 78 432 114 397
C90 376 69 332 109 310
C91 282 83 229 131 224
C121 192 129 143 175 153
C175 120 193 79 234 103
C249 82 272 40 309 70
C332 65 362 26 400 52Z"
fill="url(#maneBase)" stroke="#2a120b" stroke-width="8" stroke-linejoin="round"/>
<!-- Flowing mane locks -->
<g fill="url(#maneLight)" stroke="#3c1b0e" stroke-width="5" stroke-linejoin="round">
<path d="M397 65 C355 72 325 104 322 166 C346 142 370 132 399 124 C386 105 387 85 397 65Z"/>
<path d="M403 65 C445 72 475 104 478 166 C454 142 430 132 401 124 C414 105 413 85 403 65Z"/>
<path d="M301 91 C252 112 230 158 246 214 C266 180 294 163 330 151 C305 138 298 116 301 91Z"/>
<path d="M499 91 C548 112 570 158 554 214 C534 180 506 163 470 151 C495 138 502 116 499 91Z"/>
<path d="M214 137 C168 169 163 220 190 263 C200 224 226 198 267 181 C237 174 220 158 214 137Z"/>
<path d="M586 137 C632 169 637 220 610 263 C600 224 574 198 533 181 C563 174 580 158 586 137Z"/>
<path d="M147 227 C112 271 129 317 164 346 C158 305 176 272 211 245 C182 247 160 240 147 227Z"/>
<path d="M653 227 C688 271 671 317 636 346 C642 305 624 272 589 245 C618 247 640 240 653 227Z"/>
<path d="M126 333 C102 380 128 424 169 444 C153 405 162 369 191 335 C164 344 141 343 126 333Z"/>
<path d="M674 333 C698 380 672 424 631 444 C647 405 638 369 609 335 C636 344 659 343 674 333Z"/>
<path d="M151 447 C137 497 173 535 219 544 C193 510 193 473 213 433 C188 449 166 453 151 447Z"/>
<path d="M649 447 C663 497 627 535 581 544 C607 510 607 473 587 433 C612 449 634 453 649 447Z"/>
<path d="M203 551 C202 606 246 631 292 625 C258 600 250 561 259 520 C238 540 218 551 203 551Z"/>
<path d="M597 551 C598 606 554 631 508 625 C542 600 550 561 541 520 C562 540 582 551 597 551Z"/>
<path d="M290 625 C303 675 352 688 391 659 C349 650 329 616 325 576 C311 600 300 617 290 625Z"/>
<path d="M510 625 C497 675 448 688 409 659 C451 650 471 616 475 576 C489 600 500 617 510 625Z"/>
</g>
<!-- Dark inner mane -->
<g fill="url(#maneDark)" opacity=".9">
<path d="M248 199 C189 246 186 349 233 399 C220 329 243 271 296 224Z"/>
<path d="M552 199 C611 246 614 349 567 399 C580 329 557 271 504 224Z"/>
<path d="M221 389 C194 470 239 550 307 575 C268 521 267 449 293 385Z"/>
<path d="M579 389 C606 470 561 550 493 575 C532 521 533 449 507 385Z"/>
<path d="M302 530 C303 605 349 655 400 670 C371 627 370 578 389 525Z"/>
<path d="M498 530 C497 605 451 655 400 670 C429 627 430 578 411 525Z"/>
</g>
<!-- Ears -->
<path d="M270 181 C224 138 188 165 202 231 C212 268 241 278 274 263Z"
fill="#ad652d" stroke="#4a2412" stroke-width="7"/>
<path d="M530 181 C576 138 612 165 598 231 C588 268 559 278 526 263Z"
fill="#ad652d" stroke="#4a2412" stroke-width="7"/>
<path d="M258 198 C226 171 214 194 222 229 C229 250 245 254 264 245Z" fill="#6f3823"/>
<path d="M542 198 C574 171 586 194 578 229 C571 250 555 254 536 245Z" fill="#6f3823"/>
<!-- Face silhouette -->
<path d="M400 144
C320 142 250 189 225 276
C206 342 225 451 269 527
C304 588 352 625 400 634
C448 625 496 588 531 527
C575 451 594 342 575 276
C550 189 480 142 400 144Z"
fill="url(#faceGold)" stroke="#502511" stroke-width="8"/>
<!-- Face depth -->
<g clip-path="url(#faceClip)">
<path d="M400 130 C353 194 341 277 354 356 C368 441 359 541 400 628
C441 541 432 441 446 356 C459 277 447 194 400 130Z"
fill="#f6c873" opacity=".38"/>
<path d="M222 258 C282 257 318 285 338 337 C295 318 261 330 218 363Z"
fill="#713419" opacity=".32"/>
<path d="M578 258 C518 257 482 285 462 337 C505 318 539 330 582 363Z"
fill="#713419" opacity=".32"/>
<path d="M258 190 C292 233 306 281 303 345 C273 315 245 300 215 301Z"
fill="#7c3b1b" opacity=".25"/>
<path d="M542 190 C508 233 494 281 497 345 C527 315 555 300 585 301Z"
fill="#7c3b1b" opacity=".25"/>
</g>
<!-- Forehead markings -->
<g fill="none" stroke="#7f431f" stroke-linecap="round" opacity=".72">
<path d="M400 165 C382 202 380 240 389 282" stroke-width="11"/>
<path d="M365 180 C346 220 350 250 369 278" stroke-width="8"/>
<path d="M435 180 C454 220 450 250 431 278" stroke-width="8"/>
<path d="M329 211 C319 240 328 264 350 288" stroke-width="7"/>
<path d="M471 211 C481 240 472 264 450 288" stroke-width="7"/>
</g>
<!-- Brow ridges -->
<path d="M263 314 C297 278 349 284 374 320 C335 306 298 310 267 336Z"
fill="#753619"/>
<path d="M537 314 C503 278 451 284 426 320 C465 306 502 310 533 336Z"
fill="#753619"/>
<!-- Eye surrounds -->
<path d="M267 333 C297 307 344 309 371 340 C341 369 293 368 263 340Z"
fill="#3d2013"/>
<path d="M533 333 C503 307 456 309 429 340 C459 369 507 368 537 340Z"
fill="#3d2013"/>
<!-- Eyes -->
<path d="M279 337 C303 321 337 322 356 339 C334 354 303 355 279 337Z"
fill="url(#eye)" stroke="#170d08" stroke-width="4"/>
<path d="M521 337 C497 321 463 322 444 339 C466 354 497 355 521 337Z"
fill="url(#eye)" stroke="#170d08" stroke-width="4"/>
<ellipse cx="321" cy="338" rx="7" ry="15" fill="#090706"/>
<ellipse cx="479" cy="338" rx="7" ry="15" fill="#090706"/>
<circle cx="317" cy="332" r="3.5" fill="#fff7d5"/>
<circle cx="475" cy="332" r="3.5" fill="#fff7d5"/>
<!-- Nose bridge -->
<path d="M365 338 C355 388 354 427 374 455
C385 469 415 469 426 455
C446 427 445 388 435 338
C424 367 414 385 400 394
C386 385 376 367 365 338Z"
fill="url(#faceShade)" opacity=".72"/>
<!-- Cheek and muzzle shadows -->
<path d="M265 382 C306 365 350 391 369 439 C329 424 294 430 258 458Z"
fill="#81401d" opacity=".27"/>
<path d="M535 382 C494 365 450 391 431 439 C471 424 506 430 542 458Z"
fill="#81401d" opacity=".27"/>
<!-- Muzzle -->
<path d="M397 434
C367 410 315 410 286 448
C258 484 281 541 336 548
C364 552 387 538 400 517
C413 538 436 552 464 548
C519 541 542 484 514 448
C485 410 433 410 403 434Z"
fill="url(#muzzle)" stroke="#9a5629" stroke-width="5"/>
<!-- Muzzle center shadow -->
<path d="M400 459 C382 479 377 511 400 535 C423 511 418 479 400 459Z"
fill="#9f592d" opacity=".32"/>
<!-- Nose -->
<path d="M351 423
C364 401 436 401 449 423
C456 438 439 466 415 476
C407 480 393 480 385 476
C361 466 344 438 351 423Z"
fill="url(#nose)" stroke="#150c0b" stroke-width="5"/>
<path d="M370 423 C385 414 416 414 431 423 C412 422 391 427 376 437Z"
fill="#8b6352" opacity=".45"/>
<!-- Nose-to-mouth and mouth -->
<path d="M400 476 C400 499 400 510 400 520"
fill="none" stroke="#351914" stroke-width="6" stroke-linecap="round"/>
<path d="M400 518 C382 536 357 540 335 530"
fill="none" stroke="#351914" stroke-width="6" stroke-linecap="round"/>
<path d="M400 518 C418 536 443 540 465 530"
fill="none" stroke="#351914" stroke-width="6" stroke-linecap="round"/>
<path d="M367 542 C387 558 413 558 433 542 C425 569 375 569 367 542Z"
fill="#4b2019" opacity=".9"/>
<!-- Whisker follicles -->
<g fill="#76502f" opacity=".78">
<circle cx="322" cy="468" r="3"/><circle cx="343" cy="459" r="3"/>
<circle cx="310" cy="488" r="3"/><circle cx="337" cy="482" r="2.7"/>
<circle cx="326" cy="508" r="2.6"/><circle cx="350" cy="500" r="2.5"/>
<circle cx="478" cy="468" r="3"/><circle cx="457" cy="459" r="3"/>
<circle cx="490" cy="488" r="3"/><circle cx="463" cy="482" r="2.7"/>
<circle cx="474" cy="508" r="2.6"/><circle cx="450" cy="500" r="2.5"/>
</g>
<!-- Whiskers -->
<g fill="none" stroke="#f9dfb3" stroke-width="2.5" stroke-linecap="round" opacity=".72">
<path d="M344 480 C292 466 242 469 199 484"/>
<path d="M345 496 C285 494 235 508 196 532"/>
<path d="M350 513 C298 524 260 546 228 575"/>
<path d="M456 480 C508 466 558 469 601 484"/>
<path d="M455 496 C515 494 565 508 604 532"/>
<path d="M450 513 C502 524 540 546 572 575"/>
</g>
<!-- Chin highlight -->
<path d="M342 568 C375 589 425 589 458 568 C447 610 353 610 342 568Z"
fill="#efbd6d" opacity=".36"/>
<!-- Fine mane highlights -->
<g fill="none" stroke="#d58432" stroke-width="5" stroke-linecap="round" opacity=".38">
<path d="M283 103 C250 139 251 171 265 196"/>
<path d="M190 181 C163 223 170 260 189 281"/>
<path d="M137 281 C120 325 137 359 159 378"/>
<path d="M151 398 C138 445 160 477 187 491"/>
<path d="M204 510 C194 554 221 583 251 591"/>
<path d="M517 103 C550 139 549 171 535 196"/>
<path d="M610 181 C637 223 630 260 611 281"/>
<path d="M663 281 C680 325 663 359 641 378"/>
<path d="M649 398 C662 445 640 477 613 491"/>
<path d="M596 510 C606 554 579 583 549 591"/>
</g>
</svg>GPT-5.2
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900" width="900" height="900" role="img" aria-label="Lion head facing forward with flowing mane and shaded gradients">
<defs>
<!-- Background -->
<radialGradient id="bgGrad" cx="50%" cy="35%" r="70%">
<stop offset="0%" stop-color="#1c1a16"/>
<stop offset="60%" stop-color="#0f0e0c"/>
<stop offset="100%" stop-color="#070706"/>
</radialGradient>
<!-- Mane gradients -->
<radialGradient id="maneGrad" cx="50%" cy="35%" r="75%">
<stop offset="0%" stop-color="#f3c26b"/>
<stop offset="45%" stop-color="#c7872b"/>
<stop offset="80%" stop-color="#7a4a16"/>
<stop offset="100%" stop-color="#3e240c"/>
</radialGradient>
<linearGradient id="maneDeep" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#2b1708" stop-opacity="0.0"/>
<stop offset="55%" stop-color="#2b1708" stop-opacity="0.55"/>
<stop offset="100%" stop-color="#1a0e05" stop-opacity="0.85"/>
</linearGradient>
<!-- Face gradients -->
<radialGradient id="faceGrad" cx="50%" cy="35%" r="65%">
<stop offset="0%" stop-color="#f8d6a4"/>
<stop offset="55%" stop-color="#dfb070"/>
<stop offset="100%" stop-color="#a8743c"/>
</radialGradient>
<radialGradient id="snoutGrad" cx="50%" cy="30%" r="75%">
<stop offset="0%" stop-color="#ffe6c8"/>
<stop offset="60%" stop-color="#e7c49c"/>
<stop offset="100%" stop-color="#b88a58"/>
</radialGradient>
<!-- Nose -->
<linearGradient id="noseGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#2a1a14"/>
<stop offset="55%" stop-color="#1a0f0c"/>
<stop offset="100%" stop-color="#070404"/>
</linearGradient>
<!-- Eye -->
<radialGradient id="irisGrad" cx="40%" cy="35%" r="70%">
<stop offset="0%" stop-color="#ffd66b"/>
<stop offset="55%" stop-color="#d19a2e"/>
<stop offset="100%" stop-color="#7a4c12"/>
</radialGradient>
<!-- Shadow/Depth -->
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="8" result="blur"/>
<feOffset dx="0" dy="8" result="off"/>
<feColorMatrix in="off" type="matrix"
values="0 0 0 0 0
0 0 0 0 0
0 0 0 0 0
0 0 0 0.55 0" result="shadow"/>
<feMerge>
<feMergeNode in="shadow"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="innerShade" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="10" result="b"/>
<feOffset dx="0" dy="3" result="o"/>
<feComposite in="o" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="inset"/>
<feColorMatrix in="inset" type="matrix"
values="0 0 0 0 0
0 0 0 0 0
0 0 0 0 0
0 0 0 0.55 0" result="shade"/>
<feComposite in="shade" in2="SourceGraphic" operator="over"/>
</filter>
<!-- Highlight stroke -->
<linearGradient id="rimLight" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#fff2d6" stop-opacity="0.65"/>
<stop offset="35%" stop-color="#fff2d6" stop-opacity="0.15"/>
<stop offset="100%" stop-color="#fff2d6" stop-opacity="0"/>
</linearGradient>
</defs>
<!-- Background -->
<rect width="100%" height="100%" fill="url(#bgGrad)"/>
<!-- Overall group -->
<g filter="url(#softShadow)">
<!-- Mane base (large flowing silhouette) -->
<path fill="url(#maneGrad)" d="
M 450 120
C 520 120, 585 140, 635 175
C 685 210, 725 255, 750 315
C 770 365, 778 430, 768 495
C 758 560, 730 615, 690 660
C 640 715, 575 758, 505 780
C 475 790, 425 790, 395 780
C 325 758, 260 715, 210 660
C 170 615, 142 560, 132 495
C 122 430, 130 365, 150 315
C 175 255, 215 210, 265 175
C 315 140, 380 120, 450 120
Z"/>
<!-- Mane depth overlay -->
<path fill="url(#maneDeep)" opacity="0.85" d="
M 450 140
C 610 150, 720 290, 720 460
C 720 640, 590 775, 450 790
C 310 775, 180 640, 180 460
C 180 290, 290 150, 450 140
Z"/>
<!-- Mane strands (stylized curved ribbons) -->
<g opacity="0.95" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M 270 250 C 210 320, 200 390, 235 465 C 260 520, 255 585, 220 645" stroke="#f0c16c" stroke-width="18" opacity="0.35"/>
<path d="M 310 210 C 255 285, 250 360, 285 435 C 315 500, 315 575, 275 650" stroke="#ffd08a" stroke-width="14" opacity="0.30"/>
<path d="M 360 190 C 325 255, 325 330, 360 405 C 395 480, 395 555, 350 655" stroke="#ffe1b8" stroke-width="12" opacity="0.24"/>
<path d="M 450 175 C 420 250, 420 335, 450 410 C 480 485, 480 570, 435 670" stroke="#fff0d9" stroke-width="10" opacity="0.18"/>
<path d="M 630 250 C 690 320, 700 390, 665 465 C 640 520, 645 585, 680 645" stroke="#f0c16c" stroke-width="18" opacity="0.35"/>
<path d="M 590 210 C 645 285, 650 360, 615 435 C 585 500, 585 575, 625 650" stroke="#ffd08a" stroke-width="14" opacity="0.30"/>
<path d="M 540 190 C 575 255, 575 330, 540 405 C 505 480, 505 555, 550 655" stroke="#ffe1b8" stroke-width="12" opacity="0.24"/>
<path d="M 450 175 C 480 250, 480 335, 450 410 C 420 485, 420 570, 465 670" stroke="#fff0d9" stroke-width="10" opacity="0.16"/>
</g>
<!-- Ears -->
<g filter="url(#innerShade)">
<path fill="url(#faceGrad)" d="M 295 250 C 250 235, 230 190, 255 155 C 280 120, 330 140, 350 175 C 365 205, 345 255, 295 250 Z"/>
<path fill="url(#faceGrad)" d="M 605 250 C 650 235, 670 190, 645 155 C 620 120, 570 140, 550 175 C 535 205, 555 255, 605 250 Z"/>
<path fill="#7a4a16" opacity="0.35" d="M 292 233 C 265 222, 252 195, 268 173 C 285 150, 318 160, 333 182 C 344 200, 327 238, 292 233 Z"/>
<path fill="#7a4a16" opacity="0.35" d="M 608 233 C 635 222, 648 195, 632 173 C 615 150, 582 160, 567 182 C 556 200, 573 238, 608 233 Z"/>
</g>
<!-- Face base -->
<g filter="url(#innerShade)">
<path fill="url(#faceGrad)" d="
M 450 220
C 525 220, 595 260, 630 330
C 662 395, 655 485, 610 555
C 565 625, 510 670, 450 680
C 390 670, 335 625, 290 555
C 245 485, 238 395, 270 330
C 305 260, 375 220, 450 220
Z"/>
<!-- Cheek shadows -->
<path fill="#5a3212" opacity="0.22" d="M 300 455 C 305 395, 340 350, 395 335 C 350 380, 340 430, 350 495 C 330 490, 310 480, 300 455 Z"/>
<path fill="#5a3212" opacity="0.22" d="M 600 455 C 595 395, 560 350, 505 335 C 550 380, 560 430, 550 495 C 570 490, 590 480, 600 455 Z"/>
<!-- Forehead highlight -->
<path fill="url(#rimLight)" d="M 450 245 C 520 250, 565 295, 575 350 C 540 310, 495 292, 450 290 C 405 292, 360 310, 325 350 C 335 295, 380 250, 450 245 Z"/>
</g>
<!-- Muzzle / snout -->
<g filter="url(#innerShade)">
<path fill="url(#snoutGrad)" d="
M 320 500
C 330 430, 385 395, 450 395
C 515 395, 570 430, 580 500
C 590 570, 545 640, 450 650
C 355 640, 310 570, 320 500
Z"/>
<!-- Muzzle side shadows -->
<path fill="#7a4a16" opacity="0.22" d="M 335 520 C 342 465, 380 430, 430 418 C 398 450, 390 505, 405 585 C 375 575, 350 555, 335 520 Z"/>
<path fill="#7a4a16" opacity="0.22" d="M 565 520 C 558 465, 520 430, 470 418 C 502 450, 510 505, 495 585 C 525 575, 550 555, 565 520 Z"/>
</g>
<!-- Nose -->
<g>
<path fill="url(#noseGrad)" d="
M 450 455
C 482 455, 510 472, 515 500
C 520 530, 495 552, 450 555
C 405 552, 380 530, 385 500
C 390 472, 418 455, 450 455
Z"/>
<!-- Nostrils -->
<path fill="#000" opacity="0.55" d="M 418 510 C 420 495, 432 490, 442 498 C 430 505, 427 517, 432 528 C 424 525, 416 520, 418 510 Z"/>
<path fill="#000" opacity="0.55" d="M 482 510 C 480 495, 468 490, 458 498 C 470 505, 473 517, 468 528 C 476 525, 484 520, 482 510 Z"/>
<!-- Nose highlight -->
<path fill="#ffffff" opacity="0.20" d="M 455 468 C 478 470, 495 485, 496 503 C 485 490, 470 483, 455 482 C 448 482, 441 484, 435 488 C 439 476, 446 468, 455 468 Z"/>
</g>
<!-- Mouth / philtrum -->
<g stroke-linecap="round" stroke-linejoin="round" fill="none">
<path d="M 450 555 C 450 585, 450 595, 450 612" stroke="#3b1f0b" stroke-width="8" opacity="0.55"/>
<path d="M 450 612 C 425 632, 400 636, 372 630" stroke="#3b1f0b" stroke-width="7" opacity="0.55"/>
<path d="M 450 612 C 475 632, 500 636, 528 630" stroke="#3b1f0b" stroke-width="7" opacity="0.55"/>
<path d="M 390 618 C 410 608, 432 606, 450 612" stroke="#ffffff" stroke-width="3" opacity="0.15"/>
<path d="M 510 618 C 490 608, 468 606, 450 612" stroke="#ffffff" stroke-width="3" opacity="0.15"/>
</g>
<!-- Eyes -->
<g>
<!-- Left eye socket shadow -->
<path fill="#2b1708" opacity="0.30" d="M 290 410 C 315 360, 370 340, 420 350 C 380 360, 350 382, 332 415 C 318 440, 300 435, 290 410 Z"/>
<!-- Right eye socket shadow -->
<path fill="#2b1708" opacity="0.30" d="M 610 410 C 585 360, 530 340, 480 350 C 520 360, 550 382, 568 415 C 582 440, 600 435, 610 410 Z"/>
<!-- Left eye -->
<path fill="#120a06" d="M 330 420 C 355 392, 392 392, 417 420 C 392 445, 355 445, 330 420 Z"/>
<path fill="url(#irisGrad)" d="M 345 420 C 360 404, 385 404, 400 420 C 385 438, 360 438, 345 420 Z"/>
<circle cx="372" cy="421" r="9" fill="#050303"/>
<circle cx="366" cy="416" r="4" fill="#fff" opacity="0.8"/>
<!-- Right eye -->
<path fill="#120a06" d="M 570 420 C 545 392, 508 392, 483 420 C 508 445, 545 445, 570 420 Z"/>
<path fill="url(#irisGrad)" d="M 555 420 C 540 404, 515 404, 500 420 C 515 438, 540 438, 555 420 Z"/>
<circle cx="528" cy="421" r="9" fill="#050303"/>
<circle cx="522" cy="416" r="4" fill="#fff" opacity="0.8"/>
<!-- Brows -->
<path d="M 310 395 C 350 360, 400 355, 435 372" fill="none" stroke="#4b2a10" stroke-width="16" stroke-linecap="round" opacity="0.75"/>
<path d="M 590 395 C 550 360, 500 355, 465 372" fill="none" stroke="#4b2a10" stroke-width="16" stroke-linecap="round" opacity="0.75"/>
<path d="M 318 392 C 352 367, 395 364, 425 377" fill="none" stroke="#fff2d6" stroke-width="4" stroke-linecap="round" opacity="0.12"/>
<path d="M 582 392 C 548 367, 505 364, 475 377" fill="none" stroke="#fff2d6" stroke-width="4" stroke-linecap="round" opacity="0.12"/>
</g>
<!-- Whisker pads & whiskers -->
<g>
<path fill="#ffffff" opacity="0.10" d="M 340 545 C 365 520, 395 510, 425 512 C 392 525, 375 548, 365 575 C 350 570, 340 560, 340 545 Z"/>
<path fill="#ffffff" opacity="0.10" d="M 560 545 C 535 520, 505 510, 475 512 C 508 525, 525 548, 535 575 C 550 570, 560 560, 560 545 Z"/>
<g fill="none" stroke="#f6e8d1" stroke-width="3" opacity="0.35" stroke-linecap="round">
<path d="M 360 560 C 315 555, 275 545, 235 525"/>
<path d="M 365 585 C 320 590, 275 590, 230 580"/>
<path d="M 375 605 C 335 620, 300 640, 260 665"/>
<path d="M 540 560 C 585 555, 625 545, 665 525"/>
<path d="M 535 585 C 580 590, 625 590, 670 580"/>
<path d="M 525 605 C 565 620, 600 640, 640 665"/>
</g>
</g>
<!-- Chin shadow / depth -->
<path fill="#2b1708" opacity="0.28" d="M 360 642 C 395 668, 425 678, 450 680 C 475 678, 505 668, 540 642 C 520 682, 490 708, 450 712 C 410 708, 380 682, 360 642 Z"/>
<!-- Mane rim highlight -->
<path fill="none" stroke="url(#rimLight)" stroke-width="10" opacity="0.55" d="
M 220 330
C 190 410, 205 520, 255 600
C 310 690, 395 740, 450 750
C 505 740, 590 690, 645 600
C 695 520, 710 410, 680 330" />
</g>
</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 500 500"
xml:space="preserve"
width="500px"
height="500px">
<!-- Define gradients for shading -->
<defs>
<radialGradient id="maneGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(255,204,153);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(153,102,51);stop-opacity:1" />
</radialGradient>
<radialGradient id="faceGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(255,229,204);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(204,153,102);stop-opacity:1" />
</radialGradient>
<linearGradient id="eyeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:rgb(60,60,60);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(20,20,20);stop-opacity:1" />
</linearGradient>
</defs>
<!-- Lion's mane -->
<path
fill="url(#maneGradient)"
d="M250,50 Q180,80 150,150 Q120,220 150,280 Q180,350 250,380
Q320,350 350,280 Q380,220 350,150 Q320,80 250,50 Z"
/>
<!-- Lion's face -->
<path
fill="url(#faceGradient)"
d="M250,100 Q200,130 190,200 Q180,270 250,320
Q320,270 310,200 Q300,130 250,100 Z"
/>
<!-- Lion's eyes -->
<circle cx="220" cy="200" r="10" fill="url(#eyeGradient)" />
<circle cx="280" cy="200" r="10" fill="url(#eyeGradient)" />
<!-- Lion's nose -->
<path
fill="#663300"
d="M240,240 Q250,250 260,240 Q250,260 240,240 Z"
/>
<!-- Lion's muzzle -->
<path
fill="#cc9966"
d="M230,250 Q250,270 270,250 Q260,280 240,280 Q220,280 230,250 Z"
/>
<!-- Additional details -->
<path
fill="none"
stroke="#663300"
stroke-width="2"
d="M210,220 Q250,240 290,220"
/>
<path
fill="none"
stroke="#663300"
stroke-width="2"
d="M220,250 Q250,260 280,250"
/>
</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 400" width="400" height="400">
<defs>
<!-- Mane gradient (outer) -->
<radialGradient id="maneGrad" cx="50%" cy="55%" r="50%">
<stop offset="0%" stop-color="#8B4513"/>
<stop offset="40%" stop-color="#6B3410"/>
<stop offset="100%" stop-color="#3D1C02"/>
</radialGradient>
<!-- Inner mane gradient -->
<radialGradient id="innerManeGrad" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#C4722A"/>
<stop offset="60%" stop-color="#A0521A"/>
<stop offset="100%" stop-color="#7B3A10"/>
</radialGradient>
<!-- Face gradient -->
<radialGradient id="faceGrad" cx="50%" cy="45%" r="55%">
<stop offset="0%" stop-color="#F5C97A"/>
<stop offset="50%" stop-color="#E8A84A"/>
<stop offset="100%" stop-color="#C4772A"/>
</radialGradient>
<!-- Muzzle gradient -->
<radialGradient id="muzzleGrad" cx="50%" cy="40%" r="55%">
<stop offset="0%" stop-color="#F8D898"/>
<stop offset="100%" stop-color="#D4944A"/>
</radialGradient>
<!-- Eye gradient -->
<radialGradient id="eyeGrad" cx="40%" cy="35%" r="60%">
<stop offset="0%" stop-color="#F0C040"/>
<stop offset="50%" stop-color="#C8861A"/>
<stop offset="100%" stop-color="#8B5010"/>
</radialGradient>
<!-- Nose gradient -->
<radialGradient id="noseGrad" cx="40%" cy="35%" r="60%">
<stop offset="0%" stop-color="#D4607A"/>
<stop offset="100%" stop-color="#8B2040"/>
</radialGradient>
<!-- Shadow filter -->
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="2" dy="4" stdDeviation="6" flood-color="#2A1005" flood-opacity="0.5"/>
</filter>
<!-- Fur texture 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>
<!-- Mane shadow -->
<radialGradient id="maneShadow" cx="50%" cy="50%" r="50%">
<stop offset="60%" stop-color="transparent"/>
<stop offset="100%" stop-color="#1A0800" stop-opacity="0.6"/>
</radialGradient>
</defs>
<!-- Background -->
<rect width="400" height="400" fill="#1a1a2e"/>
<!-- ===== OUTER MANE (darkest, back layer) ===== -->
<g filter="url(#shadow)">
<!-- Outer mane spikes/tufts -->
<ellipse cx="200" cy="210" rx="178" ry="175" fill="#2A0F02"/>
<!-- Mane tuft - top -->
<path d="M200,30 C185,20 175,50 180,75 C185,55 195,45 200,55 C205,45 215,55 220,75 C225,50 215,20 200,30Z" fill="#3D1C02"/>
<!-- Mane tuft - top left -->
<path d="M145,45 C128,38 122,68 132,90 C138,70 148,63 152,73 C158,62 165,68 162,90 C172,68 162,38 145,45Z" fill="#3D1C02"/>
<!-- Mane tuft - top right -->
<path d="M255,45 C272,38 278,68 268,90 C262,70 252,63 248,73 C242,62 235,68 238,90 C228,68 238,38 255,45Z" fill="#3D1C02"/>
<!-- Mane tuft - left -->
<path d="M42,140 C28,128 32,162 48,178 C52,158 62,152 66,162 C70,152 78,158 72,178 C88,162 82,128 42,140Z" fill="#3D1C02"/>
<!-- Mane tuft - right -->
<path d="M358,140 C372,128 368,162 352,178 C348,158 338,152 334,162 C330,152 322,158 328,178 C312,162 318,128 358,140Z" fill="#3D1C02"/>
<!-- Mane tuft - bottom left -->
<path d="M78,288 C62,282 64,316 82,328 C84,308 94,302 98,312 C104,302 110,310 104,328 C122,316 118,282 78,288Z" fill="#3D1C02"/>
<!-- Mane tuft - bottom right -->
<path d="M322,288 C338,282 336,316 318,328 C316,308 306,302 302,312 C296,302 290,310 296,328 C278,316 282,282 322,288Z" fill="#3D1C02"/>
<!-- Mane tuft - bottom -->
<path d="M200,375 C183,372 178,352 185,338 C190,352 196,355 200,350 C204,355 210,352 215,338 C222,352 217,372 200,375Z" fill="#3D1C02"/>
</g>
<!-- ===== MIDDLE MANE LAYER ===== -->
<ellipse cx="200" cy="210" rx="162" ry="160" fill="url(#maneGrad)"/>
<!-- Mane flow lines (darker streaks for depth) -->
<g opacity="0.4">
<path d="M200,55 C190,80 182,110 185,140" stroke="#2A0F02" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M200,55 C210,80 218,110 215,140" stroke="#2A0F02" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M155,68 C162,92 165,120 168,148" stroke="#2A0F02" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<path d="M245,68 C238,92 235,120 232,148" stroke="#2A0F02" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<path d="M110,95 C120,118 126,145 130,170" stroke="#2A0F02" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M290,95 C280,118 274,145 270,170" stroke="#2A0F02" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M75,135 C88,155 96,178 100,200" stroke="#2A0F02" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M325,135 C312,155 304,178 300,200" stroke="#2A0F02" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M62,185 C75,202 82,225 84,248" stroke="#2A0F02" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M338,185 C325,202 318,225 316,248" stroke="#2A0F02" stroke-width="2" fill="none" stroke-linecap="round"/>
</g>
<!-- ===== INNER MANE ===== -->
<ellipse cx="200" cy="215" rx="138" ry="135" fill="url(#innerManeGrad)"/>
<!-- Inner mane lighter streaks -->
<g opacity="0.35">
<path d="M200,82 C193,100 188,125 190,155" stroke="#E8A84A" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M200,82 C207,100 212,125 210,155" stroke="#E8A84A" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M168,92 C172,112 174,138 175,162" stroke="#E8A84A" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M232,92 C228,112 226,138 225,162" stroke="#E8A84A" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M138,112 C144,130 148,155 150,178" stroke="#E8A84A" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M262,112 C256,130 252,155 250,178" stroke="#E8A84A" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M112,145 C118,162 122,185 122,208" stroke="#E8A84A" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M288,145 C282,162 278,185 278,208" stroke="#E8A84A" stroke-width="1.5" fill="none" stroke-linecap="round"/>
</g>
<!-- ===== FACE / HEAD ===== -->
<ellipse cx="200" cy="210" rx="108" ry="112" fill="url(#faceGrad)" filter="url(#shadow)"/>
<!-- Face shading - cheek shadows -->
<ellipse cx="148" cy="225" rx="38" ry="30" fill="#C4722A" opacity="0.35"/>
<ellipse cx="252" cy="225" rx="38" ry="30" fill="#C4722A" opacity="0.35"/>
<!-- Forehead shading -->
<ellipse cx="200" cy="165" rx="55" ry="30" fill="#F5D090" opacity="0.4"/>
<!-- ===== EARS ===== -->
<!-- Left ear -->
<path d="M118,148 C108,128 100,108 112,95 C122,85 138,90 148,105 C155,118 155,135 150,148Z" fill="#E8A84A"/>
<path d="M122,145 C114,128 110,112 118,102 C125,94 136,98 143,110 C148,120 148,133 144,145Z" fill="#C4722A" opacity="0.6"/>
<!-- Ear inner -->
<path d="M126,142 C120,128 118,115 124,107 C129,100 138,103 142,113 C146,122 145,134 142,142Z" fill="#D4604A" opacity="0.7"/>
<!-- Right ear -->
<path d="M282,148 C292,128 300,108 288,95 C278,85 262,90 252,105 C245,118 245,135 250,148Z" fill="#E8A84A"/>
<path d="M278,145 C286,128 290,112 282,102 C275,94 264,98 257,110 C252,120 252,133 256,145Z" fill="#C4722A" opacity="0.6"/>
<!-- Ear inner -->
<path d="M274,142 C280,128 282,115 276,107 C271,100 262,103 258,113 C254,122 255,134 258,142Z" fill="#D4604A" opacity="0.7"/>
<!-- ===== BROW RIDGE ===== -->
<path d="M148,178 C162,170 180,166 200,166 C220,166 238,170 252,178" stroke="#A0621A" stroke-width="4" fill="none" stroke-linecap="round" opacity="0.7"/>
<!-- ===== EYES ===== -->
<!-- Left eye socket shadow -->
<ellipse cx="162" cy="198" rx="24" ry="18" fill="#A05A18" opacity="0.5"/>
<!-- Left eyeball -->
<ellipse cx="162" cy="196" rx="20" ry="16" fill="url(#eyeGrad)"/>
<!-- Left iris detail -->
<ellipse cx="162" cy="196" rx="14" ry="12" fill="#B07020" opacity="0.6"/>
<!-- Left pupil -->
<ellipse cx="162" cy="196" rx="7" ry="10" fill="#0A0500"/>
<!-- Left eye highlight -->
<ellipse cx="158" cy="191" rx="4" ry="3" fill="white" opacity="0.85"/>
<ellipse cx="167" cy="198" rx="2" ry="1.5" fill="white" opacity="0.4"/>
<!-- Left eyelid top -->
<path d="M142,190 C150,183 162,181 182,190" stroke="#7A4010" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- Left eyelid bottom -->
<path d="M142,202 C150,210 162,212 182,202" stroke="#7A4010" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- Right eye socket shadow -->
<ellipse cx="238" cy="198" rx="24" ry="18" fill="#A05A18" opacity="0.5"/>
<!-- Right eyeball -->
<ellipse cx="238" cy="196" rx="20" ry="16" fill="url(#eyeGrad)"/>
<!-- Right iris detail -->
<ellipse cx="238" cy="196" rx="14" ry="12" fill="#B07020" opacity="0.6"/>
<!-- Right pupil -->
<ellipse cx="238" cy="196" rx="7" ry="10" fill="#0A0500"/>
<!-- Right eye highlight -->
<ellipse cx="234" cy="191" rx="4" ry="3" fill="white" opacity="0.85"/>
<ellipse cx="243" cy="198" rx="2" ry="1.5" fill="white" opacity="0.4"/>
<!-- Right eyelid top -->
<path d="M218,190 C226,183 238,181 258,190" stroke="#7A4010" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- Right eyelid bottom -->
<path d="M218,202 C226,210 238,212 258,202" stroke="#7A4010" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- ===== NOSE BRIDGE ===== -->
<path d="M196,205 C194,215 193,225 194,235" stroke="#B06820" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.6"/>
<path d="M204,205 C206,215 207,225 206,235" stroke="#B06820" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.6"/>
<!-- ===== MUZZLE AREA ===== -->
<ellipse cx="200" cy="268" rx="52" ry="40" fill="url(#muzzleGrad)"/>
<!-- Muzzle shading -->
<ellipse cx="200" cy="275" rx="48" ry="35" fill="#F8D898" opacity="0.3"/>
<!-- Whisker dots - left -->
<circle cx="162" cy="262" r="2.5" fill="#8B5A20" opacity="0.7"/>
<circle cx="158" cy="270" r="2.5" fill="#8B5A20" opacity="0.7"/>
<circle cx="162" cy="278" r="2.5" fill="#8B5A20" opacity="0.7"/>
<circle cx="170" cy="265" r="2" fill="#8B5A20" opacity="0.5"/>
<circle cx="168" cy="275" r="2" fill="#8B5A20" opacity="0.5"/>
<!-- Whisker dots - right -->
<circle cx="238" cy="262" r="2.5" fill="#8B5A20" opacity="0.7"/>
<circle cx="242" cy="270" r="2.5" fill="#8B5A20" opacity="0.7"/>
<circle cx="238" cy="278" r="2.5" fill="#8B5A20" opacity="0.7"/>
<circle cx="230" cy="265" r="2" fill="#8B5A20" opacity="0.5"/>
<circle cx="232" cy="275" r="2" fill="#8B5A20" opacity="0.5"/>
<!-- ===== WHISKERS ===== -->
<!-- Left whiskers -->
<line x1="155" y1="260" x2="80" y2="248" stroke="#F5E8C0" stroke-width="1.2" opacity="0.8"/>
<line x1="155" y1="268" x2="75" y2="265" stroke="#F5E8C0" stroke-width="1.2" opacity="0.8"/>
<line x1="155" y1="276" x2="80" y2="283" stroke="#F5E8C0" stroke-width="1.2" opacity="0.8"/>
<line x1="158" y1="255" x2="88" y2="238" stroke="#F5E8C0" stroke-width="1" opacity="0.6"/>
<!-- Right whiskers -->
<line x1="245" y1="260" x2="320" y2="248" stroke="#F5E8C0" stroke-width="1.2" opacity="0.8"/>
<line x1="245" y1="268" x2="325" y2="265" stroke="#F5E8C0" stroke-width="1.2" opacity="0.8"/>
<line x1="245" y1="276" x2="320" y2="283" stroke="#F5E8C0" stroke-width="1.2" opacity="0.8"/>
<line x1="242" y1="255" x2="312" y2="238" stroke="#F5E8C0" stroke-width="1" opacity="0.6"/>
<!-- ===== NOSE ===== -->
<path d="M185,238 C190,230 210,230 215,238 C218,244 215,252 200,255 C185,252 182,244 185,238Z" fill="url(#noseGrad)"/>
<!-- Nose highlight -->
<ellipse cx="196" cy="240" rx="5" ry="3" fill="#E890A8" opacity="0.6"/>
<!-- Nose nostrils -->
<path d="M188,244 C190,248 194,250 198,249" stroke="#6B1530" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M212,244 C210,248 206,250 202,249" stroke="#6B1530" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- ===== MOUTH / PHILTRUM ===== -->
<!-- Philtrum line -->
<path d="M200,255 L200,268" stroke="#B06820" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.7"/>
<!-- Upper lip -->
<path d="M178,268 C186,264 194,266 200,268 C206,266 214,264 222,268" stroke="#A05818" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- Lower lip / mouth curve -->
<path d="M178,268 C185,278 195,282 200,280 C205,282 215,278 222,268" stroke="#A05818" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Chin shadow -->
<ellipse cx="200" cy="295" rx="30" ry="12" fill="#C4722A" opacity="0.4"/>
<!-- ===== FUR TEXTURE LINES on face ===== -->
<g stroke="#C4722A" stroke-width="1" fill="none" opacity="0.3">
<!-- Forehead fur -->
<path d="M185,168 C184,175 183,182 184,190" stroke-linecap="round"/>
<path d="M200,165 C200,172 200,180 200,188" stroke-linecap="round"/>
<path d="M215,168 C216,175 217,182 216,190" stroke-linecap="round"/>
<!-- Cheek fur left -->
<path d="M130,215 C135,220 140,228 142,238" stroke-linecap="round"/>
<path d="M126,228 C132,233 137,240 138,250" stroke-linecap="round"/>
<!-- Cheek fur right -->
<path d="M270,215 C265,220 260,228 258,238" stroke-linecap="round"/>
<path d="M274,228 C268,233 263,240 262,250" stroke-linecap="round"/>
</g>
<!-- ===== OVERALL FACE SHADING (depth) ===== -->
<!-- Top shadow on face -->
<ellipse cx="200" cy="175" rx="85" ry="25" fill="#8B5010" opacity="0.15"/>
<!-- Bottom chin shadow -->
<ellipse cx="200" cy="305" rx="65" ry="18" fill="#8B5010" opacity="0.25"/>
<!-- Mane overlay shadow for depth -->
<ellipse cx="200" cy="210" rx="138" ry="135" fill="url(#maneShadow)"/>
<!-- ===== CROWN / TOP FUR TUFTS ===== -->
<path d="M188,110 C186,95 182,82 185,70 C188,60 192,58 196,65 C198,55 200,50 200,50 C200,50 202,55 204,65 C208,58 212,60 215,70 C218,82 214,95 212,110Z" fill="#8B4513" opacity="0.9"/>
<path d="M178,115 C174,100 168,88 170,76 C172,66 177,64 180,72 C182,62 184,58 185,70 C182,82 186,95 188,110Z" fill="#7B3810" opacity="0.8"/>
<path d="M222,115 C226,100 232,88 230,76 C228,66 223,64 220,72 C218,62 216,58 215,70 C218,82 214,95 212,110Z" fill="#7B3810" opacity="0.8"/>
</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="title" role="img">
<title id="title">SVG Lion Head</title>
<defs>
<!-- Gradient for the main, flowing mane -->
<radialGradient id="maneGradient" cx="50%" cy="50%" r="55%" fx="50%" fy="45%">
<stop offset="0%" style="stop-color:#E6A756; stop-opacity:1" />
<stop offset="40%" style="stop-color:#D48C3B; stop-opacity:1" />
<stop offset="100%" style="stop-color:#8C5A2B; stop-opacity:1" />
</radialGradient>
<!-- Gradient for the lion's face -->
<linearGradient id="faceGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#D4AC79;" />
<stop offset="100%" style="stop-color:#C49A6C;" />
</linearGradient>
<!-- Gradient for the lighter muzzle and chin area -->
<radialGradient id="muzzleGradient" cx="50%" cy="50%" r="70%">
<stop offset="0%" style="stop-color:#F5EAD9;" />
<stop offset="100%" style="stop-color:#E8DBC9;" />
</radialGradient>
<!-- Gradient for the nose to give it a slight sheen -->
<linearGradient id="noseGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#332211;" />
<stop offset="100%" style="stop-color:#1A1108;" />
</linearGradient>
<!-- Gradient for the amber eyes -->
<radialGradient id="eyeGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#FFC300;" />
<stop offset="100%" style="stop-color:#D9822B;" />
</radialGradient>
<!-- Grouping the left side elements for symmetrical mirroring -->
<g id="left-side">
<!-- Left half of the mane -->
<path d="M 100,10
C 80,5, 40,15, 20,30
S 5,60, 15,90
C 5,120, 10,160, 30,185
S 60,195, 100,190 Z"
fill="url(#maneGradient)" />
<!-- Left Face Shape -->
<path d="M 100,30
C 80,32, 65,45, 60,60
S 60,95, 75,120
C 80,130, 85,145, 100,150 Z"
fill="url(#faceGradient)" />
<!-- Left Muzzle -->
<path d="M 100,105
C 90,108, 80,115, 78,125
S 85,145, 100,150 Z"
fill="url(#muzzleGradient)" />
<!-- Left Ear Detail (inner darker part) -->
<path d="M 65,35 C 60,30, 50,32, 48,40 C 50,45, 58,48, 65,42 Z" fill="#A26B3A" />
<!-- Left Eye Area -->
<g transform="translate(70, 75)">
<!-- Eye shadow/socket -->
<path d="M 0,0 C 5,-8, 15,-10, 25,-8 S 30,5, 20,8 C 15,10, 5,5, 0,0 Z" fill="#A26B3A" />
<!-- Eye white/sclera -->
<path d="M 5,2 C 10,0, 20,0, 25,3 S 20,9, 15,9 C 10,9, 3,4, 5,2 Z" fill="#F5EAD9" />
<!-- Iris -->
<circle cx="17" cy="5" r="4" fill="url(#eyeGradient)" />
<!-- Pupil -->
<circle cx="17" cy="5" r="2.5" fill="#000" />
<!-- Eye highlight -->
<circle cx="18" cy="4" r="0.8" fill="#FFF" fill-opacity="0.9"/>
</g>
<!-- Left whisker spots -->
<g fill="#B48A5A">
<circle cx="82" cy="128" r="0.8" />
<circle cx="87" cy="131" r="0.8" />
<circle cx="83" cy="135" r="0.8" />
<circle cx="77" cy="132" r="0.8" />
<circle cx="92" cy="126" r="0.8" />
</g>
</g>
</defs>
<!-- Main Drawing Area -->
<!-- Use the left-side group and mirror it to create the right side -->
<!-- The transform works by: 1. scaling X by -1 (flips horizontally) -->
<!-- 2. translating it back by the width of the viewbox (-200) -->
<use href="#left-side" transform="scale(-1, 1) translate(-200, 0)" />
<use href="#left-side" />
<!-- Central Features (drawn on top of the mirrored halves) -->
<!-- Nose -->
<path d="M 100,100
C 95,100, 92,105, 92,110
C 92,118, 98,122, 100,122
C 102,122, 108,118, 108,110
C 108,105, 105,100, 100,100 Z"
fill="url(#noseGradient)" />
<!-- Line from nose to mouth -->
<path d="M 100,122 L 100,135" stroke="#1A1108" stroke-width="1.5" stroke-linecap="round" />
<!-- Mouth line -->
<path d="M 90,142 C 95,148, 105,148, 110,142" stroke="#1A1108" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- Chin Shadow -->
<path d="M 90,150 C 95,155, 105,155, 110,150 C 105,152, 95,152, 90,150 Z" fill="#000" fill-opacity="0.15" />
</svg>
Grok 4.3
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500">
<defs>
<!-- Mane gradient -->
<radialGradient id="maneGrad" cx="50%" cy="45%" r="65%" fx="45%" fy="35%">
<stop offset="0%" stop-color="#D97706"/>
<stop offset="35%" stop-color="#B45309"/>
<stop offset="70%" stop-color="#92400E"/>
<stop offset="100%" stop-color="#78350F"/>
</radialGradient>
<!-- Head gradient for depth -->
<radialGradient id="headGrad" cx="48%" cy="42%" r="55%" fx="42%" fy="35%">
<stop offset="0%" stop-color="#F5D0A9"/>
<stop offset="45%" stop-color="#E8A87C"/>
<stop offset="75%" stop-color="#C17A4E"/>
<stop offset="100%" stop-color="#8B5E3C"/>
</radialGradient>
<!-- Muzzle gradient -->
<radialGradient id="muzzleGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#F5E8D3"/>
<stop offset="100%" stop-color="#D4B48C"/>
</radialGradient>
<!-- Eye gradient -->
<linearGradient id="eyeGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#3F2A1D"/>
<stop offset="100%" stop-color="#1F150F"/>
</linearGradient>
</defs>
<!-- Flowing Mane - layered for depth and volume -->
<!-- Outer mane layer -->
<path d="M250 60
Q120 90 85 180 Q70 280 95 360 Q150 430 250 445
Q350 430 405 360 Q430 280 415 180 Q380 90 250 60"
fill="#92400E" opacity="0.6"/>
<!-- Main flowing mane -->
<path d="M250 75
Q135 105 105 195 Q92 295 120 365 Q165 425 250 435
Q335 425 380 365 Q408 295 395 195 Q365 105 250 75"
fill="url(#maneGrad)"/>
<!-- Mane tufts / flowing strands -->
<path d="M130 140 Q95 200 105 280 Q130 340 165 310" fill="none" stroke="#78350F" stroke-width="18" stroke-linecap="round" opacity="0.7"/>
<path d="M370 140 Q405 200 395 280 Q370 340 335 310" fill="none" stroke="#78350F" stroke-width="18" stroke-linecap="round" opacity="0.7"/>
<path d="M145 110 Q115 165 125 240 Q155 310 190 275" fill="none" stroke="#B45309" stroke-width="14" stroke-linecap="round" opacity="0.6"/>
<path d="M355 110 Q385 165 375 240 Q345 310 310 275" fill="none" stroke="#B45309" stroke-width="14" stroke-linecap="round" opacity="0.6"/>
<path d="M180 85 Q155 140 165 210 Q195 275 225 245" fill="none" stroke="#D97706" stroke-width="11" stroke-linecap="round" opacity="0.5"/>
<path d="M320 85 Q345 140 335 210 Q305 275 275 245" fill="none" stroke="#D97706" stroke-width="11" stroke-linecap="round" opacity="0.5"/>
<!-- Ears -->
<!-- Left ear -->
<path d="M155 165 Q135 130 160 105 Q185 125 175 160" fill="#E8A87C"/>
<path d="M160 158 Q148 138 162 120 Q172 135 168 155" fill="#C17A4E"/>
<!-- Right ear -->
<path d="M345 165 Q365 130 340 105 Q315 125 325 160" fill="#E8A87C"/>
<path d="M340 158 Q352 138 338 120 Q328 135 332 155" fill="#C17A4E"/>
<!-- Head -->
<circle cx="250" cy="235" r="118" fill="url(#headGrad)"/>
<!-- Subtle head shading -->
<circle cx="250" cy="235" r="118" fill="none" stroke="#8B5E3C" stroke-width="8" opacity="0.15"/>
<!-- Muzzle -->
<ellipse cx="250" cy="295" rx="58" ry="42" fill="url(#muzzleGrad)"/>
<ellipse cx="250" cy="295" rx="58" ry="42" fill="none" stroke="#C17A4E" stroke-width="4" opacity="0.3"/>
<!-- Nose -->
<path d="M235 270 Q250 258 265 270 Q258 285 250 282 Q242 285 235 270" fill="#3F2A1D"/>
<path d="M238 272 Q250 265 262 272" fill="none" stroke="#1F150F" stroke-width="2"/>
<!-- Mouth -->
<path d="M250 295 Q240 310 250 318" fill="none" stroke="#8B5E3C" stroke-width="3.5" stroke-linecap="round"/>
<path d="M250 295 Q260 310 250 318" fill="none" stroke="#8B5E3C" stroke-width="3.5" stroke-linecap="round"/>
<!-- Eyes -->
<!-- Left eye -->
<ellipse cx="195" cy="210" rx="19" ry="26" fill="url(#eyeGrad)" transform="rotate(-12 195 210)"/>
<ellipse cx="195" cy="210" rx="19" ry="26" fill="none" stroke="#1F150F" stroke-width="3"/>
<!-- Left pupil -->
<circle cx="197" cy="212" r="8" fill="#F5D0A9"/>
<circle cx="199" cy="214" r="3.5" fill="#1F150F"/>
<!-- Right eye -->
<ellipse cx="305" cy="210" rx="19" ry="26" fill="url(#eyeGrad)" transform="rotate(12 305 210)"/>
<ellipse cx="305" cy="210" rx="19" ry="26" fill="none" stroke="#1F150F" stroke-width="3"/>
<!-- Right pupil -->
<circle cx="303" cy="212" r="8" fill="#F5D0A9"/>
<circle cx="301" cy="214" r="3.5" fill="#1F150F"/>
<!-- Eyebrows / brow ridge -->
<path d="M175 185 Q195 178 215 188" fill="none" stroke="#8B5E3C" stroke-width="5" stroke-linecap="round" opacity="0.6"/>
<path d="M325 185 Q305 178 285 188" fill="none" stroke="#8B5E3C" stroke-width="5" stroke-linecap="round" opacity="0.6"/>
<!-- Subtle whiskers -->
<path d="M175 290 Q140 285 115 295" fill="none" stroke="#8B5E3C" stroke-width="1.2" opacity="0.5"/>
<path d="M175 300 Q135 302 110 312" fill="none" stroke="#8B5E3C" stroke-width="1.2" opacity="0.5"/>
<path d="M325 290 Q360 285 385 295" fill="none" stroke="#8B5E3C" stroke-width="1.2" opacity="0.5"/>
<path d="M325 300 Q365 302 390 312" fill="none" stroke="#8B5E3C" stroke-width="1.2" opacity="0.5"/>
</svg>
DeepSeek V3
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<defs>
<!-- Gradients for shading -->
<linearGradient id="maneGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#8B4513;stop-opacity:1"/>
<stop offset="50%" style="stop-color:#A0522D;stop-opacity:1"/>
<stop offset="100%" style="stop-color:#D2691E;stop-opacity:1"/>
</linearGradient>
<radialGradient id="faceGradient" cx="50%" cy="50%" r="50%" fx="40%" fy="40%">
<stop offset="0%" style="stop-color:#F5DEB3;stop-opacity:1"/>
<stop offset="100%" style="stop-color:#D2B48C;stop-opacity:1"/>
</radialGradient>
<radialGradient id="noseGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#8B4513;stop-opacity:1"/>
<stop offset="100%" style="stop-color:#5D291F;stop-opacity:1"/>
</radialGradient>
<linearGradient id="eyeShadow" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#1A1A1A;stop-opacity:0.7"/>
<stop offset="100%" style="stop-color:#1A1A1A;stop-opacity:0.2"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="2" dy="2" stdDeviation="4" flood-color="#000000" flood-opacity="0.3"/>
</filter>
</defs>
<!-- Background -->
<rect width="100%" height="100%" fill="#F0E6D2"/>
<!-- Full flowing mane -->
<g filter="url(#shadow)">
<path d="M200,50
C150,60 120,80 100,120
C80,150 70,180 60,220
C50,250 60,280 80,300
C100,320 120,330 150,340
C250,340 280,330 320,300
C340,280 350,250 340,220
C330,180 320,150 300,120
C280,80 250,60 200,50Z"
fill="url(#maneGradient)" stroke="#5D291F" stroke-width="1.5"/>
<!-- Mane details/texture -->
<path d="M130,100 C120,120 115,140 110,160
M150,90 C140,110 135,130 130,150
M170,85 C160,105 155,125 150,145
M190,80 C180,100 175,120 170,140
M210,80 C200,100 195,120 190,140
M230,85 C220,105 215,125 210,145
M250,90 C240,110 235,130 230,150
M270,100 C260,120 255,140 250,160"
stroke="#5D291F" stroke-width="2" fill="none"/>
</g>
<!-- Lion's face -->
<g transform="translate(0, -10)">
<!-- Face base -->
<ellipse cx="200" cy="200" rx="110" ry="120" fill="url(#faceGradient)" stroke="#8B4513" stroke-width="2"/>
<!-- Ears -->
<path d="M150,120 C140,100 160,90 170,110 L165,130 Z" fill="#D2B48C" stroke="#8B4513" stroke-width="1"/>
<path d="M250,120 C260,100 240,90 230,110 L235,130 Z" fill="#D2B48C" stroke="#8B4513" stroke-width="1"/>
<!-- Forehead -->
<path d="M200,130 C180,140 160,150 150,160
C140,170 130,180 130,190
C130,200 140,210 150,220
C160,230 180,240 200,245
C220,240 240,230 250,220
C260,210 270,200 270,190
C270,180 260,170 250,160
C240,150 220,140 200,130Z"
fill="#D2B48C" stroke="#8B4513" stroke-width="1"/>
<!-- Eyes -->
<ellipse cx="160" cy="180" rx="20" ry="15" fill="#1A1A1A"/>
<ellipse cx="240" cy="180" rx="20" ry="15" fill="#1A1A1A"/>
<!-- Eye highlights -->
<ellipse cx="165" cy="175" rx="6" ry="4" fill="#FFFFFF"/>
<ellipse cx="245" cy="175" rx="6" ry="4" fill="#FFFFFF"/>
<!-- Eye shading -->
<ellipse cx="160" cy="180" rx="18" ry="13" fill="url(#eyeShadow)"/>
<ellipse cx="240" cy="180" rx="18" ry="13" fill="url(#eyeShadow)"/>
<!-- Eye contours -->
<path d="M140,180 C145,170 155,165 160,165
C165,165 175,170 180,180"
stroke="#8B4513" stroke-width="2" fill="none"/>
<path d="M220,180 C225,170 235,165 240,165
C245,165 255,170 260,180"
stroke="#8B4513" stroke-width="2" fill="none"/>
<!-- Nose/muzzle area -->
<path d="M200,210 C180,210 160,220 150,230
C150,240 160,250 170,260
C180,270 190,275 200,275
C210,275 220,270 230,260
C240,250 250,240 250,230
C240,220 220,210 200,210Z"
fill="#F5DEB3" stroke="#8B4513" stroke-width="1"/>
<!-- Nose -->
<path d="M180,235 C190,235 200,237 210,235
C210,245 200,250 190,250
C180,250 170,245 170,235
C175,235 177.5,235 180,235Z"
fill="url(#noseGradient)" stroke="#5D291F" stroke-width="1.5"/>
<!-- Nostrils -->
<ellipse cx="185" cy="240" rx="3" ry="4" fill="#1A1A1A"/>
<ellipse cx="215" cy="240" rx="3" ry="4" fill="#1A1A1A"/>
<!-- Mouth/whisker pads -->
<path d="M170,260 C180,265 190,268 200,268
C210,268 220,265 230,260"
stroke="#8B4513" stroke-width="2" fill="none"/>
<!-- Mouth line -->
<path d="M200,268 C200,275 195,280 190,282"
stroke="#8B4513" stroke-width="1.5" fill="none"/>
<path d="M200,268 C200,275 205,280 210,282"
stroke="#8B4513" stroke-width="1.5" fill="none"/>
<!-- Whisker dots -->
<circle cx="150" cy="240" r="3" fill="#8B4513"/>
<circle cx="155" cy="245" r="3" fill="#8B4513"/>
<circle cx="155" cy="235" r="3" fill="#8B4513"/>
<circle cx="250" cy="240" r="3" fill="#8B4513"/>
<circle cx="245" cy="245" r="3" fill="#8B4513"/>
<circle cx="245" cy="235" r="3" fill="#8B4513"/>
<!-- Whiskers (left) -->
<path d="M145,240 L120,240" stroke="#8B4513" stroke-width="1.5"/>
<path d="M150,245 L130,255" stroke="#8B4513" stroke-width="1.5"/>
<path d="M150,235 L130,225" stroke="#8B4513" stroke-width="1.5"/>
<!-- Whiskers (right) -->
<path d="M255,240 L280,240" stroke="#8B4513" stroke-width="1.5"/>
<path d="M250,245 L270,255" stroke="#8B4513" stroke-width="1.5"/>
<path d="M250,235 L270,225" stroke="#8B4513" stroke-width="1.5"/>
<!-- Facial shading/contours -->
<path d="M200,150 C180,160 165,170 160,180" stroke="#D2B48C" stroke-width="1" fill="none" opacity="0.5"/>
<path d="M200,150 C220,160 235,170 240,180" stroke="#D2B48C" stroke-width="1" fill="none" opacity="0.5"/>
<!-- Cheek shading -->
<ellipse cx="170" cy="220" rx="15" ry="10" fill="#8B4513" opacity="0.1"/>
<ellipse cx="230" cy="220" rx="15" ry="10" fill="#8B4513" opacity="0.1"/>
</g>
<!-- Additional mane texture -->
<g opacity="0.3">
<path d="M120,80 C110,100 105,120 100,140
M140,70 C130,90 125,110 120,130
M260,70 C270,90 275,110 280,130
M280,80 C290,100 295,120 300,140"
stroke="#5D291F" stroke-width="1.5" fill="none"/>
</g>
<!-- Title -->
<text x="200" y="380" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" fill="#5D291F" font-weight="bold">
Lion's Head
</text>
</svg>
Qwen3 235B
Valid SVG
View SVG Code
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
<defs>
<!-- Gradient for the golden mane -->
<radialGradient id="maneGradient" cx="50%" cy="50%" r="70%">
<stop offset="0%" stop-color="#d4a73c"/>
<stop offset="60%" stop-color="#b8860b"/>
<stop offset="100%" stop-color="#8b5a2b"/>
</radialGradient>
<!-- Gradient for the face (lighter, warmer tone) -->
<radialGradient id="faceGradient" cx="50%" cy="45%" r="60%">
<stop offset="0%" stop-color="#f5d4a5"/>
<stop offset="80%" stop-color="#e0ab6c"/>
<stop offset="100%" stop-color="#c47e4b"/>
</radialGradient>
<!-- Gradient for the eyes (iris with depth) -->
<radialGradient id="eyeGradient" cx="35%" cy="35%" r="70%">
<stop offset="0%" stop-color="#fcd06f"/>
<stop offset="50%" stop-color="#e09c3e"/>
<stop offset="100%" stop-color="#b36e26"/>
</radialGradient>
<!-- Gradient for the nose -->
<linearGradient id="noseGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#a0522d"/>
<stop offset="100%" stop-color="#654321"/>
</linearGradient>
</defs>
<!-- Background (optional) -->
<rect width="500" height="500" fill="#fdf6e9"/>
<!-- Lion's Mane -->
<path d="
M250,60
C330,70 380,130 370,210
C360,280 370,340 350,380
C330,410 310,430 270,440
C230,450 200,450 170,440
C130,430 110,410 90,380
C70,340 80,280 70,210
C60,130 110,70 190,60
C210,55 230,55 250,60
Z
" fill="url(#maneGradient)" stroke="#8b5a2b" stroke-width="1"/>
<!-- Inner Mane Edge to Add Depth -->
<path d="
M250,80
C310,90 350,140 340,200
C330,250 335,300 320,340
C305,370 290,390 250,400
C210,390 195,370 180,340
C165,300 170,250 160,200
C150,140 180,90 230,80
C235,78 245,78 250,80
Z
" fill="#c99a4d" opacity="0.8"/>
<!-- Face Base (snout and cheeks) -->
<path d="
M160,180
C170,130 190,110 250,110
C310,110 330,130 340,180
C345,220 335,270 290,300
C270,310 230,310 210,300
C165,270 155,220 160,180
Z
" fill="url(#faceGradient)" stroke="#c47e4b" stroke-width="1"/>
<!-- Nose -->
<path d="
M230,280
C235,275 255,275 260,280
C262,284 260,288 255,290
C250,292 240,292 235,290
C230,288 228,284 230,280
Z
" fill="url(#noseGradient)"/>
<!-- Nose to Mouth Line -->
<path d="M255,290 L255,310" stroke="#654321" stroke-width="2" stroke-linecap="round"/>
<!-- Mouth Curve -->
<path d="M235,310
C245,320 255,320 265,310"
fill="none" stroke="#654321" stroke-width="2" stroke-linecap="round"/>
<!-- Eyes -->
<!-- Left Eye -->
<ellipse cx="208" cy="165" rx="16" ry="18" fill="white" stroke="#b8860b" stroke-width="1.5"/>
<ellipse cx="208" cy="165" rx="8" ry="10" fill="url(#eyeGradient)"/>
<circle cx="210" cy="163" r="4" fill="black"/>
<circle cx="212" cy="161" r="1.5" fill="white"/> <!-- Highlight -->
<!-- Right Eye -->
<ellipse cx="292" cy="165" rx="16" ry="18" fill="white" stroke="#b8860b" stroke-width="1.5"/>
<ellipse cx="292" cy="165" rx="8" ry="10" fill="url(#eyeGradient)"/>
<circle cx="294" cy="163" r="4" fill="black"/>
<circle cx="296" cy="161" r="1.5" fill="white"/> <!-- Highlight -->
<!-- Eyebrows (subtle fur texture) -->
<path d="M190,145 C198,140 210,142 215,147" fill="none" stroke="#8b5a2b" stroke-width="2"/>
<path d="M275,147 C280,142 292,140 300,145" fill="none" stroke="#8b5a2b" stroke-width="2"/>
<!-- Inner Muzzle Details -->
<path d="M210,240
C220,230 240,225 250,225
C260,225 280,230 290,240
C285,250 270,255 250,255
C230,255 215,250 210,240
Z"
fill="#e8bd8c" stroke="#d4a73c" stroke-width="1"/>
<!-- Whisker Areas -->
<path d="M180,200
C170,210 165,230 170,250"
fill="none" stroke="#c47e4b" stroke-width="2"/>
<path d="M185,210
C175,218 170,240 175,255"
fill="none" stroke="#d4a73c" stroke-width="1.5"/>
<path d="M320,200
C330,210 335,230 330,250"
fill="none" stroke="#c47e4b" stroke-width="2"/>
<path d="M315,210
C325,218 330,240 325,255"
fill="none" stroke="#d4a73c" stroke-width="1.5"/>
<!-- Optional: Whiskers -->
<!-- Could be added with very fine lines, but may clutter -->
<!-- Ears (top of mane) -->
<!-- Left Ear -->
<path d="M160,130
L150,80
C140,60 165,55 180,70
C185,80 175,110 160,130
Z"
fill="#b8860b" stroke="#8b5a2b" stroke-width="1"/>
<!-- Right Ear -->
<path d="M340,130
L350,80
C360,60 335,55 320,70
C315,80 325,110 340,130
Z"
fill="#b8860b" stroke="#8b5a2b" stroke-width="1"/>
<!-- Inner Ears -->
<ellipse cx="162" cy="115" rx="8" ry="12" fill="#a0522d"/>
<ellipse cx="338" cy="115" rx="8" ry="12" fill="#a0522d"/>
</svg>
Llama 4 Maverick
Value
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<!-- Gradients for shading -->
<defs>
<linearGradient id="maneGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#F2C464" />
<stop offset="100%" stop-color="#FFD700" />
</linearGradient>
<radialGradient id="faceGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#F5DEB3" />
<stop offset="100%" stop-color="#964B00" />
</radialGradient>
<linearGradient id="eyeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#786C3B" />
<stop offset="100%" stop-color="#452B1F" />
</linearGradient>
</defs>
<!-- Mane -->
<path d="M 150,100 C 120,150 180,200 200,150 C 220,200 280,150 250,100
C 230,50 190,50 170,70 C 160,50 140,50 150,100 Z"
fill="url(#maneGradient)" stroke="#FFD700" stroke-width="2" />
<!-- Face -->
<ellipse cx="200" cy="250" rx="80" ry="70" fill="url(#faceGradient)" />
<!-- Muzzle -->
<ellipse cx="200" cy="290" rx="40" ry="30" fill="#964B00" />
<!-- Nose -->
<circle cx="200" cy="300" r="10" fill="#452B1F" />
<!-- Eyes -->
<circle cx="170" cy="240" r="15" fill="url(#eyeGradient)" />
<circle cx="230" cy="240" r="15" fill="url(#eyeGradient)" />
<!-- Pupils -->
<circle cx="170" cy="240" r="5" fill="#000" />
<circle cx="230" cy="240" r="5" fill="#000" />
<!-- Whiskers -->
<line x1="160" y1="280" x2="140" y2="290" stroke="#452B1F" stroke-width="2" />
<line x1="240" y1="280" x2="260" y2="290" stroke="#452B1F" stroke-width="2" />
</svg>
Mistral Large 3
Valid SVG
View SVG Code
<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<!-- Define gradients for shading -->
<defs>
<!-- Mane gradient (dark to light) -->
<linearGradient id="maneGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#8B4513" />
<stop offset="50%" stop-color="#D2691E" />
<stop offset="100%" stop-color="#F4A460" />
</linearGradient>
<!-- Face gradient (warm tones) -->
<linearGradient id="faceGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#F5DEB3" />
<stop offset="50%" stop-color="#DEB887" />
<stop offset="100%" stop-color="#CD853F" />
</linearGradient>
<!-- Shadow gradient (for depth) -->
<radialGradient id="shadowGradient" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
<stop offset="0%" stop-color="#8B0000" stop-opacity="0.3" />
<stop offset="100%" stop-color="#000000" stop-opacity="0" />
</radialGradient>
<!-- Eye gradient -->
<radialGradient id="eyeGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#FFD700" />
<stop offset="100%" stop-color="#8B4513" />
</radialGradient>
</defs>
<!-- Background (optional) -->
<rect width="100%" height="100%" fill="#F0E68C" />
<!-- Lion's mane (outer layer) -->
<path d="M250,50 C150,50 50,150 50,250 C50,350 150,450 250,450 C350,450 450,350 450,250 C450,150 350,50 250,50 Z"
fill="url(#maneGradient)" stroke="#5D4037" stroke-width="2" />
<!-- Mane details (flowing strands) -->
<path d="M250,80 C200,60 150,80 150,120 C150,160 200,180 250,180 C300,180 350,160 350,120 C350,80 300,60 250,80 Z"
fill="url(#maneGradient)" opacity="0.8" />
<path d="M250,100 C180,90 120,120 120,160 C120,200 180,220 250,220 C320,220 380,200 380,160 C380,120 320,90 250,100 Z"
fill="url(#maneGradient)" opacity="0.7" />
<!-- Face outline -->
<path d="M250,150 C220,140 190,160 180,190 C170,220 180,250 200,260 C220,270 250,270 280,270 C300,270 320,260 330,250 C340,220 330,190 320,160 C310,140 280,130 250,150 Z"
fill="url(#faceGradient)" stroke="#5D4037" stroke-width="1.5" />
<!-- Forehead wrinkles -->
<path d="M230,160 Q240,150 250,160 Q260,150 270,160" fill="none" stroke="#8B4513" stroke-width="1.5" />
<path d="M220,170 Q240,165 260,170 Q270,165 280,170" fill="none" stroke="#8B4513" stroke-width="1" />
<!-- Eyes -->
<ellipse cx="220" cy="200" rx="25" ry="15" fill="url(#eyeGradient)" stroke="#5D4037" stroke-width="1" />
<ellipse cx="280" cy="200" rx="25" ry="15" fill="url(#eyeGradient)" stroke="#5D4037" stroke-width="1" />
<!-- Pupils -->
<circle cx="220" cy="200" r="8" fill="#3E2723" />
<circle cx="280" cy="200" r="8" fill="#3E2723" />
<circle cx="223" cy="197" r="3" fill="#FFF" />
<circle cx="283" cy="197" r="3" fill="#FFF" />
<!-- Nose bridge -->
<path d="M250,180 Q240,190 230,200 Q240,210 250,210 Q260,210 270,200 Q260,190 250,180 Z"
fill="#5D4037" opacity="0.7" />
<!-- Nose -->
<path d="M250,220 C240,220 230,230 230,240 C230,250 240,260 250,260 C260,260 270,250 270,240 C270,230 260,220 250,220 Z"
fill="#3E2723" stroke="#000" stroke-width="0.5" />
<!-- Muzzle -->
<path d="M230,240 C220,240 210,250 210,260 C210,280 230,290 250,290 C270,290 290,280 290,260 C290,250 280,240 270,240"
fill="#F5DEB3" stroke="#5D4037" stroke-width="1" />
<!-- Whisker spots -->
<circle cx="215" cy="260" r="3" fill="#3E2723" />
<circle cx="285" cy="260" r="3" fill="#3E2723" />
<!-- Whiskers -->
<line x1="215" y1="260" x2="180" y2="250" stroke="#3E2723" stroke-width="1" stroke-linecap="round" />
<line x1="215" y1="260" x2="180" y2="260" stroke="#3E2723" stroke-width="1" stroke-linecap="round" />
<line x1="215" y1="260" x2="180" y2="270" stroke="#3E2723" stroke-width="1" stroke-linecap="round" />
<line x1="285" y1="260" x2="320" y2="250" stroke="#3E2723" stroke-width="1" stroke-linecap="round" />
<line x1="285" y1="260" x2="320" y2="260" stroke="#3E2723" stroke-width="1" stroke-linecap="round" />
<line x1="285" y1="260" x2="320" y2="270" stroke="#3E2723" stroke-width="1" stroke-linecap="round" />
<!-- Mouth -->
<path d="M240,280 Q250,285 260,280" fill="none" stroke="#3E2723" stroke-width="1" />
<path d="M235,275 Q240,280 245,275" fill="none" stroke="#3E2723" stroke-width="0.5" />
<path d="M265,275 Q260,280 255,275" fill="none" stroke="#3E2723" stroke-width="0.5" />
<!-- Shadow under chin -->
<path d="M230,290 Q250,300 270,290" fill="url(#shadowGradient)" opacity="0.5" />
<!-- Ear shadows -->
<path d="M190,180 Q200,160 210,170 Q200,180 190,180 Z" fill="#5D4037" opacity="0.3" />
<path d="M290,180 Q300,160 310,170 Q300,180 290,180 Z" fill="#5D4037" opacity="0.3" />
<!-- Inner ears -->
<path d="M200,170 Q210,160 220,170 Q210,180 200,170 Z" fill="#F5DEB3" stroke="#5D4037" stroke-width="0.5" />
<path d="M280,170 Q290,160 300,170 Q290,180 280,170 Z" fill="#F5DEB3" stroke="#5D4037" stroke-width="0.5" />
<!-- Mane highlights -->
<path d="M250,100 C230,90 200,100 200,130 C200,160 230,170 250,170 C270,170 300,160 300,130 C300,100 270,90 250,100 Z"
fill="none" stroke="#FFD700" stroke-width="1.5" stroke-opacity="0.3" />
</svg>
Kimi K2.5
Valid SVG
View SVG Code
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Mane Gradients: Creating depth between rays -->
<linearGradient id="maneShadow" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#8B4513;stop-opacity:1" />
<stop offset="100%" style="stop-color:#5A300C;stop-opacity:1" />
</linearGradient>
<linearGradient id="maneHighlight" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#D2691E;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8B4513;stop-opacity:1" />
</linearGradient>
<!-- Face Gradients -->
<radialGradient id="faceBase" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#F4C430;stop-opacity:1" /> <!-- Golden -->
<stop offset="90%" style="stop-color:#DAA520;stop-opacity:1" /> <!-- Goldenrod -->
<stop offset="100%" style="stop-color:#B8860B;stop-opacity:1" /> <!-- Dark Goldenrod -->
</radialGradient>
<linearGradient id="muzzleGrad" x1="50%" y1="0%" x2="50%" y2="100%">
<stop offset="0%" style="stop-color:#FFE4B5;stop-opacity:1" /> <!-- Moccasin -->
<stop offset="100%" style="stop-color:#DEB887;stop-opacity:1" /> <!-- Burlywood -->
</linearGradient>
<radialGradient id="noseGrad" cx="30%" cy="30%" r="50%">
<stop offset="0%" style="stop-color:#FFC0CB;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8B0000;stop-opacity:1" />
</radialGradient>
<!-- Eye Gradients -->
<radialGradient id="eyeGold" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
<stop offset="70%" style="stop-color:#DAA520;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8B4513;stop-opacity:1" />
</radialGradient>
<!-- Filters for soft shadow -->
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="2" dy="2" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.3"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Mane Group: Faceted Sunburst Style -->
<g id="mane" transform="translate(200, 200)">
<!-- Layer 1: Back Darker Mane -->
<path d="M0 -170 L30 -130 Q0 -110 -30 -130 Z" fill="#5A300C" transform="rotate(0)"/>
<path d="M0 -170 L30 -130 Q0 -110 -30 -130 Z" fill="#5A300C" transform="rotate(45)"/>
<path d="M0 -170 L30 -130 Q0 -110 -30 -130 Z" fill="#5A300C" transform="rotate(90)"/>
<path d="M0 -170 L30 -130 Q0 -110 -30 -130 Z" fill="#5A300C" transform="rotate(135)"/>
<path d="M0 -170 L30 -130 Q0 -110 -30 -130 Z" fill="#5A300C" transform="rotate(180)"/>
<path d="M0 -170 L30 -130 Q0 -110 -30 -130 Z" fill="#5A300C" transform="rotate(225)"/>
<path d="M0 -170 L30 -130 Q0 -110 -30 -130 Z" fill="#5A300C" transform="rotate(270)"/>
<path d="M0 -170 L30 -130 Q0 -110 -30 -130 Z" fill="#5A300C" transform="rotate(315)"/>
<!-- Layer 2: Main Mane (Alternating for volume) -->
<path d="M0 -160 L40 -100 Q0 -90 -40 -100 Z" fill="url(#maneHighlight)" transform="rotate(22.5)"/>
<path d="M0 -160 L40 -100 Q0 -90 -40 -100 Z" fill="url(#maneShadow)" transform="rotate(67.5)"/>
<path d="M0 -160 L40 -100 Q0 -90 -40 -100 Z" fill="url(#maneHighlight)" transform="rotate(112.5)"/>
<path d="M0 -160 L40 -100 Q0 -90 -40 -100 Z" fill="url(#maneShadow)" transform="rotate(157.5)"/>
<path d="M0 -160 L40 -100 Q0 -90 -40 -100 Z" fill="url(#maneHighlight)" transform="rotate(202.5)"/>
<path d="M0 -160 L40 -100 Q0 -90 -40 -100 Z" fill="url(#maneShadow)" transform="rotate(247.5)"/>
<path d="M0 -160 L40 -100 Q0 -90 -40 -100 Z" fill="url(#maneHighlight)" transform="rotate(292.5)"/>
<path d="M0 -160 L40 -100 Q0 -90 -40 -100 Z" fill="url(#maneShadow)" transform="rotate(337.5)"/>
<!-- Layer 3: Lower Mane Filler for Roundness -->
<circle cx="0" cy="0" r="105" fill="url(#maneShadow)" opacity="0.5"/>
<circle cx="0" cy="0" r="100" fill="url(#maneHighlight)" opacity="0.8"/>
</g>
<!-- Ears -->
<g id="ears" transform="translate(200, 200)">
<!-- Left Ear -->
<path d="M-60 -50 Q-90 -90 -110 -40 Q-100 -10 -70 -20" fill="#DAA520" stroke="#8B4513" stroke-width="2"/>
<path d="M-65 -50 Q-85 -80 -100 -40 Q-95 -20 -75 -25" fill="#F4C430" />
<!-- Right Ear -->
<path d="M60 -50 Q90 -90 110 -40 Q100 -10 70 -20" fill="#DAA520" stroke="#8B4513" stroke-width="2"/>
<path d="M65 -50 Q85 -80 100 -40 Q95 -20 75 -25" fill="#F4C430" />
</g>
<!-- Face Shape -->
<g id="face" transform="translate(200, 200)" filter="url(#softShadow)">
<!-- Cheeks and Head Base -->
<path d="M-70 -40 C-90 -10 -90 60 -50 80 C-20 95 20 95 50 80 C90 60 90 -10 70 -40 C50 -70 -50 -70 -70 -40 Z" fill="url(#faceBase)"/>
<!-- Forehead shading/brow ridge -->
<path d="M-50 -50 Q0 -30 50 -50 Q50 -10 0 10 Q-50 -10 -50 -50" fill="#DAA520" opacity="0.4"/>
</g>
<!-- Snout / Muzzle -->
<g id="muzzle" transform="translate(200, 200)">
<ellipse cx="0" cy="40" rx="45" ry="35" fill="url(#muzzleGrad)" />
<!-- Chin shadow -->
<path d="M-20 70 Q0 80 20 70" stroke="#CD853F" stroke-width="2" fill="none" opacity="0.5"/>
<!-- Mouth Line -->
<path d="M-15 65 Q0 60 15 65" stroke="#3E2723" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- Vertical Philtrum -->
<line x1="0" y1="65" x2="0" y2="35" stroke="#A0522D" stroke-width="1" opacity="0.3"/>
</g>
<!-- Nose -->
<g id="nose" transform="translate(200, 200)">
<path d="M-15 20 Q-18 35 0 40 Q18 35 15 20 Q0 25 -15 20" fill="url(#noseGrad)" stroke="#5A300C" stroke-width="1"/>
<!-- Nostrils -->
<ellipse cx="-8" cy="32" rx="3" ry="1.5" fill="#300" transform="rotate(20)"/>
<ellipse cx="8" cy="32" rx="3" ry="1.5" fill="#300" transform="rotate(-20)"/>
</g>
<!-- Eyes (Intense) -->
<g id="eyes" transform="translate(200, 200)">
<!-- Left Eye -->
<g transform="translate(-35, -10)">
<path d="M-15 0 Q0 -12 15 0 Q0 12 -15 0" fill="#FFF8DC"/> <!-- Sclera -->
<circle cx="0" cy="0" r="7" fill="url(#eyeGold)" stroke="#B8860B" stroke-width="1"/> <!-- Iris -->
<circle cx="0" cy="0" r="3" fill="#000"/> <!-- Pupil -->
<circle cx="-2" cy="-2" r="1.5" fill="#FFF" opacity="0.8"/> <!-- Highlight -->
<!-- Eyebrow/Brow Ridge Shadow -->
<path d="M-18 -8 Q0 -18 18 -8 L15 0 Q0 -10 -15 0 Z" fill="#8B4513" opacity="0.6"/>
<!-- Upper Liner -->
<path d="M-18 -8 Q0 -18 18 -8" stroke="#3E2723" stroke-width="3" fill="none"/>
</g>
<!-- Right Eye -->
<g transform="translate(35, -10)">
<path d="M-15 0 Q0 -12 15 0 Q0 12 -15 0" fill="#FFF8DC"/>
<circle cx="0" cy="0" r="7" fill="url(#eyeGold)" stroke="#B8860B" stroke-width="1"/>
<circle cx="0" cy="0" r="3" fill="#000"/>
<circle cx="-2" cy="-2" r="1.5" fill="#FFF" opacity="0.8"/>
<path d="M-18 -8 Q0 -18 18 -8 L15 0 Q0 -10 -15 0 Z" fill="#8B4513" opacity="0.6"/>
<path d="M-18 -8 Q0 -18 18 -8" stroke="#3E2723" stroke-width="3" fill="none"/>
</g>
</g>
<!-- Whiskers -->
<g id="whiskers" transform="translate(200, 200)" stroke="#FFF" stroke-width="1" opacity="0.6">
<line x1="20" y1="40" x2="60" y2="35" />
<line x1="22" y1="45" x2="62" y2="45" />
<line x1="20" y1="50" x2="58" y2="55" />
<line x1="-20" y1="40" x2="-60" y2="35" />
<line x1="-22" y1="45" x2="-62" y2="45" />
<line x1="-20" y1="50" x2="-58" y2="55" />
</g>
<!-- Small furry tufts on cheeks -->
<g transform="translate(200, 200)">
<path d="M-75 20 L-85 15 L-75 25 L-85 30 Z" fill="#DAA520"/>
<path d="M75 20 L85 15 L75 25 L85 30 Z" fill="#DAA520"/>
</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.