Animation not working in Safari

With Safari's latest update (April, 2020) it becomes more and more important to pick the right method for adding SVG animation to your website. One of the most common reasons why the SVG animation doesn't work is the use of <img> tags to add the SVG. The SVG might be visible on the website, but the animation will not start.

You can easily fix this by replacing all <img> tags with an <object> tag. You can also open the SVG file in a text or code editor, copy the entire code and add it inline to your website.

As we've mentioned in one of our previous articles, it's also highly recommended to export JavaScript as the animation type instead of CSS from SVGator. JavaScript will support all advanced features such as morphing or starting the animation on click.

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