Building preloader with SVG

Whats up code gang?

I have been tasked to build a preloader for a wordpress site. Essentially what my client wants is a symbol to preload as the site is loading and once the site is loaded zoom through the item that was preloaded to reveal the home page.

Couple questions:

       1. Is SVG the route to take to build the symbol that will preload? 
       2. Can I build this preloader in plain HTML/CSS then be able to transfer this code to a wordpress plugin? 
       3. Is SVG supported by all major devices? 

Any other items I am not thinking about , feel free to let me know. Thank you!