Stored Source
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
<defs>
<!-- Gradients -->
<linearGradient id="skinGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f5d5b0"/>
<stop offset="50%" stop-color="#e8b88a"/>
<stop offset="100%" stop-color="#d19a66"/>
</linearGradient>
<linearGradient id="hairGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#3a2c1a"/>
<stop offset="50%" stop-color="#2a1e12"/>
<stop offset="100%" stop-color="#1a120a"/>
</linearGradient>
<linearGradient id="teethGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="100%" stop-color="#f0f0f0"/>
</linearGradient>
<linearGradient id="eyeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#a8c8e8"/>
<stop offset="50%" stop-color="#7ba7d8"/>
<stop offset="100%" stop-color="#4a78b8"/>
</linearGradient>
<linearGradient id="eyebrowGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#3a2c1a"/>
<stop offset="100%" stop-color="#1a120a"/>
</linearGradient>
<!-- Filters -->
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="5" result="blur"/>
<feOffset in="blur" dx="3" dy="3" result="offsetBlur"/>
<feFlood flood-color="rgba(0,0,0,0.3)" result="offsetColor"/>
<feComposite in="offsetColor" in2="offsetBlur" operator="in" result="offsetBlur"/>
<feBlend in="SourceGraphic" in2="offsetBlur"/>
</filter>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="8" result="blur"/>
<feOffset in="blur" dx="2" dy="2" result="offsetBlur"/>
<feFlood flood-color="rgba(0,0,0,0.2)" result="offsetColor"/>
<feComposite in="offsetColor" in2="offsetBlur" operator="in" result="offsetBlur"/>
<feBlend in="SourceGraphic" in2="offsetBlur"/>
</filter>
<filter id="highlight" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="2" result="blur"/>
<feSpecularLighting result="specOut" in="blur" specularConstant="1" specularExponent="20" lighting-color="#ffffff">
<fePointLight x="100" y="100" z="200"/>
</feSpecularLighting>
<feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/>
</filter>
<!-- Clipping paths -->
<clipPath id="faceClip">
<path d="M512,128 C580,128 640,160 680,220 C720,280 720,360 720,440 C720,520 680,600 640,640 C600,680 520,700 512,700 C504,700 424,680 384,640 C344,600 304,520 304,440 C304,360 304,280 344,220 C384,160 444,128 512,128 Z"/>
</clipPath>
<clipPath id="hairClip">
<path d="M512,128 C580,128 640,80 680,60 C720,40 760,40 800,80 C840,120 840,180 800,220 C760,260 720,280 680,280 C640,280 600,260 560,220 C520,180 520,120 512,128 Z
M512,128 C444,128 384,80 344,60 C304,40 264,40 224,80 C184,120 184,180 224,220 C264,260 304,280 344,280 C384,280 424,260 464,220 C484,180 484,120 512,128 Z"/>
</clipPath>
<clipPath id="mouthClip">
<path d="M400,600 C420,620 480,630 544,630 C608,630 668,620 688,600 C668,580 608,570 544,570 C480,570 420,580 400,600 Z"/>
</clipPath>
</defs>
<!-- Background -->
<rect width="100%" height="100%" fill="#f0f0f0"/>
<!-- Hair -->
<g clip-path="url(#hairClip)" filter="url(#softShadow)">
<path d="M512,128 C580,128 640,80 680,60 C720,40 760,40 800,80 C840,120 840,180 800,220 C760,260 720,280 680,280 C640,280 600,260 560,220 C520,180 520,120 512,128 Z
M512,128 C444,128 384,80 344,60 C304,40 264,40 224,80 C184,120 184,180 224,220 C264,260 304,280 344,280 C384,280 424,260 464,220 C484,180 484,120 512,128 Z"
fill="url(#hairGradient)" stroke="#1a120a" stroke-width="2"/>
<!-- Hair details -->
<path d="M560,180 Q580,160 600,180 Q620,200 600,220 Q580,240 560,220 Q540,200 560,180 Z" fill="#2a1e12" opacity="0.7"/>
<path d="M460,180 Q440,160 420,180 Q400,200 420,220 Q440,240 460,220 Q480,200 460,180 Z" fill="#2a1e12" opacity="0.7"/>
<path d="M600,240 Q620,220 640,240 Q660,260 640,280 Q620,300 600,280 Q580,260 600,240 Z" fill="#2a1e12" opacity="0.7"/>
<path d="M420,240 Q400,220 380,240 Q360,260 380,280 Q400,300 420,280 Q440,260 420,240 Z" fill="#2a1e12" opacity="0.7"/>
</g>
<!-- Face -->
<g clip-path="url(#faceClip)" filter="url(#shadow)">
<path d="M512,128 C580,128 640,160 680,220 C720,280 720,360 720,440 C720,520 680,600 640,640 C600,680 520,700 512,700 C504,700 424,680 384,640 C344,600 304,520 304,440 C304,360 304,280 344,220 C384,160 444,128 512,128 Z"
fill="url(#skinGradient)" stroke="#8b6b4a" stroke-width="2"/>
<!-- Cheek highlights -->
<path d="M600,400 Q640,420 660,460 Q680,500 660,540 Q640,560 600,540 Q580,520 600,480 Q580,440 600,400 Z" fill="#ffffff" opacity="0.2"/>
<path d="M424,400 Q384,420 364,460 Q344,500 364,540 Q384,560 424,540 Q444,520 424,480 Q444,440 424,400 Z" fill="#ffffff" opacity="0.2"/>
<!-- Forehead wrinkles -->
<path d="M440,200 Q460,180 480,200" stroke="#8b6b4a" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
<path d="M540,200 Q560,180 580,200" stroke="#8b6b4a" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
<path d="M460,220 Q480,200 500,220" stroke="#8b6b4a" stroke-width="1.5" stroke-linecap="round" fill="none" opacity="0.4"/>
<path d="M520,220 Q540,200 560,220" stroke="#8b6b4a" stroke-width="1.5" stroke-linecap="round" fill="none" opacity="0.4"/>
<!-- Chin details -->
<path d="M480,660 Q512,680 544,660" stroke="#8b6b4a" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
</g>
<!-- Eyebrows -->
<g filter="url(#shadow)">
<path d="M380,300 Q400,280 440,290 Q480,300 500,310 Q520,320 540,310 Q580,300 600,320"
fill="none" stroke="url(#eyebrowGradient)" stroke-width="8" stroke-linecap="round"/>
<path d="M380,300 Q400,280 440,290" fill="none" stroke="url(#eyebrowGradient)" stroke-width="6" stroke-linecap="round"/>
<path d="M540,310 Q580,300 600,320" fill="none" stroke="url(#eyebrowGradient)" stroke-width="6" stroke-linecap="round"/>
<!-- Eyebrow hairs -->
<path d="M400,290 L405,280" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M420,285 L423,275" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M440,290 L442,280" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M460,295 L461,285" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M560,305 L562,295" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M580,310 L581,300" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
</g>
<!-- Eyes -->
<g filter="url(#shadow)">
<!-- Left eye -->
<ellipse cx="440" cy="360" rx="40" ry="30" fill="white" stroke="#8b6b4a" stroke-width="2"/>
<ellipse cx="440" cy="360" rx="25" ry="20" fill="url(#eyeGradient)"/>
<circle cx="440" cy="360" r="10" fill="#2a1e12"/>
<circle cx="445" cy="355" r="4" fill="white" opacity="0.8"/>
<!-- Right eye -->
<ellipse cx="580" cy="360" rx="40" ry="30" fill="white" stroke="#8b6b4a" stroke-width="2"/>
<ellipse cx="580" cy="360" rx="25" ry="20" fill="url(#eyeGradient)"/>
<circle cx="580" cy="360" r="10" fill="#2a1e12"/>
<circle cx="585" cy="355" r="4" fill="white" opacity="0.8"/>
<!-- Eye bags -->
<path d="M420,380 Q440,390 460,380" fill="none" stroke="#8b6b4a" stroke-width="2" stroke-linecap="round" opacity="0.5"/>
<path d="M560,380 Q580,390 600,380" fill="none" stroke="#8b6b4a" stroke-width="2" stroke-linecap="round" opacity="0.5"/>
<!-- Eye wrinkles -->
<path d="M400,340 Q420,330 440,340" stroke="#8b6b4a" stroke-width="1" stroke-linecap="round" fill="none" opacity="0.6"/>
<path d="M580,340 Q600,330 620,340" stroke="#8b6b4a" stroke-width="1" stroke-linecap="round" fill="none" opacity="0.6"/>
</g>
<!-- Nose -->
<g filter="url(#shadow)">
<path d="M512,320 Q540,340 540,380 Q540,420 520,440 Q500,460 480,440 Q460,420 460,380 Q460,340 512,320 Z"
fill="url(#skinGradient)" stroke="#8b6b4a" stroke-width="2"/>
<!-- Nose highlights -->
<path d="M500,340 Q520,360 520,380" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" opacity="0.3"/>
<path d="M520,380 Q520,400 510,420" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" opacity="0.2"/>
<!-- Nostrils -->
<path d="M480,440 Q470,450 480,460" fill="none" stroke="#8b6b4a" stroke-width="2" stroke-linecap="round"/>
<path d="M520,440 Q530,450 520,460" fill="none" stroke="#8b6b4a" stroke-width="2" stroke-linecap="round"/>
</g>
<!-- Mouth -->
<g clip-path="url(#mouthClip)" filter="url(#shadow)">
<path d="M400,600 C420,620 480,630 544,630 C608,630 668,620 688,600 C668,580 608,570 544,570 C480,570 420,580 400,600 Z"
fill="#8b453a" stroke="#6b2a20" stroke-width="2"/>
<!-- Teeth -->
<g>
<rect x="440" y="590" width="20" height="30" fill="url(#teethGradient)" stroke="#e0e0e0" stroke-width="0.5"/>
<rect x="460" y="590" width="20" height="30" fill="url(#teethGradient)" stroke="#e0e0e0" stroke-width="0.5"/>
<rect x="480" y="590" width="20" height="30" fill="url(#teethGradient)" stroke="#e0e0e0" stroke-width="0.5"/>
<rect x="500" y="590" width="20" height="30" fill="url(#teethGradient)" stroke="#e0e0e0" stroke-width="0.5"/>
<rect x="524" y="590" width="20" height="30" fill="url(#teethGradient)" stroke="#e0e0e0" stroke-width="0.5"/>
<rect x="544" y="590" width="20" height="30" fill="url(#teethGradient)" stroke="#e0e0e0" stroke-width="0.5"/>
<rect x="564" y="590" width="20" height="30" fill="url(#teethGradient)" stroke="#e0e0e0" stroke-width="0.5"/>
<!-- Gum line -->
<path d="M440,590 Q460,580 480,590 Q500,600 524,590 Q544,580 564,590 Q584,600 604,590"
fill="none" stroke="#8b453a" stroke-width="2" stroke-linecap="round"/>
</g>
<!-- Mouth corners -->
<path d="M400,600 Q380,610 380,620" fill="none" stroke="#6b2a20" stroke-width="2" stroke-linecap="round"/>
<path d="M688,600 Q708,610 708,620" fill="none" stroke="#6b2a20" stroke-width="2" stroke-linecap="round"/>
<!-- Lower lip highlight -->
<path d="M480,620 Q512,630 544,620" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" opacity="0.3"/>
</g>
<!-- Mustache -->
<g filter="url(#shadow)">
<path d="M440,560 Q460,550 480,560 Q500,570 524,560 Q544,550 564,560 Q584,570 604,560"
fill="none" stroke="url(#hairGradient)" stroke-width="6" stroke-linecap="round"/>
<path d="M440,560 Q460,550 480,560" fill="none" stroke="url(#hairGradient)" stroke-width="4" stroke-linecap="round"/>
<path d="M524,560 Q544,550 564,560" fill="none" stroke="url(#hairGradient)" stroke-width="4" stroke-linecap="round"/>
<!-- Mustache details -->
<path d="M460,555 L465,545" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M480,555 L483,545" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M500,565 L502,555" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M540,555 L542,545" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M560,555 L563,545" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
</g>
<!-- Sideburns -->
<g filter="url(#shadow)">
<path d="M320,300 Q300,320 300,360 Q300,400 320,420 Q340,440 360,420 Q380,400 380,360 Q380,320 360,300 Q340,280 320,300 Z"
fill="url(#hairGradient)" stroke="#1a120a" stroke-width="1"/>
<path d="M680,300 Q700,320 700,360 Q700,400 680,420 Q660,440 640,420 Q620,400 620,360 Q620,320 640,300 Q660,280 680,300 Z"
fill="url(#hairGradient)" stroke="#1a120a" stroke-width="1"/>
<!-- Sideburn details -->
<path d="M320,320 L325,310" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M340,340 L343,330" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M360,360 L362,350" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M660,320 L665,310" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M640,340 L643,330" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
<path d="M620,360 L622,350" stroke="#1a120a" stroke-width="1" stroke-linecap="round"/>
</g>
<!-- Ear details -->
<g filter="url(#shadow)">
<path d="M680,360 Q700,340 720,360 Q740,380 720,420 Q700,440 680,420 Q660,400 680,360 Z"
fill="url(#skinGradient)" stroke="#8b6b4a" stroke-width="1"/>
<path d="M320,360 Q300,340 280,360 Q260,380 280,420 Q300,440 320,420 Q340,400 320,360 Z"
fill="url(#skinGradient)" stroke="#8b6b4a" stroke-width="1"/>
<!-- Ear highlights -->
<path d="M690,380 Q700,370 710,380" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
<path d="M310,380 Q300,370 290,380" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
</g>
<!-- Final highlights -->
<path d="M500,200 Q520,180 540,200" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" opacity="0.2"/>
<path d="M480,220 Q500,200 520,220" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" opacity="0.1"/>
</svg>