Icon Motion Studio

entrance & attention animation preview
Designed for designers. Built by Rio Dewantoro.
100%
Drop an .svg anywhere on stage, or use Upload SVG in the panel →
0 / 700 ms

Source

Using placeholder mark — upload iconweebku.svg

Animation

Timeline

700 ms
0 ms

Export CSS


        
      

      
Generated from the current preset + timeline. Apply the class to your icon element.

    


    

      
Export GIF

      

        

          

          
        

        

          

          
        

      

      

        

        
      

      
      
Transparent background.

    


    

      
Export Lottie

      

        Vector JSON (Bodymovin/Lottie format) — plays crisp at any size on web, iOS, Android,
        or LottieFiles. Sequenced layer timing, reveal easing, and Stroke Draw (as native Trim
        Paths) all carry over.