104 lines
No EOL
6.4 KiB
XML
104 lines
No EOL
6.4 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
|
<symbol id="logo-black" viewBox="0 0 359.49 221.13">
|
|
<defs>
|
|
<clipPath id="d">
|
|
<path d="M226.79,113.62c0,19.36,15.85,35.06,35.4,35.06,19.55,0,35.4-15.7,35.4-35.06,0-19.36-15.85-35.06-35.4-35.06h0c-42.68,0-35.4,15.7-35.4,35.06" style="fill:none;"/>
|
|
</clipPath>
|
|
|
|
<!-- Animated gradient for connecting elements -->
|
|
<linearGradient id="infinityGradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#00D4FF;stop-opacity:1">
|
|
<animate attributeName="stop-color" values="#00D4FF;#7B2BFF;#00FFB3;#00D4FF" dur="4s" repeatCount="indefinite"/>
|
|
</stop>
|
|
<stop offset="50%" style="stop-color:#7B2BFF;stop-opacity:1">
|
|
<animate attributeName="stop-color" values="#7B2BFF;#00FFB3;#00D4FF;#7B2BFF" dur="4s" repeatCount="indefinite"/>
|
|
</stop>
|
|
<stop offset="100%" style="stop-color:#00FFB3;stop-opacity:1">
|
|
<animate attributeName="stop-color" values="#00FFB3;#00D4FF;#7B2BFF;#00FFB3" dur="4s" repeatCount="indefinite"/>
|
|
</stop>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<g>
|
|
<g>
|
|
<!-- Left wheel - only outer shape rotates -->
|
|
<g>
|
|
<path d="M3.04,87.53c-3.66,16.4-3.36,33.43,.85,49.7l18.49-.31c2.12,7.08,5.09,13.89,8.85,20.26l-12.81,13.12c9.22,14.08,21.56,25.9,36.09,34.55l12.81-13.13c6.56,3.51,13.52,6.22,20.74,8.08l.31,18.3c16.56,3.62,33.75,3.33,50.18-.85l-.31-18.3c7.15-2.1,14.02-5.04,20.46-8.77l13.25,12.69c14.22-9.14,26.14-21.36,34.87-35.75l-13.25-12.68c3.54-6.5,6.28-13.4,8.15-20.55l18.49-.31c3.65-16.4,3.36-33.43-.85-49.7l-18.49,.31c-2.12-7.08-5.09-13.88-8.85-20.26l12.8-13.12c-9.22-14.08-21.56-25.9-36.08-34.55l-12.81,13.13c-6.56-3.51-13.53-6.23-20.75-8.08l-.31-18.3c-16.56-3.62-33.75-3.33-50.18,.85l.31,18.3c-7.15,2.1-14.01,5.04-20.45,8.77l-13.25-12.69c-14.22,9.14-26.15,21.36-34.88,35.75l13.25,12.68c-3.54,6.5-6.28,13.4-8.15,20.55l-18.49,.31Z" style="fill:#4cc2f1; fill-rule:evenodd; stroke:#fff; stroke-miterlimit:10;">
|
|
<animateTransform
|
|
attributeName="transform"
|
|
type="rotate"
|
|
values="0 115.86 113.25;360 115.86 113.25"
|
|
dur="8s"
|
|
repeatCount="indefinite"/>
|
|
</path>
|
|
</g>
|
|
|
|
<!-- Right wheel - only outer shape rotates -->
|
|
<g>
|
|
<path d="M167.28,92.87c-3.19,14.31-2.94,29.17,.74,43.37l16.13-.27c1.85,6.18,4.44,12.12,7.72,17.68l-11.18,11.45c8.05,12.29,18.82,22.6,31.49,30.15l11.18-11.46c5.72,3.06,11.8,5.43,18.1,7.05l.27,15.97c14.45,3.16,29.45,2.91,43.78-.74l-.27-15.97c6.24-1.83,12.23-4.4,17.85-7.66l11.56,11.08c12.41-7.97,22.81-18.64,30.43-31.19l-11.56-11.06c3.09-5.67,5.48-11.69,7.11-17.93l16.13-.27c3.18-14.31,2.93-29.17-.74-43.37l-16.13,.27c-1.85-6.18-4.44-12.11-7.72-17.68l11.17-11.44c-8.04-12.29-18.81-22.6-31.48-30.15l-11.18,11.46c-5.72-3.07-11.8-5.43-18.1-7.05l-.27-15.97c-14.45-3.16-29.45-2.91-43.78,.74l.27,15.97c-6.24,1.83-12.23,4.4-17.84,7.66l-11.56-11.08c-12.41,7.97-22.81,18.64-30.44,31.19l11.56,11.06c-3.09,5.67-5.48,11.69-7.11,17.93l-16.13,.27Z" style="fill:#4cc2f1; fill-rule:evenodd; stroke:#fff; stroke-miterlimit:10;">
|
|
<animateTransform
|
|
attributeName="transform"
|
|
type="rotate"
|
|
values="0 261.91 113.28;-360 261.91 113.28"
|
|
dur="6s"
|
|
repeatCount="indefinite"/>
|
|
</path>
|
|
</g>
|
|
|
|
<!-- Left wheel center -->
|
|
<path d="M115.86,78.19c19.55,0,35.4,15.7,35.4,35.06s-15.85,35.06-35.4,35.06-35.4-15.7-35.4-35.06,15.85-35.06,35.4-35.06" style="fill:#f2b03f;"/>
|
|
|
|
<!-- Chronometer/clock with CSS pulse animation -->
|
|
<g>
|
|
<ellipse cx="261.91" cy="113.28" rx="35.65" ry="35.31" style="fill:#f9b224;">
|
|
<!-- CSS-style pulse animation: scale + opacity -->
|
|
<animateTransform attributeName="transform"
|
|
type="scale"
|
|
values="1;1.05;1"
|
|
dur="2s"
|
|
repeatCount="indefinite"/>
|
|
<animate attributeName="opacity"
|
|
values="1;0.75;1"
|
|
dur="2s"
|
|
repeatCount="indefinite"/>
|
|
</ellipse>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
|
|
<symbol id="logo-text-black" viewBox="0 0 607.69 116.06">
|
|
<defs>
|
|
<!-- Animated gradient for text glow effect -->
|
|
<linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#4cc2f1;stop-opacity:1">
|
|
<animate attributeName="stop-color" values="#4cc2f1;#f2b03f;#4cc2f1" dur="3s" repeatCount="indefinite"/>
|
|
</stop>
|
|
<stop offset="50%" style="stop-color:#f2b03f;stop-opacity:1">
|
|
<animate attributeName="stop-color" values="#f2b03f;#4cc2f1;#f2b03f" dur="3s" repeatCount="indefinite"/>
|
|
</stop>
|
|
<stop offset="100%" style="stop-color:#4cc2f1;stop-opacity:1">
|
|
<animate attributeName="stop-color" values="#4cc2f1;#f2b03f;#4cc2f1" dur="3s" repeatCount="indefinite"/>
|
|
</stop>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<g>
|
|
<!-- "provisioning" text paths with animations -->
|
|
<path d="M6.89,82.3c-1.67-1.33-2.5-3.57-2.5-6.7s1.12-12.62,3.35-28.45c2.23-15.83,3.35-27.13,3.35-33.9s-.47-11.18-1.4-13.25c6.8,.53,11.27,3.2,13.4,8,5.13-2.8,10.78-4.2,16.95-4.2s11.03,1.92,14.6,5.75c3.57,3.83,5.35,8.55,5.35,14.15,0,6.93-2.54,13.2-7.6,18.8-2.47,2.67-5.65,4.83-9.55,6.5-3.9,1.67-8.22,2.5-12.95,2.5-2,0-3.9-.13-5.7-.4l-.3-4.2h.8c7.53,0,13.53-2.8,18-8.4,3.07-4,4.6-8.2,4.6-12.6,0-6.47-2.63-10.73-7.9-12.8-4.47-1.67-9.47-1.33-15,1v.2c0,2.53-.95,10.82-2.85,24.85-1.9,14.03-2.85,25.75-2.85,35.15,0,4.2,.2,7.47,.6,9.8-2.13,.13-3.53,.2-4.2,.2-3.8,0-6.53-.67-8.2-2Z" style="fill:url(#textGradient);">
|
|
<animate attributeName="opacity" values="0.8;1;0.8" dur="2s" repeatCount="indefinite"/>
|
|
</path>
|
|
|
|
<!-- Brush-painted underline growing from left to right -->
|
|
<g>
|
|
<!-- Main brush stroke line - thinner than letters, slower -->
|
|
<path d="M20,95 L580,95" stroke="url(#textGradient)" stroke-width="4" fill="none" stroke-linecap="round">
|
|
<!-- Growing from left to right like brush painting - slower -->
|
|
<animate attributeName="stroke-dasharray" values="0,560;560,0" dur="5s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" values="0;1;1" dur="5s" repeatCount="indefinite"/>
|
|
</path>
|
|
</g>
|
|
</g>
|
|
</symbol>
|
|
</svg> |