Replace load indicator logo png by svg

static/src/app/app.component.ts

@@ -34,7 +34,8 @@ export class AppComponent implements OnInit {
   // a map of svgIcon names and associated svg file names
   // to load from assets/icon folder
   svgIcons = {
-    'opt-logo': '../opt-logo',
+    'opt-logo': 'general/opt-logo',
+    'loading-arrows': 'general/loading-arrows',
     'add': 'outline-add_box-24px',
     'add-user': 'twotone-person_add-24px',
     'award': 'award',

static/src/app/style/load-indicator.css

@@ -28,7 +28,7 @@
 }
 
 .load-arrow {
-  background: url(../../assets/loading.png) no-repeat;
+  background: url(../../assets/icon/general/loading-arrows.svg) no-repeat;
   display: block;
   width: 70px;
   height: 70px;

static/src/assets/icon/general/loading-arrows.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="70px" height="70px" version="1.1" viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg">
+ <path d="m0.25 34.88c0-3.06 0.25-6.77 0.94-9.69 2.43-10.28 12.69-20.77 22.75-23.75 3.65-1.09 5.7-0.92 11.12-1.19 3.64 0.02 10.15 0.2 16.63 3.81 2.22 1.24 8 5.32 10.31 7.44 1.69-1.38 6.06-6.12 8-7.5l-0.06 21.75s-22.13 0.37-22.13 0.37 7.13-7.31 7.13-7.31c-5.69-4.69-10.77-8.5-17.94-9.33-3.4-0.4-8.56-1.04-15 2.96-5.63 3.87-7.5 5.87-10.38 10.87-2.75 6.88-2.18 8.94-2.62 11.69l-8.75-0.12zm-0.25 8.12m69.75-7.88c0 3.06-0.25 6.77-0.94 9.69-2.43 10.28-12.69 20.77-22.75 23.75-3.65 1.09-5.7 0.92-11.12 1.19-3.64-0.02-10.15-0.2-16.63-3.81-2.22-1.24-8-5.32-10.31-7.44-1.69 1.38-6.06 6.12-8 7.5l0.06-21.75s22.13-0.37 22.13-0.37-7.13 7.31-7.13 7.31c5.69 4.69 10.77 8.5 17.94 9.33 3.4 0.4 8.56 1.04 15-2.96 5.62-3.87 7.5-5.87 10.38-10.87 2.74-6.88 2.18-8.94 2.62-11.69l8.75 0.12zm0.25-8.12"/>
+</svg>