Animated icons · Eight triggers

The same player, eight ways to start it, side by side: draw in when seen, play on click, play on hover, loop forever, loop while hovered, change shape while hovered, go there and straight back, and a sequence that draws in and then repeats. Each card uses the icon that shows its trigger best.

What it is

Eight ways an animated icon can start moving — when it appears, on click, on hover, forever, while hovered, as a two-way change, there and back, and as a sequence — side by side, so choosing the right behaviour for a button, a menu or a status takes one look.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

Trigger model after Lordicon (lordicon.com) · icons Lucide (ISC) · all motions original