Replace scoreboard tab images with svg

static/src/app/app.component.ts

@@ -47,6 +47,9 @@ export class AppComponent implements OnInit {
     'battle': 'stats/battle',
     'highscore': 'stats/highscore',
     'stats-chart': 'stats/statsChart',
+    'stats-fraction': 'stats/fraction-btn',
+    'stats-player': 'stats/player-stats-btn',
+    'stats-scoreboard': 'stats/scoreboard-btn',
     // --SCOREBOARD--
     'death': 'stats/scoreboard/death',
     'flagTouch': 'stats/scoreboard/flagTouch',

static/src/app/statistic/war/war-header/war-header.component.css

@@ -31,8 +31,8 @@ span.tab-control {
   z-index: 10;
 }
 
-.nav-tabs > li img {
+.nav-tabs mat-icon {
-  filter: invert(50%);
+  color: #666666;
 }
 
 .nav-tabs {

static/src/app/statistic/war/war-header/war-header.component.html

@@ -31,17 +31,20 @@
 
   <ul class="nav nav-tabs">
     <li class="nav-item" [ngClass]="{active :tab === 0}" (click)="switchTab(0)">
-      <a class="nav-link"><img src="../../../assets/scoreboard-btn.png">
+      <a class="nav-link">
+        <mat-icon svgIcon="stats-scoreboard"></mat-icon>
         {{'stats.scoreboard.tab.scoreboard' | translate}}
       </a>
     </li>
     <li class="nav-item" [ngClass]="{active :tab === 1}" (click)="switchTab(1)">
-      <a class="nav-link"><img src="../../../assets/fraction-btn.png">
+      <a class="nav-link">
+        <mat-icon svgIcon="stats-fraction"></mat-icon>
         {{'stats.scoreboard.tab.fractions' | translate}}
       </a>
     </li>
     <li class="nav-item" [ngClass]="{active :tab === 2, deactivated :tab !== 2} ">
-      <a class="nav-link"><img src="../../../assets/player-stats-btn.png">
+      <a class="nav-link">
+        <mat-icon svgIcon="stats-player"></mat-icon>
         {{'stats.scoreboard.tab.player' | translate}}
       </a>
     </li>

static/src/assets/icon/stats/fraction-btn.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1.1667in" height="1.1528in" version="1.1" viewBox="0 0 84 83" xmlns="http://www.w3.org/2000/svg">
+ <path id="Path" d="m34.5 34.88s-30.5 5.68-30.5 5.68l28.94-8.68s9.5-30 9.62-30c0.13 0-0.06 39.62-0.06 39.62l-5.81-4.81-2.19-1.81zm9.44-23.07 0.06 13.94 12.06 6.63s12.25-6.5 12.25-6.5l-0.12-14.07-11.75-7.56-12.5 7.56zm26.12 17.75c0.06 0 11.69 7.44 11.69 7.44s0 13.31-0.06 13.25c-0.07-0.06-11.5 6.44-11.5 6.44l-11.94-6.31v-13.94s11.75-6.88 11.81-6.88zm-66.94 13.75s28.94 9.13 28.94 9.13 8.94 26.75 9 26.75-5.56-27.63-5.56-27.63 6.88-8.75 6.88-8.75-39.26 0.5-39.26 0.5zm53.32 10.75s-11.75 6.44-11.75 6.44l-0.19 13.06 11.81 7.44s11.07-6.5 11.07-6.5l0.18-13.5-11.12-6.94zm-44.69-5.18-1.31 0.18s3.62 13.06 8.44 17.82c4.81 4.74 16.87 8.56 16.87 8.56l0.31-1.56s-12.31-4.19-16.62-9.69c-4.32-5.5-7.69-15.31-7.69-15.31zm0.13-13.26-2.19-0.18s2.31-11.32 8.87-16.56c5.94-6.57 18.06-9.19 18.06-9.19l0.5 1.25s-13.74 4.62-17.62 9.75c-5.25 5.06-7.62 14.93-7.62 14.93z" stroke="#000"/>
+</svg>

static/src/assets/icon/stats/player-stats-btn.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="120px" height="160px" version="1.1" viewBox="27 7 76 125" xmlns="http://www.w3.org/2000/svg">
+ <path id="Selection" d="m62.67 15.15s7.49-4.32 10.33-1.15l3.91-0.04v5.08l0.31 1.39-0.52 1.83s-3.87 6.22-3.87 6.22c10.89 3.3 6.97 9.76 12.21 15.87 3.95 4.59 9.9 3.36 9.96 9.65 0 0 2.43 3.09 2.43 3.09l-2.56-0.39-1.17-0.83s-2.18 0.04-2.18 0.04-2.17-0.61-2.17-0.61l-2.44-1.17-2.3 2.09-2.12-0.42-3.29-0.64-1.68-0.33c-2.61 9.05 2.57 14.95 2.57 14.95s2.6 5.59 2.78 8.79c0 0-1.83 9.86-1.83 9.86l2.53 16.14c-0.17 6.44-1.48 11.6-1.48 11.6s1.43 2.45 1.74 5.61c-2.2-0.05-3.41 0.95-5.26-0.3-2.66-1.8-2.71-5.58-3.66-8.35-4.24-12.46-3.69-20.7-3.69-20.7s-1.76-4.53-2.52-8.04c0 0-4.57-6.39-4.57-6.39-2.08 1.9-4.74 5.61-4.74 5.61s-3.61 7.43-3.61 7.43 0.25 9.89 0.22 11.31l-1.26 16.95-6.17 1.74-5.92 0.05s4.41-4.54 4.41-4.54l0.64-1.9s-1.31-2.91-1.31-2.91l-1.13-4.74-1.22-20-1.43-6 2.39-11c1.8-0.6 3.62-3.71 3.62-3.71l0.99-8.37s-2.56-8.72-2.61-11.92v-14c3.74-2.44 7.63-4.61 7.63-4.61s3.78-1.4 7.37-2.39c-2.51-3.58 0.67-9.85 0.67-9.85zm11.33 13.02" stroke="#000"/>
+</svg>

static/src/assets/icon/stats/scoreboard-btn.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1.7778in" height="1.7778in" version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
+ <path d="m67.3 25.65s10.09 1.13 10.87 0.35c0.79-0.78 1.05-1.83 0.44-3.78-0.61-1.96-0.57-2.74 0.43-3.65 1-0.92 3.74-3.74 3.74-3.74s5.61-1.09 6.87-0.7 1.61 0.74 2.96 1.74 2.39 3.87 3.35 3.65c0.95-0.22 1.91-1.48 2.3-2.17 0.39-0.7 3.86-0.47 3.86-0.47l-0.08 7.6-0.1 0.01s-10.64 1.34-10.33 2.16c0.3 0.83-0.22 0.96 1.74 1.05 1.95 0.08 13.65 0.17 13.65 0.17s3.39 1.65 3.43 1.65c0.05 0 5.83 0.35 8.22 0.39 2.39 0.05 6.22 2.83 6.22 2.83s1.87 0.04 1.87 0.04v1.13s-3.96 0.61-3.96 0.61-1.65 2.26-2.43 2.35-6.52 0.13-6.52 0.13-6.48 1.96-6.74 2.43c-0.26 0.48-0.22 5.31-0.22 5.31l-4.91-1.26s-7.22 5.17-7.74 6.52-3.05 6.96-5.92 7.09-6.52-4.26-7.17-3.92c-0.65 0.35-4.04 8.87-4.65 9.26-0.61 0.4-4.09 0.4-4.09 0.4s0.65 4.91 2.04 5c1.4 0.08 17.87 11.39 18.48 12.08 0.61 0.7-0.21 7.87-0.65 10.74-0.43 2.87-0.69 1.87-0.56 5.22s-1.61 11.22-1.35 12.13 2.13 2.04 2.43 2.13c0.31 0.09 4.48 1.52 6.31 2.13 1.82 0.61 3.17 1.74 2.56 2.74s-1.35 2.35-3.69 2.78c-2.35 0.44-8.66 0.7-8.66 0.7s-0.56 0.74-0.56 0.74-5.44-0.09-5.44-0.09-1.69-1.39-1.65-3.39c0.05-2 0.13-4.91-0.43-6.17-0.57-1.27-1.65-4.57-1.65-5.74 0-1.18-0.22-12.53-0.22-12.53s1.78-5.78 0.69-5.95c-1.08-0.18-6.17-0.44-6.17-0.44s0.52 10.7-0.04 13.57c-0.57 2.87-4.05 7.3-5.18 8.48-1.13 1.17-0.39 2.91-0.39 2.91s-2.52 4.04-2.91 4.52-1.05 1.83-0.83 2.7 2.18 4.78 2.09 5.52-0.44 1.82-0.44 1.82-4.91 0.05-4.91 0.05-4.13-1.31-4.35-2.05c-0.21-0.73-0.04-4.86-0.04-4.86l-0.17-5.44-0.48-6.87s0.39-3.78 1.35-5.48c0.95-1.69 4.52-4.21 3.56-5.91s-3.13-7.65-3.13-7.65-6.52-19.35-6.7-20.61c-0.17-1.26-0.91-5.7 0.61-7.26 1.52-1.57 3.83-8.52 3.83-8.52l8.09-20.57 3.47-3.61zm-40.26-17.78s2.09 0.09 2.09 0.09 0.35 2.56 1.3 2.69c0.96 0.13 5.44-4.13 6.61-4.04 1.18 0.09 2.92-0.09 3.74 0.13 0.83 0.22 3.09 2.17 3.26 2.61 0.18 0.43 0.74 1.95 0.74 2.65s-0.87 1.65-0.43 2.57c0.43 0.91 0.87 1.43 1.48 1.47 0.6 0.05 4.21 0.74 5.21 0.7s4.48 1.96 4.66 2.04c0.17 0.09 3.91 6.48 4.04 8.22s-1.22 4.91-1.13 4.96c0.09 0.04-6.96 20.65-7.52 21.3-0.57 0.65-4.96 4.61-5.05 6.52-0.08 1.92-0.04 4.92-0.04 4.92s6.3 17.04 6.74 17.95c0.43 0.92 1.91 6.61 1.69 7.05-0.21 0.43-0.56 2.04-0.56 2.04l-7.3-0.17s0.65-1.66 0.78-1.87c0.13-0.22 1.13-7.05 1.13-7.05s-2.78-13.82-3.61-12.78-1.3 1.78-1.3 1.78 2.21 5.92 2.21 6.05-0.35 18.69-0.91 18.91c-0.57 0.22-14.7 0.3-14.7 0.3s-1.04-1.95-0.04-2.04 5 0.35 5.35-0.09c0.35-0.43 1.82-1.74 1.61-3.3-0.22-1.57-1.61-10.05-1.52-10.87 0.08-0.83-3.05-10.04-2.48-11.31 0.56-1.26 9.82-19.21 9.87-19.73 0.04-0.53-0.05-6.18-0.05-6.18s-2.82-2.22-3.87-2.22c-1.04 0-12.04-1.08-12.3-1.08s-8.13 1.21-8.13 1.21-5 3.61-4.74 2.22 1.39-4.87 2.22-5.65c0.82-0.78 9.52-7.04 9.52-7.04s12.65-6.48 12.35-8.09c-0.31-1.61-0.79-2.74-1.92-3.52-1.13-0.79-1.98-0.66-1.98-0.75s-3.54-3.99-3.54-3.99l-1.43 0.61-1.96-0.18-0.09-7.04z" stroke="#000"/>
+</svg>