Current section

Files

Jump to
snakepit assets snakepit-icon.svg
Raw

assets/snakepit-icon.svg

<svg width="48" height="48" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="pitBg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#1c2331; stop-opacity:1" />
<stop offset="100%" style="stop-color:#0d1117; stop-opacity:1" />
</linearGradient>
<linearGradient id="snake1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#306998; stop-opacity:1" />
<stop offset="100%" style="stop-color:#4b8bbe; stop-opacity:1" />
</linearGradient>
<linearGradient id="snake2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ffd43b; stop-opacity:1" />
<stop offset="100%" style="stop-color:#ffe873; stop-opacity:1" />
</linearGradient>
<filter id="glow">
<feGaussianBlur stdDeviation="1" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Hexagonal Pit -->
<polygon points="50,8 90,28 90,72 50,92 10,72 10,28"
fill="url(#pitBg)" stroke="#2a3441" stroke-width="2"/>
<!-- Blue Snake (left/top) -->
<g>
<path d="M 30,75 Q 25,60 30,45 Q 35,30 45,25 Q 55,20 60,30 Q 62,35 58,40"
fill="none" stroke="url(#snake1)" stroke-width="7" stroke-linecap="round"/>
<path d="M 30,45 L 24,42 L 28,38 C 32,36 34,38 32,42 Z"
fill="url(#snake1)"/>
<circle cx="28" cy="40" r="1.5" fill="#ffd43b" filter="url(#glow)"/>
</g>
<!-- Yellow Snake (right/bottom) -->
<g>
<path d="M 70,25 Q 75,40 70,55 Q 65,70 55,75 Q 45,80 40,70 Q 38,65 42,60"
fill="none" stroke="url(#snake2)" stroke-width="7" stroke-linecap="round"/>
<path d="M 70,55 L 76,58 L 72,62 C 68,64 66,62 68,58 Z"
fill="url(#snake2)"/>
<circle cx="72" cy="60" r="1.5" fill="#306998" filter="url(#glow)"/>
</g>
<!-- Intertwined center section -->
<path d="M 58,40 Q 50,45 42,60"
fill="none" stroke="url(#snake1)" stroke-width="6" stroke-linecap="round" opacity="0.9"/>
<path d="M 42,60 Q 50,55 58,40"
fill="none" stroke="url(#snake2)" stroke-width="6" stroke-linecap="round" opacity="0.9"/>
<!-- Pit edge highlights -->
<polygon points="50,8 90,28 90,72 50,92 10,72 10,28"
fill="none" stroke="#4a5568" stroke-width="1" opacity="0.3"/>
</svg>