MAPG-78 replace loading SVG to an own version

public/static/img/loading.svg

@@ -1,11 +1,23 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve">
+<svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
     <g>
         <linearGradient id="linear-gradient">
-            <stop offset="0%" stop-color="#ffffff" fill-opacity="0"/>
-            <stop offset="100%" stop-color="#000000" fill-opacity="1"/>
+            <stop offset="0%" stop-color="#ffffff" />
+            <stop offset="100%" stop-color="#000000" />
         </linearGradient>
-        <path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/>
-        <animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform>
+        <circle
+                fill="none"
+                fill-rule="evenodd"
+                stroke="url(#linear-gradient)"
+                stroke-width="6"
+                cx="25"
+                cy="25"
+                r="22" />
+        <animateTransform
+                attributeName="transform"
+                type="rotate"
+                from="0 25 25"
+                to="360 25 25"
+                dur="1.25"
+                repeatCount="indefinite" />
     </g>
 </svg>