Files
logo/vpn-v7-continuous-line.svg
2026-07-03 12:56:27 +08:00

38 lines
1.4 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
<!-- Clean white bg -->
<rect width="512" height="512" rx="96" fill="#ffffff"/>
<!-- Single continuous line VPN tunnel forming a lock shape -->
<g fill="none" stroke="#2563EB" stroke-width="16" stroke-linecap="round" stroke-linejoin="round">
<!-- Left tunnel from bottom-left node going up -->
<path d="M 100 380 Q 100 300 160 240"/>
<!-- Lock shackle - continuous from left -->
<path d="M 160 240 Q 160 140 256 140 Q 352 140 352 240"/>
<!-- Lock body transition -->
<path d="M 352 240 Q 340 220 320 220 L 192 220 Q 172 220 160 240"/>
<!-- Lock body bottom -->
<path d="M 160 240 L 160 340 Q 160 370 192 370 L 320 370 Q 352 370 352 340 L 352 240"/>
<!-- Right tunnel going down -->
<path d="M 352 240 Q 412 300 412 380"/>
</g>
<!-- Keyhole negative space -->
<circle cx="256" cy="270" r="14" fill="#ffffff"/>
<path d="M 246 282 L 266 282 L 270 322 L 242 322 Z" fill="#ffffff"/>
<!-- End nodes -->
<circle cx="100" cy="380" r="16" fill="#2563EB"/>
<circle cx="412" cy="380" r="16" fill="#2563EB"/>
<!-- Data flow dots -->
<circle cx="130" cy="330" r="5" fill="#60A5FA"/>
<circle cx="382" cy="330" r="5" fill="#60A5FA"/>
<circle cx="160" cy="180" r="4" fill="#60A5FA"/>
<circle cx="352" cy="180" r="4" fill="#60A5FA"/>
</svg>