SVG Stroke Animation Generator

Generate smooth CSS drawing effects for your SVG paths instantly. Paste your code, tune the settings, and grab the ready-to-use CSS.

Configuration

SVG Source

Duration (2.0s)

Easing

Infinite Loop

Stroke Color Override

Paste your SVG to see it here

/* Generated CSS will appear here */