How to Export the Element's Name as ID?

If you are planning to edit the code after you export the SVG animation from SVGator, you might want to export the file with the element's name as ID instead of a unique ID, so it will be easier to identify the element in the code.

You can select this in the Export panel:

Having multiple elements with the same name in the SVG file can cause errors in the animation. For this reason we also add the project's name and a number to the element's ID.

For example, if you have three 'Circle' elements in your 'Test' project, you will see the IDs as test-circle1, test-circle2, and test-circle3.

Export settings

Add animated SVG to your website

Still got questions? Send us an email to contact@svgator.com and we will get back to you as soon as we can.

Export the element's name as ID