Тут прелоадер а ля ваш на SVG:
https://github.com/rtheunissen/md-preloader
Тут есть на чистом CSS без каких-либо SVG и GIF:
https://projects.lukehaas.me/css-loaders/
А если говорить про гифки и запись строкой, чтобы уменьшить количество запросов, то можно любую гифку записать в виде base64, вот пример:
https://jsfiddle.net/75ph8625/ 
