54 lines
2.1 KiB
XML
54 lines
2.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
|
|
<defs>
|
|
<style>
|
|
.bg { fill: #ffffff; }
|
|
.line { stroke: #1E1E1E; stroke-width: 14; stroke-linecap: round; fill: none; }
|
|
.line-blue { stroke: #4687F4; stroke-width: 14; stroke-linecap: round; fill: none; }
|
|
.line-thin { stroke: #4687F4; stroke-width: 8; stroke-linecap: round; fill: none; }
|
|
.fill-blue { fill: #4687F4; }
|
|
.fill-dark { fill: #1E1E1E; }
|
|
.fill-white { fill: #ffffff; }
|
|
</style>
|
|
</defs>
|
|
|
|
<rect class="bg" width="512" height="512" rx="64"/>
|
|
|
|
<!-- Minimal lock icon as centerpiece -->
|
|
<!-- Lock body -->
|
|
<rect class="fill-blue" x="226" y="234" width="60" height="44" rx="10"/>
|
|
<!-- Lock shackle -->
|
|
<path class="fill-blue" d="M 246 234 L 246 212 Q 246 192 256 192 Q 266 192 266 212 L 266 234"/>
|
|
<!-- White keyhole -->
|
|
<circle class="fill-white" cx="256" cy="252" r="7"/>
|
|
<rect class="fill-white" x="251" y="258" width="10" height="14" rx="3"/>
|
|
|
|
<!-- Network nodes: 4 client nodes around -->
|
|
<!-- Top node -->
|
|
<circle class="fill-dark" cx="256" cy="120" r="16"/>
|
|
<line class="line" x1="256" y1="136" x2="256" y2="190"/>
|
|
|
|
<!-- Left node -->
|
|
<circle class="fill-dark" cx="100" cy="256" r="16"/>
|
|
<line class="line" x1="116" y1="256" x2="188" y2="256"/>
|
|
|
|
<!-- Right node -->
|
|
<circle class="fill-dark" cx="412" cy="256" r="16"/>
|
|
<line class="line" x1="396" y1="256" x2="324" y2="256"/>
|
|
|
|
<!-- Bottom-left node -->
|
|
<circle class="fill-blue" cx="140" cy="400" r="16"/>
|
|
<!-- Bottom-right node -->
|
|
<circle class="fill-blue" cx="372" cy="400" r="16"/>
|
|
|
|
<!-- Encrypted tunnel paths (dashed) -->
|
|
<line class="line-thin" x1="246" y1="290" x2="210" y2="340" stroke-dasharray="6 6"/>
|
|
<line class="line-thin" x1="266" y1="290" x2="302" y2="340" stroke-dasharray="6 6"/>
|
|
|
|
<line class="line-blue" x1="210" y1="340" x2="152" y2="395"/>
|
|
<line class="line-blue" x1="302" y1="340" x2="360" y2="395"/>
|
|
|
|
<!-- Data flow dots -->
|
|
<circle class="fill-blue" cx="228" cy="315" r="5"/>
|
|
<circle class="fill-blue" cx="284" cy="315" r="5"/>
|
|
</svg>
|
