70 lines
3.0 KiB
XML
70 lines
3.0 KiB
XML
<!-- Simple API Fire Detection Icon -->
|
|
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Background -->
|
|
<defs>
|
|
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#1976D2;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#2196F3;stop-opacity:1" />
|
|
</linearGradient>
|
|
<linearGradient id="fireGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#FF5722;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#F44336;stop-opacity:1" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Rounded background -->
|
|
<rect width="512" height="512" rx="80" ry="80" fill="url(#bgGradient)"/>
|
|
|
|
<!-- API Connection Lines -->
|
|
<g stroke="#ffffff" stroke-width="8" fill="none">
|
|
<!-- Left connections -->
|
|
<line x1="80" y1="200" x2="180" y2="200" stroke-linecap="round"/>
|
|
<line x1="80" y1="256" x2="180" y2="256" stroke-linecap="round"/>
|
|
<line x1="80" y1="312" x2="180" y2="312" stroke-linecap="round"/>
|
|
|
|
<!-- Right connections -->
|
|
<line x1="332" y1="200" x2="432" y2="200" stroke-linecap="round"/>
|
|
<line x1="332" y1="256" x2="432" y2="256" stroke-linecap="round"/>
|
|
<line x1="332" y1="312" x2="432" y2="312" stroke-linecap="round"/>
|
|
|
|
<!-- Central connections -->
|
|
<line x1="200" y1="200" x2="220" y2="200" stroke-linecap="round"/>
|
|
<line x1="200" y1="256" x2="220" y2="256" stroke-linecap="round"/>
|
|
<line x1="200" y1="312" x2="220" y2="312" stroke-linecap="round"/>
|
|
|
|
<line x1="292" y1="200" x2="312" y2="200" stroke-linecap="round"/>
|
|
<line x1="292" y1="256" x2="312" y2="256" stroke-linecap="round"/>
|
|
<line x1="292" y1="312" x2="312" y2="312" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<!-- API Nodes -->
|
|
<circle cx="60" cy="200" r="20" fill="#ffffff"/>
|
|
<circle cx="60" cy="256" r="20" fill="#ffffff"/>
|
|
<circle cx="60" cy="312" r="20" fill="#ffffff"/>
|
|
|
|
<circle cx="452" cy="200" r="20" fill="#ffffff"/>
|
|
<circle cx="452" cy="256" r="20" fill="#ffffff"/>
|
|
<circle cx="452" cy="312" r="20" fill="#ffffff"/>
|
|
|
|
<!-- Central Processing Unit -->
|
|
<rect x="220" y="180" width="72" height="132" rx="12" ry="12" fill="#ffffff"/>
|
|
|
|
<!-- Fire Detection Symbol -->
|
|
<g transform="translate(240, 190)">
|
|
<!-- Fire flame -->
|
|
<path d="M16 52 C16 52, 8 44, 8 32 C8 20, 16 16, 20 20 C24 12, 32 16, 32 24 C40 20, 44 28, 40 36 C48 32, 52 40, 48 48 C48 56, 40 60, 32 60 L16 60 C8 60, 0 52, 0 44 C0 36, 8 32, 16 32 Z"
|
|
fill="url(#fireGradient)" stroke="none"/>
|
|
|
|
<!-- Sensor waves -->
|
|
<g stroke="#1976D2" stroke-width="2" fill="none">
|
|
<path d="M16 80 Q24 76 32 80" stroke-linecap="round"/>
|
|
<path d="M12 88 Q24 84 36 88" stroke-linecap="round"/>
|
|
<path d="M8 96 Q24 92 40 96" stroke-linecap="round"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Status indicator -->
|
|
<circle cx="400" cy="112" r="24" fill="#4CAF50"/>
|
|
<path d="M388 112 L396 120 L412 104" stroke="#ffffff" stroke-width="4" fill="none" stroke-linecap="round"/>
|
|
</svg>
|
