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

/* Arrow body animation - targeting main path */
[data-name="ArrowBigLeftDashAnimate"]:hover path[d="M13 9a1 1 0 0 1-1-1V5.061a1 1 0 0 0-1.811-.75l-6.835 6.836a1.207 1.207 0 0 0 0 1.707l6.835 6.835a1 1 0 0 0 1.811-.75V16a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"] {
    animation: arrowAnimate 0.4s ease-in-out;
}

/* Dash animation - targeting dash path */
[data-name="ArrowBigLeftDashAnimate"]:hover path[d="M20 9v6"] {
    animation: dashAnimate 0.4s ease-in-out;
}

@keyframes arrowAnimate {
    0% { transform: translateX(0); }
    50% { transform: translateX(-3px); }
    100% { transform: translateX(0); }
}

@keyframes dashAnimate {
    0% { transform: translateX(0); }
    50% { transform: translateX(-1px); }
    100% { transform: translateX(0); }
}