Upload a custom SVG icon and animate it with a self-drawing line effect.
Archives
Loop the SVG line-drawing animation continuously.
Slow down the drawing animation so it takes longer to complete.
Set a custom stroke color for the drawn SVG line.
Fill the SVG shape with a solid color once the line finishes drawing.
Cap the SVG’s width so it doesn’t get too large on wide screens.
Also set a minimum width so the SVG stays visible on small screens.
Hook this SVG animation into our GSAP scroll interactions.
Only trigger the SVG drawing animation when someone hovers over it.