72 lines
2.9 KiB
XML
72 lines
2.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
|
|
<defs>
|
|
<style>
|
|
.bg { fill: #ffffff; }
|
|
.hex { stroke: #4687F4; stroke-width: 5; fill: none; }
|
|
.hex-fill { fill: #4687F4; }
|
|
.hex-dark { stroke: #1E1E1E; stroke-width: 16; stroke-linecap: round; fill: none; }
|
|
.key-body { fill: #1E1E1E; }
|
|
.key-cut { fill: #ffffff; }
|
|
.burst { stroke: #1E1E1E; stroke-width: 16; stroke-linecap: round; fill: none; }
|
|
.arc { stroke: #4687F4; stroke-width: 12; stroke-linecap: round; fill: none; }
|
|
.dot { fill: #4687F4; }
|
|
.dot-dark { fill: #1E1E1E; }
|
|
</style>
|
|
</defs>
|
|
|
|
<rect class="bg" width="512" height="512" rx="64"/>
|
|
|
|
<!-- Burst rays (speed/global) -->
|
|
<line class="burst" x1="256" y1="256" x2="256" y2="56"/>
|
|
<line class="burst" x1="256" y1="256" x2="394" y2="100"/>
|
|
<line class="burst" x1="256" y1="256" x2="118" y2="100"/>
|
|
<line class="burst" x1="256" y1="256" x2="456" y2="256"/>
|
|
<line class="burst" x1="256" y1="256" x2="56" y2="256"/>
|
|
<line class="burst" x1="256" y1="256" x2="350" y2="62"/>
|
|
<line class="burst" x1="256" y1="256" x2="162" y2="62"/>
|
|
|
|
<!-- Central hexagonal hub (honeycomb network) -->
|
|
<!-- Outer hex ring -->
|
|
<polygon class="hex-dark" points="256,156 342,206 342,306 256,356 170,306 170,206"/>
|
|
|
|
<!-- Inner hex ring (smaller, nested) -->
|
|
<polygon class="hex" points="256,186 316,220 316,292 256,326 196,292 196,220"/>
|
|
|
|
<!-- Filled inner hex (core) -->
|
|
<polygon class="hex-fill" points="256,210 296,234 296,278 256,302 216,278 216,234"/>
|
|
|
|
<!-- Key icon inside the core hex -->
|
|
<!-- Key shaft -->
|
|
<rect class="key-cut" x="250" y="244" width="28" height="10" rx="3"/>
|
|
<!-- Key bow (circle) -->
|
|
<circle class="key-cut" cx="248" cy="258" r="10"
|
|
fill="none" stroke="#ffffff" stroke-width="4"/>
|
|
<!-- Key teeth -->
|
|
<rect class="key-cut" x="270" y="250" width="4" height="8" rx="1"/>
|
|
<rect class="key-cut" x="266" y="246" width="4" height="6" rx="1"/>
|
|
|
|
<!-- Connecting arcs from hex to client nodes -->
|
|
<!-- Left arc -->
|
|
<path class="arc" d="M 170 256 Q 100 256 90 320"/>
|
|
<!-- Right arc -->
|
|
<path class="arc" d="M 342 256 Q 412 256 422 320"/>
|
|
<!-- Bottom-left arc -->
|
|
<path class="arc" d="M 213 356 Q 170 430 120 430"/>
|
|
<!-- Bottom-right arc -->
|
|
<path class="arc" d="M 299 356 Q 342 430 392 430"/>
|
|
|
|
<!-- Client nodes -->
|
|
<circle class="dot" cx="90" cy="320" r="18"/>
|
|
<circle class="dot" cx="422" cy="320" r="18"/>
|
|
<circle class="dot" cx="120" cy="430" r="18"/>
|
|
<circle class="dot" cx="392" cy="430" r="18"/>
|
|
|
|
<!-- Small connection dots along hex edges -->
|
|
<circle class="dot-dark" cx="256" cy="156" r="5"/>
|
|
<circle class="dot-dark" cx="342" cy="206" r="5"/>
|
|
<circle class="dot-dark" cx="342" cy="306" r="5"/>
|
|
<circle class="dot-dark" cx="256" cy="356" r="5"/>
|
|
<circle class="dot-dark" cx="170" cy="306" r="5"/>
|
|
<circle class="dot-dark" cx="170" cy="206" r="5"/>
|
|
</svg>
|
