icons 0.6.3

Icons for Rust fullstack applications — Leptos and Dioxus.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

/* Base state - all paths visible */
[data-name="RadioAnimate"] path {
    opacity: 1;
    transition: opacity 0.4s ease-out;
}

/* Radio wave animation - fade out then fade in with staggered delays */
[data-name="RadioAnimate"]:hover path[d="M7.753 16.239a6 6 0 0 1 0-8.478"],
[data-name="RadioAnimate"]:hover path[d="M16.247 7.761a6 6 0 0 1 0 8.478"] {
    animation: radioWaveFade 0.7s ease-out;
}

[data-name="RadioAnimate"]:hover path[d="M4.925 19.067a10 10 0 0 1 0-14.134"],
[data-name="RadioAnimate"]:hover path[d="M19.075 4.933a10 10 0 0 1 0 14.134"] {
    animation: radioWaveFade 0.7s ease-out 0.1s;
}

/* Center circle remains static */
[data-name="RadioAnimate"] circle {
    opacity: 1;
}

@keyframes radioWaveFade {
    0% { opacity: 1; }
    30% { opacity: 0; }
    60% { opacity: 0; }
    100% { opacity: 1; }
}