svg animation

Browser support for animated SVG

Animated SVG files with JavaScript as the animation type are supported by all major browsers. This means that your animation will work and look the same in Chrome, Firefox, Safari and Edge.

Unfortunately, not all properties work the same in these browsers if you choose CSS as the animation type. Please see the differences below:


Animation Chrome Firefox Safari Edge
Morph 53+ - - -
Filter - Yes - -
Move on path (linear) Yes Yes Yes Yes
Move on path (curved) Yes - - Yes

Good to know


Safari doesn't support negative values for the dash-offset property. You can avoid using negative values by following the instructions here.

Color transition animation is limited for JavaScript and CSS too. You can animate a smooth color transition from color to color, but not from gradient to color or from color to gradient.


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