59 lines
2.9 KiB
XML
59 lines
2.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
|
|
<defs>
|
|
<!-- Modern gradient for the main background -->
|
|
<linearGradient id="mainGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
|
|
</linearGradient>
|
|
|
|
<!-- White for contrast elements -->
|
|
<linearGradient id="whiteGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#f8fafc;stop-opacity:1" />
|
|
</linearGradient>
|
|
|
|
<!-- Green for active/online status -->
|
|
<linearGradient id="activeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#10B981;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#059669;stop-opacity:1" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Background circle -->
|
|
<circle cx="16" cy="16" r="15" fill="url(#mainGradient)" stroke="#4c1d95" stroke-width="0.5"/>
|
|
|
|
<!-- Main router/device icon -->
|
|
<rect x="8" y="10" width="16" height="10" rx="2" ry="2" fill="url(#whiteGradient)" opacity="0.95"/>
|
|
|
|
<!-- Router top panel -->
|
|
<rect x="9" y="11" width="14" height="2" rx="1" ry="1" fill="url(#mainGradient)" opacity="0.8"/>
|
|
|
|
<!-- Status indicators -->
|
|
<circle cx="10" cy="15" r="1" fill="url(#activeGradient)"/>
|
|
<circle cx="13" cy="15" r="1" fill="url(#activeGradient)" opacity="0.7"/>
|
|
<circle cx="16" cy="15" r="1" fill="url(#activeGradient)" opacity="0.5"/>
|
|
|
|
<!-- Network ports -->
|
|
<rect x="9" y="17" width="1.5" height="1" fill="url(#mainGradient)" opacity="0.6"/>
|
|
<rect x="11" y="17" width="1.5" height="1" fill="url(#mainGradient)" opacity="0.6"/>
|
|
<rect x="13" y="17" width="1.5" height="1" fill="url(#mainGradient)" opacity="0.6"/>
|
|
<rect x="15" y="17" width="1.5" height="1" fill="url(#mainGradient)" opacity="0.6"/>
|
|
<rect x="17" y="17" width="1.5" height="1" fill="url(#mainGradient)" opacity="0.6"/>
|
|
<rect x="19" y="17" width="1.5" height="1" fill="url(#mainGradient)" opacity="0.6"/>
|
|
|
|
<!-- WiFi antenna -->
|
|
<line x1="12" y1="10" x2="12" y2="6" stroke="url(#whiteGradient)" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="20" y1="10" x2="20" y2="6" stroke="url(#whiteGradient)" stroke-width="2" stroke-linecap="round"/>
|
|
|
|
<!-- Antenna tips -->
|
|
<circle cx="12" cy="5" r="1" fill="url(#whiteGradient)"/>
|
|
<circle cx="20" cy="5" r="1" fill="url(#whiteGradient)"/>
|
|
|
|
<!-- Signal waves -->
|
|
<path d="M 6 6 Q 8 4 12 6" stroke="url(#activeGradient)" stroke-width="1.5" fill="none" opacity="0.8"/>
|
|
<path d="M 20 6 Q 24 4 26 6" stroke="url(#activeGradient)" stroke-width="1.5" fill="none" opacity="0.8"/>
|
|
|
|
<!-- Billing indicator (small dollar sign) -->
|
|
<text x="16" y="25" font-family="Arial, sans-serif" font-size="6" font-weight="bold" text-anchor="middle" fill="url(#whiteGradient)" opacity="0.9">$</text>
|
|
</svg>
|
