70 lines
2.6 KiB
XML
70 lines
2.6 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
|
|
<defs>
|
|
<style>
|
|
.bg { fill: #ffffff; }
|
|
.burst { stroke: #1E1E1E; stroke-width: 18; stroke-linecap: round; fill: none; }
|
|
.tunnel { stroke: #4687F4; stroke-width: 14; stroke-linecap: round; stroke-linejoin: round; fill: none; }
|
|
.node { fill: #4687F4; }
|
|
.keyhole { fill: #ffffff; }
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect class="bg" width="512" height="512" rx="64"/>
|
|
|
|
<!-- ===== RADIATING BURST LINES (global server network / speed) ===== -->
|
|
<!-- Top -->
|
|
<line class="burst" x1="256" y1="256" x2="256" y2="64"/>
|
|
<!-- Top-right -->
|
|
<line class="burst" x1="256" y1="256" x2="390" y2="110"/>
|
|
<!-- Top-right close -->
|
|
<line class="burst" x1="256" y1="256" x2="350" y2="72"/>
|
|
<!-- Top-left -->
|
|
<line class="burst" x1="256" y1="256" x2="122" y2="110"/>
|
|
<!-- Top-left close -->
|
|
<line class="burst" x1="256" y1="256" x2="162" y2="72"/>
|
|
<!-- Right -->
|
|
<line class="burst" x1="256" y1="256" x2="448" y2="256"/>
|
|
<!-- Left -->
|
|
<line class="burst" x1="256" y1="256" x2="64" y2="256"/>
|
|
|
|
<!-- ===== ENCRYPTED VPN TUNNELS (branches to clients) ===== -->
|
|
<!-- Left tunnel: curves down-left to client node -->
|
|
<path class="tunnel" d="M 218 290 Q 170 310 140 370"/>
|
|
<!-- Right tunnel: curves down-right to client node -->
|
|
<path class="tunnel" d="M 294 290 Q 342 310 372 370"/>
|
|
|
|
<!-- ===== VPN CLIENT NODES ===== -->
|
|
<circle class="node" cx="140" cy="370" r="28"/>
|
|
<circle class="node" cx="372" cy="370" r="28"/>
|
|
|
|
<!-- ===== CENTRAL VPN HUB (shield-hexagon with lock) ===== -->
|
|
<!-- Shield/Hexagon central hub -->
|
|
<path class="node" d="M 256 170
|
|
L 330 200
|
|
L 330 280
|
|
Q 330 338 256 370
|
|
Q 182 338 182 280
|
|
L 182 200 Z"/>
|
|
|
|
<!-- Lock keyhole (encryption symbol) -->
|
|
<!-- Lock body -->
|
|
<rect class="keyhole" x="236" y="245" width="40" height="32" rx="5"/>
|
|
<!-- Lock shackle -->
|
|
<path class="keyhole" d="M 246 245
|
|
L 246 230
|
|
Q 246 215 256 215
|
|
Q 266 215 266 230
|
|
L 266 245"
|
|
fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round"/>
|
|
<!-- Keyhole dot -->
|
|
<circle class="node" cx="256" cy="258" r="5"/>
|
|
<!-- Keyhole slot -->
|
|
<rect class="node" x="253" y="262" width="6" height="10" rx="2"/>
|
|
|
|
<!-- ===== CONNECTION DOTS on shield (data flow indicator) ===== -->
|
|
<circle cx="256" cy="195" r="4" fill="#ffffff" opacity="0.6"/>
|
|
<circle cx="310" cy="220" r="3.5" fill="#ffffff" opacity="0.4"/>
|
|
<circle cx="202" cy="220" r="3.5" fill="#ffffff" opacity="0.4"/>
|
|
</svg>
|
