Skip to content

Instantly share code, notes, and snippets.

@pleabargain
Last active November 24, 2025 08:56
Show Gist options
  • Select an option

  • Save pleabargain/f5fd0cad86dacd1d6fa0acdd66f117b9 to your computer and use it in GitHub Desktop.

Select an option

Save pleabargain/f5fd0cad86dacd1d6fa0acdd66f117b9 to your computer and use it in GitHub Desktop.
gemini 3 generated devil head svg
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="800" height="600">
<defs>
<!-- Stone Texture Filter -->
<filter id="stoneTexture">
<feTurbulence type="fractalNoise" baseFrequency="0.6" numOctaves="3" result="noise" />
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.3 0" in="noise" result="coloredNoise" />
<feComposite operator="in" in="coloredNoise" in2="SourceGraphic" result="composite" />
<feBlend mode="multiply" in="composite" in2="SourceGraphic" />
</filter>
<!-- Gradients -->
<linearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#b8860b" />
<stop offset="20%" stop-color="#ffd700" />
<stop offset="40%" stop-color="#fffacd" />
<stop offset="60%" stop-color="#ffd700" />
<stop offset="100%" stop-color="#8b6508" />
</linearGradient>
<radialGradient id="stoneGradient" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#d3d3d3" />
<stop offset="60%" stop-color="#a9a9a9" />
<stop offset="100%" stop-color="#696969" />
</radialGradient>
<linearGradient id="mouthGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#2a2a2a" />
<stop offset="100%" stop-color="#000000" />
</linearGradient>
<radialGradient id="bgGradient" cx="50%" cy="50%" r="80%">
<stop offset="0%" stop-color="#4a4a4a" />
<stop offset="100%" stop-color="#1a1a1a" />
</radialGradient>
</defs>
<!-- Background Wall -->
<rect width="100%" height="100%" fill="url(#bgGradient)" />
<!-- Main Group -->
<g transform="translate(400, 300)" filter="url(#stoneTexture)">
<!-- Left Horn -->
<path d="M-80 -120 C-120 -180, -180 -200, -200 -250 C-210 -280, -180 -300, -140 -280 C-100 -260, -60 -200, -50 -140 Z"
fill="url(#goldGradient)" stroke="#5c4033" stroke-width="2"/>
<!-- Right Horn -->
<path d="M80 -120 C120 -180, 180 -200, 200 -250 C210 -280, 180 -300, 140 -280 C100 -260, 60 -200, 50 -140 Z"
fill="url(#goldGradient)" stroke="#5c4033" stroke-width="2"/>
<!-- Head Base Shape -->
<path d="M-130 -100
C-160 -50, -170 50, -120 120
C-80 180, -40 220, 0 240
C40 220, 80 180, 120 120
C170 50, 160 -50, 130 -100
C100 -160, -100 -160, -130 -100 Z"
fill="url(#stoneGradient)" stroke="#555" stroke-width="1"/>
<!-- Forehead Wrinkles -->
<path d="M-80 -110 Q0 -90 80 -110" fill="none" stroke="#666" stroke-width="4" stroke-linecap="round"/>
<path d="M-70 -130 Q0 -110 70 -130" fill="none" stroke="#666" stroke-width="4" stroke-linecap="round"/>
<!-- Brow Ridge -->
<path d="M-110 -60 C-80 -80, -40 -40, -10 -50 L10 -50 C40 -40, 80 -80, 110 -60"
fill="none" stroke="#555" stroke-width="8" stroke-linecap="round"/>
<!-- Eyes (Deep set) -->
<g fill="#333">
<ellipse cx="-60" cy="-30" rx="25" ry="15" transform="rotate(15 -60 -30)"/>
<ellipse cx="60" cy="-30" rx="25" ry="15" transform="rotate(-15 60 -30)"/>
</g>
<!-- Pupils (Stone look) -->
<circle cx="-60" cy="-30" r="5" fill="#111"/>
<circle cx="60" cy="-30" r="5" fill="#111"/>
<!-- Nose -->
<path d="M-30 -20 Q0 -30 30 -20 L40 30 Q0 50 -40 30 Z" fill="#999"/>
<path d="M-25 25 Q-15 15 -5 25 Q-15 35 -25 25 Z" fill="#222"/> <!-- Left Nostril -->
<path d="M25 25 Q15 15 5 25 Q15 35 25 25 Z" fill="#222"/> <!-- Right Nostril -->
<!-- Cheekbones -->
<path d="M-120 0 Q-90 20 -80 60" fill="none" stroke="#777" stroke-width="3"/>
<path d="M120 0 Q90 20 80 60" fill="none" stroke="#777" stroke-width="3"/>
<!-- Mouth Cavity -->
<path d="M-70 90 Q0 70 70 90 Q80 130 60 150 Q0 170 -60 150 Q-80 130 -70 90 Z"
fill="url(#mouthGradient)" stroke="#444" stroke-width="2"/>
<!-- Teeth (Top) -->
<g fill="#e0e0d0">
<path d="M-60 92 L-50 120 L-40 95 Z" /> <!-- Left Fang -->
<path d="M-35 88 L-25 110 L-15 85 Z" />
<path d="M-10 85 L0 105 L10 85 Z" />
<path d="M15 85 L25 110 L35 88 Z" />
<path d="M40 95 L50 120 L60 92 Z" /> <!-- Right Fang -->
</g>
<!-- Teeth (Bottom) -->
<g fill="#dcdcdc">
<path d="M-50 145 L-40 125 L-30 150 Z" />
<path d="M-20 155 L-10 130 L0 155 Z" />
<path d="M0 155 L10 130 L20 155 Z" />
<path d="M30 150 L40 125 L50 145 Z" />
</g>
<!-- Chin/Beard area -->
<path d="M-40 180 Q0 200 40 180 L30 210 Q0 230 -30 210 Z" fill="#888"/>
<!-- Shadows/Depth Overlays -->
<path d="M-130 -100 L-120 120 L-80 180 L-100 150 Z" fill="#000" opacity="0.2" filter="url(#stoneTexture)"/>
<path d="M130 -100 L120 120 L80 180 L100 150 Z" fill="#000" opacity="0.2" filter="url(#stoneTexture)"/>
<!-- Nasolabial Folds -->
<path d="M-40 30 Q-70 80 -60 130" fill="none" stroke="#555" stroke-width="3"/>
<path d="M40 30 Q70 80 60 130" fill="none" stroke="#555" stroke-width="3"/>
</g>
<!-- Vignette for atmosphere -->
<radialGradient id="vignette" cx="50%" cy="50%" r="70%">
<stop offset="70%" stop-color="black" stop-opacity="0" />
<stop offset="100%" stop-color="black" stop-opacity="0.6" />
</radialGradient>
<rect width="100%" height="100%" fill="url(#vignette)" pointer-events="none"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment