Every line of the icon draws itself on like a pen sketch, then lands with a subtle settle.
Icon Animations
Trace Marker
A bright dot runs ahead of the line, laying the icon down behind it as it goes. Someone is drawing this right now.
- trace
- draw
- marker
About Trace Marker
A bright dot runs ahead of the line, laying the icon down behind it as it goes. Someone is drawing this right now.
Part of Icon Animations. Runs 3 seconds by default, exports in 16:9, 9:16, 1:1 and 4:5, as MP4 or transparent WebM up to 8K.
Related animations
The outline lights up section by section like a tube sign warming up, then buzzes and holds at full glow.
A loose marker-style loop circles the key detail like a presenter sketching on screen.
Every piece of the icon flies in from its own direction, spinning as it comes, and locks into place with a springy stop.
A bold badge bursts open with a shockwave ring and the icon pops on top. Great for success states.
A tight, fast rattle that dies away almost as soon as it starts. The short negative buzz of a blocked action.
Fill Wipe
1.5sColour floods up through the outline from the bottom edge until the icon reads solid. The moment a thing gets switched on.
Flip X
2sThe icon tips forward over its horizontal axis, squashing flat through the turn before landing face on again.