Update icon and feature graphic to white minimal theme
- White background with dark slate devices (#1e293b) - Cyan signal bars (#0ea5e9) - Simplified clean design: phone → signal → laptop
This commit is contained in:
@@ -1,85 +1,20 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#0f172a"/>
|
||||
<stop offset="100%" style="stop-color:#1e293b"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="512" height="512" rx="108" fill="#ffffff"/>
|
||||
|
||||
<!-- Dark background -->
|
||||
<rect width="512" height="512" rx="96" fill="url(#bg)"/>
|
||||
<!-- Phone -->
|
||||
<rect x="72" y="176" width="88" height="160" rx="16" fill="#1e293b"/>
|
||||
<rect x="82" y="190" width="68" height="116" rx="6" fill="#ffffff"/>
|
||||
<rect x="100" y="316" width="32" height="6" rx="3" fill="#ffffff"/>
|
||||
|
||||
<!-- Circuit traces -->
|
||||
<g stroke="#0ea5e9" stroke-width="3" fill="none" opacity="0.4">
|
||||
<path d="M 80 256 H 140"/>
|
||||
<path d="M 372 256 H 432"/>
|
||||
<path d="M 256 80 V 140"/>
|
||||
<path d="M 256 372 V 432"/>
|
||||
<path d="M 140 180 L 180 140"/>
|
||||
<path d="M 332 140 L 372 180"/>
|
||||
<path d="M 140 332 L 180 372"/>
|
||||
<path d="M 332 372 L 372 332"/>
|
||||
<!-- Signal bars -->
|
||||
<g fill="#0ea5e9">
|
||||
<rect x="192" y="270" width="20" height="44" rx="4"/>
|
||||
<rect x="224" y="246" width="20" height="68" rx="4"/>
|
||||
<rect x="256" y="222" width="20" height="92" rx="4"/>
|
||||
</g>
|
||||
|
||||
<!-- Main connection lines -->
|
||||
<g stroke="#0ea5e9" stroke-width="4" fill="none">
|
||||
<!-- Center to outer nodes -->
|
||||
<line x1="256" y1="256" x2="160" y2="160"/>
|
||||
<line x1="256" y1="256" x2="352" y2="160"/>
|
||||
<line x1="256" y1="256" x2="160" y2="352"/>
|
||||
<line x1="256" y1="256" x2="352" y2="352"/>
|
||||
<!-- Horizontal and vertical -->
|
||||
<line x1="256" y1="256" x2="140" y2="256"/>
|
||||
<line x1="256" y1="256" x2="372" y2="256"/>
|
||||
<line x1="256" y1="256" x2="256" y2="140"/>
|
||||
<line x1="256" y1="256" x2="256" y2="372"/>
|
||||
</g>
|
||||
|
||||
<!-- Data flow dots (animated feel) -->
|
||||
<g fill="#22d3ee">
|
||||
<circle cx="190" cy="190" r="4"/>
|
||||
<circle cx="322" cy="190" r="4"/>
|
||||
<circle cx="190" cy="322" r="4"/>
|
||||
<circle cx="322" cy="322" r="4"/>
|
||||
<circle cx="180" cy="256" r="3"/>
|
||||
<circle cx="332" cy="256" r="3"/>
|
||||
<circle cx="256" cy="180" r="3"/>
|
||||
<circle cx="256" cy="332" r="3"/>
|
||||
</g>
|
||||
|
||||
<!-- Outer nodes -->
|
||||
<g fill="#0f172a" stroke="#0ea5e9" stroke-width="3">
|
||||
<circle cx="160" cy="160" r="24"/>
|
||||
<circle cx="352" cy="160" r="24"/>
|
||||
<circle cx="160" cy="352" r="24"/>
|
||||
<circle cx="352" cy="352" r="24"/>
|
||||
<circle cx="140" cy="256" r="20"/>
|
||||
<circle cx="372" cy="256" r="20"/>
|
||||
<circle cx="256" cy="140" r="20"/>
|
||||
<circle cx="256" cy="372" r="20"/>
|
||||
</g>
|
||||
|
||||
<!-- Inner node fills -->
|
||||
<g fill="#22d3ee">
|
||||
<circle cx="160" cy="160" r="10"/>
|
||||
<circle cx="352" cy="160" r="10"/>
|
||||
<circle cx="160" cy="352" r="10"/>
|
||||
<circle cx="352" cy="352" r="10"/>
|
||||
<circle cx="140" cy="256" r="8"/>
|
||||
<circle cx="372" cy="256" r="8"/>
|
||||
<circle cx="256" cy="140" r="8"/>
|
||||
<circle cx="256" cy="372" r="8"/>
|
||||
</g>
|
||||
|
||||
<!-- Center hub (phone) -->
|
||||
<circle cx="256" cy="256" r="56" fill="#0f172a" stroke="#0ea5e9" stroke-width="4"/>
|
||||
<circle cx="256" cy="256" r="40" fill="#0ea5e9"/>
|
||||
|
||||
<!-- Signal bars in center -->
|
||||
<g fill="#0f172a">
|
||||
<rect x="236" y="268" width="8" height="16" rx="2"/>
|
||||
<rect x="248" y="258" width="8" height="26" rx="2"/>
|
||||
<rect x="260" y="248" width="8" height="36" rx="2"/>
|
||||
<rect x="272" y="238" width="8" height="46" rx="2"/>
|
||||
</g>
|
||||
<!-- Laptop -->
|
||||
<rect x="312" y="196" width="128" height="88" rx="12" fill="#1e293b"/>
|
||||
<rect x="322" y="206" width="108" height="64" rx="4" fill="#ffffff"/>
|
||||
<rect x="300" y="288" width="152" height="14" rx="4" fill="#1e293b"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 822 B |
Reference in New Issue
Block a user