mirror of
https://github.com/walkxcode/dashboard-icons.git
synced 2025-11-01 01:07:57 +01:00
feat(icons): add pulse (#1559)
Co-authored-by: Dashboard Icons Manager <193821040+dashboard-icons-manager[bot]@users.noreply.github.com>
This commit is contained in:
committed by
GitHub
parent
12b0aaaab9
commit
9ce2934369
29
svg/pulse.svg
Normal file
29
svg/pulse.svg
Normal file
@@ -0,0 +1,29 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 884 B |
Reference in New Issue
Block a user