mirror of
https://github.com/walkxcode/dashboard-icons.git
synced 2025-06-28 07:20:21 +08:00
29 lines
884 B
XML
29 lines
884 B
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="5 5 90 90">
|
||
|
|
<title>Pulse Logo</title>
|
||
|
|
<style>
|
||
|
|
@keyframes pulse {
|
||
|
|
0%, 100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: 0.7;
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.pulse-logo-circle {
|
||
|
|
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||
|
|
transform-origin: center;
|
||
|
|
}
|
||
|
|
/* Default (light mode) colors */
|
||
|
|
.pulse-logo-outer { fill: #2563eb; } /* blue-600 */
|
||
|
|
.pulse-logo-inner { fill: #ffffff; }
|
||
|
|
/* Dark mode colors */
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
.pulse-logo-outer { fill: #3b82f6; } /* blue-500 */
|
||
|
|
.pulse-logo-inner { fill: #dbeafe; } /* blue-100 */
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<circle class="pulse-logo-outer" cx="50" cy="50" r="45"/>
|
||
|
|
<circle class="pulse-logo-inner pulse-logo-circle" cx="50" cy="50" r="25"/>
|
||
|
|
</svg>
|