68 lines
3.0 KiB
XML
68 lines
3.0 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: 16; stroke-linecap: round; fill: none; }
|
|
.tunnel-outer { stroke: #4687F4; stroke-width: 20; stroke-linecap: round; fill: none; opacity: 0.25; }
|
|
.tunnel-inner { stroke: #4687F4; stroke-width: 8; stroke-linecap: round; fill: none; }
|
|
.tunnel-dash { stroke: #ffffff; stroke-width: 4; stroke-linecap: round; fill: none; stroke-dasharray: 8 12; }
|
|
.node-fill { fill: #4687F4; }
|
|
.node-stroke { stroke: #4687F4; stroke-width: 4; fill: none; }
|
|
.lock-fill { fill: #1E1E1E; }
|
|
.lock-hole { fill: #ffffff; }
|
|
.data-dot { fill: #4687F4; }
|
|
</style>
|
|
</defs>
|
|
|
|
<rect class="bg" width="512" height="512" rx="64"/>
|
|
|
|
<!-- Burst lines (global network) -->
|
|
<line class="burst" x1="256" y1="256" x2="256" y2="72"/>
|
|
<line class="burst" x1="256" y1="256" x2="382" y2="118"/>
|
|
<line class="burst" x1="256" y1="256" x2="130" y2="118"/>
|
|
<line class="burst" x1="256" y1="256" x2="440" y2="256"/>
|
|
<line class="burst" x1="256" y1="256" x2="72" y2="256"/>
|
|
<line class="burst" x1="256" y1="256" x2="340" y2="80"/>
|
|
<line class="burst" x1="256" y1="256" x2="172" y2="80"/>
|
|
|
|
<!-- VPN Tunnel: encrypted data pipe going through the center -->
|
|
<!-- Tunnel outer glow -->
|
|
<path class="tunnel-outer" d="M 80 400 Q 160 320 256 300 Q 352 320 432 400"/>
|
|
|
|
<!-- Tunnel inner pipe -->
|
|
<path class="tunnel-inner" d="M 80 400 Q 160 320 256 300 Q 352 320 432 400"/>
|
|
|
|
<!-- Dashed encryption markers along tunnel -->
|
|
<path class="tunnel-dash" d="M 80 400 Q 160 320 256 300 Q 352 320 432 400"/>
|
|
|
|
<!-- Entry/Exit nodes -->
|
|
<circle class="node-fill" cx="80" cy="400" r="16"/>
|
|
<circle class="node-fill" cx="432" cy="400" r="16"/>
|
|
|
|
<!-- Data packets moving through tunnel -->
|
|
<circle class="data-dot" cx="160" cy="352" r="6"/>
|
|
<circle class="data-dot" cx="220" cy="318" r="6"/>
|
|
<circle class="data-dot" cx="292" cy="318" r="6"/>
|
|
<circle class="data-dot" cx="352" cy="352" r="6"/>
|
|
|
|
<!-- Central Lock (encryption hub) -->
|
|
<rect class="lock-fill" x="228" y="270" width="56" height="42" rx="8"/>
|
|
<!-- Lock shackle -->
|
|
<path class="lock-fill" d="M 240 270 L 240 252 Q 240 238 256 238 Q 272 238 272 252 L 272 270"
|
|
fill="none" stroke="#1E1E1E" stroke-width="8" stroke-linecap="round"/>
|
|
<!-- Keyhole -->
|
|
<circle class="lock-hole" cx="256" cy="288" r="6"/>
|
|
<rect class="lock-hole" x="252" y="293" width="8" height="12" rx="3"/>
|
|
|
|
<!-- Server nodes (top) -->
|
|
<circle class="node-stroke" cx="200" cy="160" r="20"/>
|
|
<rect class="node-fill" x="190" y="150" width="20" height="20" rx="3" opacity="0.8"/>
|
|
|
|
<circle class="node-stroke" cx="312" cy="160" r="20"/>
|
|
<rect class="node-fill" x="302" y="150" width="20" height="20" rx="3" opacity="0.8"/>
|
|
|
|
<!-- Connection lines from server nodes to hub -->
|
|
<line class="tunnel-inner" x1="210" y1="178" x2="240" y2="240"/>
|
|
<line class="tunnel-inner" x1="302" y1="178" x2="272" y2="240"/>
|
|
</svg>
|
