Add custom loading spinner in ionic v4

Question

I want to create a custom loading spinner for my ionic 4 app with a GIF or SVG animation. There is no "content" property to fill with html, so how do I replace the bubbles SVG in this case with a custom SVG or GIF?

Answer 1

 let loading = await this.loadingCtrl.create({
  spinner: null,
  message: '<img src="/assets/loadingGif/loadgif.gif">',\\Your Gif File Path
});
loading.present();