kevin/logo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
kevin
2026-07-03 12:56:27 +08:00
parent 4fac246df0
commit 8042003038
15 changed files with 877 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vpn-v9-negative-space.svg
+30
View File
@@ -0,0 +1,30 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
<rect width="512" height="512" rx="96" fill="#ffffff"/>
<!-- Negative space approach: the keyhole IS the tunnel -->
<!-- Large blue circle base -->
<circle cx="256" cy="246" r="130" fill="#2563EB"/>
<!-- Negative space keyhole (revealing white bg) -->
<!-- Upper circle of keyhole -->
<circle cx="256" cy="210" r="28" fill="#ffffff"/>
<!-- Lower slot of keyhole - widened to form a tunnel -->
<path d="M 242 230 L 270 230 L 278 340 L 234 340 Z" fill="#ffffff"/>
<!-- Tunnel exit node (bottom) -->
<circle cx="256" cy="390" r="18" fill="#2563EB"/>
<!-- Subtle horizontal data lines in the tunnel slot -->
<line x1="246" y1="270" x2="266" y2="270" stroke="#2563EB" stroke-width="3" stroke-linecap="round" opacity="0.3"/>
<line x1="244" y1="290" x2="268" y2="290" stroke="#2563EB" stroke-width="3" stroke-linecap="round" opacity="0.3"/>
<line x1="242" y1="310" x2="270" y2="310" stroke="#2563EB" stroke-width="3" stroke-linecap="round" opacity="0.3"/>
<!-- Client dots -->
<circle cx="130" cy="310" r="10" fill="#DBEAFE"/>
<circle cx="382" cy="310" r="10" fill="#DBEAFE"/>
<!-- Connection lines -->
<line x1="156" y1="310" x2="208" y2="280" stroke="#DBEAFE" stroke-width="3" stroke-linecap="round"/>
<line x1="356" y1="310" x2="304" y2="280" stroke="#DBEAFE" stroke-width="3" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB