icons 0.5.1

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

/* Base transition for smooth reverse animation */
[data-name="SquarePenAnimate"] path[d="M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z"] {
    transition: transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transform-origin: center;
}

/* Pen wiggle animation on hover */
[data-name="SquarePenAnimate"]:hover path[d="M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z"] {
    animation: penWiggle 0.6s ease-in-out;
}

@keyframes penWiggle {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(-1px, 1.5px) rotate(-0.5deg); }
    50% { transform: translate(1.5px, -1px) rotate(0.5deg); }
    75% { transform: translate(0, 0) rotate(-0.5deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}