SVG path draw
An SVG path that draws itself — animating the stroke-dashoffset to reveal the line progressively.
What you're seeing
Lines, icons, or illustrations that appear to be drawn in real time — the stroke traces its path.
Where you'll see it
Logos, icons, diagrams, decorative line elements.
Difficulty
Low — 2/5
Libraries that build it
GSAP DrawSVGCSSMotion
Ready to prompt — paste this into your AI coding tool
"Set stroke-dasharray and stroke-dashoffset equal to path length, animate dashoffset to 0 using GSAP or CSS transition"