icons 0.5.2

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

/* Circle Dashed Animation - Sequential path reveal with staggered delays */

/* Path 1: M10.1 2.182a10 10 0 0 1 3.8 0 - delay: 0.1s */
[data-name="CircleDashedAnimate"]:hover path[d="M10.1 2.182a10 10 0 0 1 3.8 0"] {
    animation: pathReveal 0.3s ease-in-out 0.1s both;
}

/* Path 2: M13.9 21.818a10 10 0 0 1-3.8 0 - delay: 0.2s */
[data-name="CircleDashedAnimate"]:hover path[d="M13.9 21.818a10 10 0 0 1-3.8 0"] {
    animation: pathReveal 0.3s ease-in-out 0.2s both;
}

/* Path 3: M17.609 3.721a10 10 0 0 1 2.69 2.7 - delay: 0.3s */
[data-name="CircleDashedAnimate"]:hover path[d="M17.609 3.721a10 10 0 0 1 2.69 2.7"] {
    animation: pathReveal 0.3s ease-in-out 0.3s both;
}

/* Path 4: M2.182 13.9a10 10 0 0 1 0-3.8 - delay: 0.4s */
[data-name="CircleDashedAnimate"]:hover path[d="M2.182 13.9a10 10 0 0 1 0-3.8"] {
    animation: pathReveal 0.3s ease-in-out 0.4s both;
}

/* Path 5: M20.279 17.609a10 10 0 0 1-2.7 2.69 - delay: 0.5s */
[data-name="CircleDashedAnimate"]:hover path[d="M20.279 17.609a10 10 0 0 1-2.7 2.69"] {
    animation: pathReveal 0.3s ease-in-out 0.5s both;
}

/* Path 6: M21.818 10.1a10 10 0 0 1 0 3.8 - delay: 0.6s */
[data-name="CircleDashedAnimate"]:hover path[d="M21.818 10.1a10 10 0 0 1 0 3.8"] {
    animation: pathReveal 0.3s ease-in-out 0.6s both;
}

/* Path 7: M3.721 6.391a10 10 0 0 1 2.7-2.69 - delay: 0.7s */
[data-name="CircleDashedAnimate"]:hover path[d="M3.721 6.391a10 10 0 0 1 2.7-2.69"] {
    animation: pathReveal 0.3s ease-in-out 0.7s both;
}

/* Path 8: M6.391 20.279a10 10 0 0 1-2.69-2.7 - delay: 0.8s */
[data-name="CircleDashedAnimate"]:hover path[d="M6.391 20.279a10 10 0 0 1-2.69-2.7"] {
    animation: pathReveal 0.3s ease-in-out 0.8s both;
}

@keyframes pathReveal {
    0% { opacity: 0; }
    100% { opacity: 1; }
}