Is it possible to import SVG assets as a sequence for UI animation?

Question

I'm trying to import a sequence of assets(svg) to create an interactive UI. I'm able to do that with a png file but not with svg as you can see from the image attached. Click here to see the image

Answer 1

With SVG it is much more effective to generate animation by manipulating the SVG file itself in realtime, with a library such as Velocity.js or Anime.js.

Because SVG is a declerative data format, but PNG is imperative, making animations out of them require radically different approaches. An animation technique known as tweening (which is very convenient for UI animation) is very powerful with SVG, but you can always generate a PNG image from an SVG though and use a PNG approach.