feat(branding): add dedicated high-resolution cybernetic plugin icon
This commit is contained in:
parent
e088847658
commit
9709401428
61
icon.svg
Normal file
61
icon.svg
Normal file
@ -0,0 +1,61 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
|
||||
<defs>
|
||||
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#12091c"/>
|
||||
<stop offset="100%" stop-color="#201030"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#c084fc"/>
|
||||
<stop offset="50%" stop-color="#a855f7"/>
|
||||
<stop offset="100%" stop-color="#7e22ce"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="fuchsiaGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#f472b6"/>
|
||||
<stop offset="100%" stop-color="#db2777"/>
|
||||
</linearGradient>
|
||||
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feGaussianBlur stdDeviation="10" result="blur"/>
|
||||
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Background rounded squircle -->
|
||||
<rect x="24" y="24" width="464" height="464" rx="108" fill="url(#bgGrad)" stroke="#3e1a5e" stroke-width="8"/>
|
||||
|
||||
<!-- Upper Secondary Message Bubble (Pink/Magenta) -->
|
||||
<g filter="url(#glow)">
|
||||
<path d="M 240 100 L 376 100 C 404 100 426 122 426 150 L 426 196 C 426 224 404 246 376 246 L 340 246 L 310 274 L 316 246 L 240 246 C 212 246 190 224 190 196 L 190 150 C 190 122 212 100 240 100 Z"
|
||||
fill="#2d1238" stroke="url(#fuchsiaGrad)" stroke-width="8" stroke-linejoin="round"/>
|
||||
<circle cx="276" cy="173" r="10" fill="#f472b6"/>
|
||||
<circle cx="308" cy="173" r="10" fill="#f472b6" opacity="0.8"/>
|
||||
<circle cx="340" cy="173" r="10" fill="#f472b6" opacity="0.6"/>
|
||||
</g>
|
||||
|
||||
<!-- Primary Foreground Message Bubble (Purple/Cyan Neon) -->
|
||||
<g filter="url(#glow)">
|
||||
<path d="M 136 186 L 324 186 C 356 186 382 212 382 244 L 382 320 C 382 352 356 378 324 378 L 186 378 L 130 424 L 142 378 L 136 378 C 104 378 78 352 78 320 L 78 244 C 78 212 104 186 136 186 Z"
|
||||
fill="#1c0e2e" stroke="url(#purpleGrad)" stroke-width="10" stroke-linejoin="round"/>
|
||||
</g>
|
||||
|
||||
<!-- Realtime Audio / Presence Waveform inside main bubble -->
|
||||
<g stroke="#f3e8ff" stroke-width="8" stroke-linecap="round">
|
||||
<line x1="126" y1="282" x2="126" y2="282"/>
|
||||
<line x1="148" y1="264" x2="148" y2="300"/>
|
||||
<line x1="170" y1="246" x2="170" y2="318"/>
|
||||
<line x1="192" y1="230" x2="192" y2="334"/>
|
||||
<line x1="214" y1="250" x2="214" y2="314"/>
|
||||
<line x1="236" y1="220" x2="236" y2="344"/>
|
||||
<line x1="258" y1="240" x2="258" y2="324"/>
|
||||
<line x1="280" y1="260" x2="280" y2="304"/>
|
||||
<line x1="302" y1="244" x2="302" y2="320"/>
|
||||
<line x1="324" y1="270" x2="324" y2="294"/>
|
||||
</g>
|
||||
|
||||
<!-- Active Live Presence Dot & WebSocket Pulse at Bottom Right -->
|
||||
<g filter="url(#glow)">
|
||||
<circle cx="396" cy="386" r="32" fill="none" stroke="#22d3ee" stroke-width="3" opacity="0.3"/>
|
||||
<circle cx="396" cy="386" r="22" fill="none" stroke="#22d3ee" stroke-width="4" opacity="0.6"/>
|
||||
<circle cx="396" cy="386" r="14" fill="#22d3ee"/>
|
||||
<circle cx="396" cy="386" r="7" fill="#f0fdfa"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
Loading…
Reference in New Issue
Block a user