60 lines
2.4 KiB
XML
60 lines
2.4 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!-- calls24 Logo — Animated Loop: continuous wave, no dots, pulsing 24 -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 56" width="340" height="56">
|
|
<defs>
|
|
<linearGradient id="hexGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#22c55e"/>
|
|
<stop offset="100%" stop-color="#15803d"/>
|
|
</linearGradient>
|
|
<style>
|
|
/* Wave bars — continuous breathing */
|
|
.w { animation: wave 2.4s ease-in-out infinite; }
|
|
.w1 { animation-delay: 0s; }
|
|
.w2 { animation-delay: 0.15s; }
|
|
.w3 { animation-delay: 0.3s; }
|
|
.w4 { animation-delay: 0.45s; }
|
|
.w5 { animation-delay: 0.6s; }
|
|
@keyframes wave {
|
|
0%, 100% { transform: scaleY(1); }
|
|
50% { transform: scaleY(0.85); }
|
|
}
|
|
/* "24" bright pulse */
|
|
.b24 { animation: brightPulse 2.4s ease-in-out infinite; }
|
|
@keyframes brightPulse {
|
|
0%, 100% { fill: #22c55e; filter: drop-shadow(0 0 0px transparent); }
|
|
50% { fill: #4ade80; filter: drop-shadow(0 0 6px rgba(34,197,94,0.5)); }
|
|
}
|
|
/* Tech line — pulse */
|
|
.tech-line {
|
|
stroke-dasharray: 30;
|
|
animation: linePulse 3s ease-in-out infinite;
|
|
}
|
|
@keyframes linePulse {
|
|
0%, 100% { opacity: 0.8; }
|
|
50% { opacity: 0.2; }
|
|
}
|
|
/* Gradient shimmer */
|
|
.grad-stop { animation: shimmer 3s ease-in-out infinite; }
|
|
@keyframes shimmer {
|
|
0%, 100% { stop-color: #22c55e; }
|
|
50% { stop-color: #4ade80; }
|
|
}
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- Animated Wave (no dots) -->
|
|
<g transform="translate(2, 2)">
|
|
<rect class="w w1" x="4" y="26" width="6" height="14" rx="3" fill="#22c55e" opacity="0.4"/>
|
|
<rect class="w w2" x="12" y="20" width="6" height="26" rx="3" fill="#22c55e" opacity="0.6"/>
|
|
<rect class="w w3" x="20" y="8" width="6" height="50" rx="3" fill="url(#hexGrad)"/>
|
|
<rect class="w w4" x="28" y="20" width="6" height="26" rx="3" fill="#22c55e" opacity="0.6"/>
|
|
<rect class="w w5" x="36" y="26" width="6" height="14" rx="3" fill="#22c55e" opacity="0.4"/>
|
|
</g>
|
|
|
|
<!-- Wordmark -->
|
|
<text x="56" y="40" font-family="Inter,-apple-system,sans-serif" font-weight="300" font-size="30" fill="#fff" letter-spacing="-0.5">Calls<tspan class="b24" font-weight="700">24</tspan></text>
|
|
|
|
<!-- Tech line -->
|
|
<line class="tech-line" x1="200" y1="40" x2="230" y2="40" stroke="#22c55e" stroke-width="2" stroke-linecap="round"/>
|
|
</svg>
|