58 lines
2.7 KiB
XML
58 lines
2.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100%" height="100%">
|
|
<defs>
|
|
<radialGradient id="bgVamp" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#4c0519" />
|
|
<stop offset="60%" stop-color="#1e1b4b" />
|
|
<stop offset="100%" stop-color="#09090b" />
|
|
</radialGradient>
|
|
<linearGradient id="moonGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#fef08a" />
|
|
<stop offset="100%" stop-color="#f97316" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Badge Background -->
|
|
<circle cx="50" cy="50" r="46" fill="url(#bgVamp)" stroke="#e11d48" stroke-width="2" />
|
|
|
|
<!-- Harvest Moon behind bridge -->
|
|
<circle cx="50" cy="38" r="20" fill="url(#moonGrad)" opacity="0.9" />
|
|
|
|
<!-- High Level Bridge Truss Silhouette -->
|
|
<!-- Upper horizontal beam -->
|
|
<rect x="15" y="44" width="70" height="3" fill="#18181b" />
|
|
<!-- Lower beam -->
|
|
<rect x="15" y="52" width="70" height="4" fill="#18181b" />
|
|
<!-- Bridge pillars -->
|
|
<rect x="25" y="52" width="5" height="32" fill="#18181b" />
|
|
<rect x="48" y="52" width="5" height="32" fill="#18181b" />
|
|
<rect x="71" y="52" width="5" height="32" fill="#18181b" />
|
|
<!-- Truss diagonal criss-crosses -->
|
|
<line x1="16" y1="44" x2="26" y2="52" stroke="#18181b" stroke-width="1.5" />
|
|
<line x1="26" y1="44" x2="36" y2="52" stroke="#18181b" stroke-width="1.5" />
|
|
<line x1="36" y1="44" x2="46" y2="52" stroke="#18181b" stroke-width="1.5" />
|
|
<line x1="46" y1="44" x2="56" y2="52" stroke="#18181b" stroke-width="1.5" />
|
|
<line x1="56" y1="44" x2="66" y2="52" stroke="#18181b" stroke-width="1.5" />
|
|
<line x1="66" y1="44" x2="76" y2="52" stroke="#18181b" stroke-width="1.5" />
|
|
|
|
<!-- Vampire Silhouette / Red Velvet Cape over Bridge -->
|
|
<!-- Velvet cape -->
|
|
<path d="M 50 36 C 42 36 34 46 32 60 C 38 65 44 58 50 63 C 56 58 62 65 68 60 C 66 46 58 36 50 36 Z" fill="#9f1239" />
|
|
<!-- High vampire collar -->
|
|
<polygon points="44,38 38,28 46,34" fill="#be123c" />
|
|
<polygon points="56,38 62,28 54,34" fill="#be123c" />
|
|
<!-- Friendly vampire face -->
|
|
<circle cx="50" cy="35" r="7" fill="#fce7f3" />
|
|
<!-- Vampire hair with widow's peak -->
|
|
<path d="M 44 32 Q 50 36 56 32 C 57 28 43 28 44 32 Z" fill="#18181b" />
|
|
<!-- Little cute eyes & smile with mini fangs -->
|
|
<circle cx="48" cy="35" r="0.9" fill="#18181b" />
|
|
<circle cx="52" cy="35" r="0.9" fill="#18181b" />
|
|
<path d="M 48 38 Q 50 40 52 38" stroke="#be123c" stroke-width="0.8" fill="none" />
|
|
<polygon points="48.5,38 49,39.5 49.5,38" fill="#ffffff" />
|
|
<polygon points="50.5,38 51,39.5 51.5,38" fill="#ffffff" />
|
|
|
|
<!-- Little bat flying near moon -->
|
|
<path d="M 68 25 Q 73 21 78 26 Q 73 24 68 25 Z" fill="#18181b" />
|
|
<path d="M 68 25 Q 63 21 58 26 Q 63 24 68 25 Z" fill="#18181b" />
|
|
</svg>
|