67 lines
2.0 KiB
XML
67 lines
2.0 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
|
||
|
|
<!-- SYNTAXIS Icon - Pulse Animation (Fixed) -->
|
||
|
|
<defs>
|
||
|
|
<style>
|
||
|
|
@keyframes pulse {
|
||
|
|
0%, 100% {
|
||
|
|
transform: scale(1);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
transform: scale(1.15);
|
||
|
|
opacity: 0.85;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes glow {
|
||
|
|
0%, 100% {
|
||
|
|
opacity: 0.2;
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 0.6;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.pulse-shape {
|
||
|
|
animation: pulse 2s ease-in-out infinite;
|
||
|
|
transform-origin: 100px 92.5px;
|
||
|
|
transform-box: fill-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.glow-ring {
|
||
|
|
animation: glow 2s ease-in-out infinite;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- Glow rings behind triangle -->
|
||
|
|
<circle class="glow-ring" cx="100" cy="92.5" r="25" fill="none" stroke="#D97706" stroke-width="3" opacity="0.2"/>
|
||
|
|
<circle class="glow-ring" cx="100" cy="92.5" r="20" fill="none" stroke="#D97706" stroke-width="2" opacity="0.2"/>
|
||
|
|
|
||
|
|
<!-- Top diamond -->
|
||
|
|
<path d="M 100 20 L 110 30 L 100 40 L 90 30 Z" fill="#2C5F8E"/>
|
||
|
|
|
||
|
|
<!-- Second row -->
|
||
|
|
<path d="M 70 50 L 80 60 L 70 70 L 60 60 Z" fill="#2C5F8E"/>
|
||
|
|
<rect x="90" y="50" width="20" height="20" fill="#6B7280"/>
|
||
|
|
<path d="M 130 50 L 140 60 L 130 70 L 120 60 Z" fill="#2C5F8E"/>
|
||
|
|
|
||
|
|
<!-- Third row (center) -->
|
||
|
|
<path d="M 40 80 L 50 90 L 40 100 L 30 90 Z" fill="#2C5F8E"/>
|
||
|
|
<rect x="60" y="80" width="20" height="20" fill="#6B7280"/>
|
||
|
|
|
||
|
|
<!-- Center triangle with pulse -->
|
||
|
|
<path class="pulse-shape" d="M 100 80 L 115 105 L 85 105 Z" fill="#D97706"/>
|
||
|
|
|
||
|
|
<rect x="120" y="80" width="20" height="20" fill="#6B7280"/>
|
||
|
|
<path d="M 160 80 L 170 90 L 160 100 L 150 90 Z" fill="#2C5F8E"/>
|
||
|
|
|
||
|
|
<!-- Fourth row -->
|
||
|
|
<path d="M 70 110 L 80 120 L 70 130 L 60 120 Z" fill="#2C5F8E"/>
|
||
|
|
<rect x="90" y="110" width="20" height="20" fill="#6B7280"/>
|
||
|
|
<path d="M 130 110 L 140 120 L 130 130 L 120 120 Z" fill="#2C5F8E"/>
|
||
|
|
|
||
|
|
<!-- Bottom diamond -->
|
||
|
|
<path d="M 100 140 L 110 150 L 100 160 L 90 150 Z" fill="#2C5F8E"/>
|
||
|
|
</svg>
|