SVG Animation Playground

Paste an SVG, pick a preset, and tweak Motion transitions (tween, spring, inertia). Export as a ready-to-use React component.

SVG & Preset

Type

Duration (s)Delay (s)Easing

Repeat?

Repeat countRepeat type

Repeat delay (s)

SVG Size: 160px

Lucide is a collection of free and open source icons. You can use it for free.