Jump to content


Path data malformed

Go to solution Solved by joe_midi,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi guys,


we are testing the MorphSVG plugin on Codepen and tried to animate a SVG with it. Unfortunately we get the following error:

"ERROR: malformed path data: #cloud1_x5F_2"
"ERROR: malformed path data: #cloud2_x5F_2"
"ERROR: malformed path data: #cloud3_x5F_2"

See here in Codepen: 


We tried different things to tidy up the SVG, but it's still not working. What exactly is "malformed" here?


Thank you


See the Pen EgxjQK by TIIUNDER (@TIIUNDER) on CodePen

Link to comment
Share on other sites

Hi artd, and welcome to the GreenSock forum!


For future reference you can also use this online SVG optimization tool. It will clean up malformed code that is generated from vector drawing programs. Just remember to untoggle Clean ID's so you can preserve your ID attributes.





  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.