hardi
/
opt-cc
1
0
Fork 0
Code Pull Requests Releases 47 Activity

Add new router outlet setup and add root setup for new statistics page

pull/43/head
Florian Hartwich 2018-07-29 20:59:09 +02:00
parent e8319d351f
commit b1cd7a9c19
33 changed files with 1379 additions and 252 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/src/app/app.component.html
View File

@ -105,20 +105,18 @@
</div> </div>
<div> <div>
<!--<button mat-icon-button-->
<!--class="sidebar-toggle-btn"-->
<!--(click)="toggleSidebar()"-->
<!--*ngIf="showSidebarToggleBtn">-->
<!--<mat-icon svgIcon="chevron-left" *ngIf="sidebarOpen">-->
<!--</mat-icon>-->
<!--<mat-icon svgIcon="chevron-right" *ngIf="!sidebarOpen">-->
<!--</mat-icon>-->
<!--</button>-->
<div> <router-outlet></router-outlet>
<router-outlet></router-outlet>
<div style="max-width:18%">
<router-outlet name="left"></router-outlet>
</div> </div>
<div id="right">
<router-outlet name="right"></router-outlet>
</div>
<span *ngIf="loading" class="load-indicator load-arrow glyphicon-refresh-animate"></span> <span *ngIf="loading" class="load-indicator load-arrow glyphicon-refresh-animate"></span>
<button mat-icon-button <button mat-icon-button

27
static/src/app/app.component.ts
View File

@ -22,10 +22,6 @@ export class AppComponent implements OnInit {
loading = false; loading = false;
sidebarOpen = true;
showSidebarToggleBtn = false;
scrollTopVisible = false; scrollTopVisible = false;
scrollBtnVisibleVal = 100; scrollBtnVisibleVal = 100;
@ -44,7 +40,17 @@ export class AppComponent implements OnInit {
'stats-detail': 'round-assessment-24px', 'stats-detail': 'round-assessment-24px',
'chevron-left': 'baseline-chevron_left-24px', 'chevron-left': 'baseline-chevron_left-24px',
'chevron-right': 'baseline-chevron_right-24px', 'chevron-right': 'baseline-chevron_right-24px',
'arrow-up': 'baseline-arrow_upward-24px' 'arrow-up': 'baseline-arrow_upward-24px',
// --------STATISTICS---------
'award': 'stats/award',
'battle': 'stats/battle',
'flagTouch': 'stats/flagTouch',
'friendlyFire': 'stats/friendlyFire',
'highscore': 'stats/highscore',
'kill': 'stats/kill',
'respawn': 'stats/respawn',
'revive': 'stats/respawn',
'stats-chart': 'stats/statsChart',
}; };
version = 'v'.concat(require('./../../../package.json').version); version = 'v'.concat(require('./../../../package.json').version);
@ -74,10 +80,6 @@ export class AppComponent implements OnInit {
this.scrollToTop(); this.scrollToTop();
} }
// show sidebar menu on initial page access
this.sidebarOpen = true;
this.showSidebarToggleBtn = currentUrl.includes('/stats');
// remove sidebar styling for components that are rendered inside, // remove sidebar styling for components that are rendered inside,
// but not really shown as sidebar (legacy) // but not really shown as sidebar (legacy)
if (currentUrl.includes('/login') || if (currentUrl.includes('/login') ||
@ -111,13 +113,6 @@ export class AppComponent implements OnInit {
|| document.documentElement.scrollTop > this.scrollBtnVisibleVal; || document.documentElement.scrollTop > this.scrollBtnVisibleVal;
} }
toggleSidebar() {
this.sidebarOpen = !this.sidebarOpen;
setTimeout(_ => {
window.dispatchEvent(new Event('resize'));
});
}
ngOnInit() { ngOnInit() {
if (this.loginService.hasPermission(2)) { if (this.loginService.hasPermission(2)) {
const fraction = this.loginService.getCurrentUser().squad.fraction; const fraction = this.loginService.getCurrentUser().squad.fraction;

2
static/src/app/app.routing.ts
View File

@ -71,7 +71,7 @@ export const appRoutes: Routes = [
} // always configure this last - first matching route gets processed } // always configure this last - first matching route gets processed
]; ];
export const appRouting = RouterModule.forRoot(appRoutes, { enableTracing: true }); export const appRouting = RouterModule.forRoot(appRoutes);
export const routingComponents = [...armyRoutingComponents, LoginComponent, SignupComponent, NotFoundComponent]; export const routingComponents = [...armyRoutingComponents, LoginComponent, SignupComponent, NotFoundComponent];

14
static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.css
View File

@ -9,14 +9,14 @@
top: 50px; top: 50px;
left: calc(100vw - 45px); left: calc(100vw - 45px);
background: linear-gradient(to right, rgba(255, 255, 255, 0.89), white); background: linear-gradient(to right, rgba(255, 255, 255, 0.89), white);
} }
.scroll-btn-left { .scroll-btn-left {
background: linear-gradient(to right, white, rgba(255, 255, 255, 0.89)); background: linear-gradient(to right, white, rgba(255, 255, 255, 0.89));
} }
.scroll-btn mat-icon { .scroll-btn mat-icon {
height:53px height: 53px
} }
.campaign-horizontal-list { .campaign-horizontal-list {
@ -31,12 +31,18 @@
.campaign-entry { .campaign-entry {
border: 1px solid #dadada; border: 1px solid #dadada;
min-width: 20%; min-width: 120px;
width: 20%;
padding: 15px; padding: 15px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
float:left; float: left;
color: #333333;
}
.active {
background: #e7e7e7;
} }
.campaign-entry:hover { .campaign-entry:hover {

7
static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.html
View File

@ -6,12 +6,15 @@
</div> </div>
<div class="campaign-horizontal-list" #horizontalList> <div class="campaign-horizontal-list" #horizontalList>
<div class="campaign-entry"> <div class="campaign-entry"
[ngClass]="{active : selectedCampaignId === 'all'}"
(click)="select({_id:'all'})">
Ewige Übersicht Ewige Übersicht
</div> </div>
<div class="campaign-entry" <div class="campaign-entry"
*ngFor="let campaign of campaigns" *ngFor="let campaign of campaigns"
(click)="selectCampaign(campaign._id)"> [ngClass]="{active : campaign._id === selectedCampaignId}"
(click)="select(campaign)">
{{campaign.title}} {{campaign.title}}
</div> </div>
</div> </div>

31
static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.ts
View File

@ -1,16 +1,18 @@
import {Component, ElementRef, ViewChild} from '@angular/core'; import {Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} from '@angular/core';
import {CampaignService} from '../../../services/logs/campaign.service';
import {Campaign} from '../../../models/model-interfaces'; import {Campaign} from '../../../models/model-interfaces';
import {ActivatedRoute, Router} from '@angular/router';
@Component({ @Component({
selector: 'campaign-navigation', selector: 'campaign-navigation',
templateUrl: './campaign-navigation.component.html', templateUrl: './campaign-navigation.component.html',
styleUrls: ['./campaign-navigation.component.css'] styleUrls: ['./campaign-navigation.component.css']
}) })
export class CampaignNavigationComponent { export class CampaignNavigationComponent implements OnInit {
campaigns: Campaign[]; @Input() campaigns: Campaign[];
@Input() selectedCampaignId;
@Output() campaignSelect = new EventEmitter();
@ViewChild('horizontalList', {read: ElementRef}) public panel: ElementRef<any>; @ViewChild('horizontalList', {read: ElementRef}) public panel: ElementRef<any>;
@ -20,16 +22,13 @@ export class CampaignNavigationComponent {
repeater; repeater;
constructor(private campaignService: CampaignService, ngOnInit() {
private route: ActivatedRoute, this.isRightScrollVisible = this.campaigns.length > 4;
private router: Router) {
} }
ngOnInit() { select(campaign) {
this.campaignService.getAllCampaigns().subscribe((campaigns) => { this.selectedCampaignId = campaign._id;
this.campaigns = campaigns; this.campaignSelect.emit(campaign);
this.isRightScrollVisible = campaigns.length > 4;
})
} }
public scrollList(scrollValue: number): void { public scrollList(scrollValue: number): void {
@ -53,7 +52,6 @@ export class CampaignNavigationComponent {
this.isLeftScrollVisible = false; this.isLeftScrollVisible = false;
this.clearRepeater(); this.clearRepeater();
} }
} }
setRepeater(value: number) { setRepeater(value: number) {
@ -63,9 +61,4 @@ export class CampaignNavigationComponent {
clearRepeater() { clearRepeater() {
clearInterval(this.repeater) clearInterval(this.repeater)
} }
selectCampaign(campaignId) {
console.log(campaignId)
this.router.navigate([{outlets: {'primary': ['/campaign', campaignId]}}], {relativeTo: this.route});
}
} }

4
static/src/app/statistic/campaign/campaign-player-detail/campaign-player-detail.component.html
View File

@ -1,9 +1,9 @@
<div class="fade-in player-campaign-detail-container" xmlns="http://www.w3.org/1999/html"> <div class="fade-in player-campaign-detail-container" xmlns="http://www.w3.org/1999/html">
<h2 class="pull-left">Kampagnendetails - {{campaignPlayer.name}}</h2> <h2 class="pull-left">Kampagnendetails - {{campaignPlayer.name}}</h2>
<h2 class="pull-right">{{campaignPlayer.campaign.title}} Kampagne</h2>
<button class="btn-back" mat-raised-button (click)="navigateBack()"> <button class="btn-back" mat-raised-button (click)="navigateBack()">
<mat-icon svgIcon="chevron-left"></mat-icon>Zurück <mat-icon svgIcon="chevron-left"></mat-icon>
Zurück
</button> </button>
<div class="sum-container"> <div class="sum-container">

6
static/src/app/statistic/campaign/highscore/highscore.component.css
View File

@ -7,8 +7,8 @@ h2 {
} }
.search-field { .search-field {
width: 30%; width: 40%;
margin: 20px 0 0 10%; margin: 32px 0 0 8%;
} }
.highscore-table-container { .highscore-table-container {
@ -19,7 +19,7 @@ h2 {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
border: solid #dfdfdf 1px; border: solid #dfdfdf 1px;
box-shadow: 3px 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); box-shadow: 3px 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
} }
.highscore-table { .highscore-table {

2
static/src/app/statistic/campaign/highscore/highscore.component.html
View File

@ -1,6 +1,4 @@
<div class="highscore-container fade-in"> <div class="highscore-container fade-in">
<h2>{{title}} ⟶ Highscore</h2>
<div class="input-group search-field"> <div class="input-group search-field">
<input id="search-tasks" <input id="search-tasks"
markForCheck markForCheck

4
static/src/app/statistic/campaign/overview/stats-overview.component.html
View File

@ -1,6 +1,4 @@
<div class="slide-chart-container" style="height: 150px;"> <div class="slide-chart-container" style="height: 100px;padding-top: 20px; margin-top: 10px;">
<h2 style="margin-bottom: 20px">{{title}}</h2>
<div class="btn btn-default" [style.background]="isActiveSlide(0)" <div class="btn btn-default" [style.background]="isActiveSlide(0)"
(click)="goToSlide(0)" *ngIf="id != 'all'">Gesamtpunktzahl (click)="goToSlide(0)" *ngIf="id != 'all'">Gesamtpunktzahl
</div> </div>

21
static/src/app/statistic/stats.component.html
View File

@ -1 +1,22 @@
<campaign-navigation
[campaigns]="campaigns"
[selectedCampaignId]="selectedCampaign._id"
(campaignSelect)="switchCampaign($event)">
</campaign-navigation>
<div *ngIf="selectedCampaign._id !== 'all'"
style="width: 20%; float:left;">
<!--<button mat-icon-button-->
<!--class="sidebar-toggle-btn"-->
<!--(click)="toggleSidebar()"-->
<!--<mat-icon svgIcon="chevron-left" *ngIf="sidebarOpen">-->
<!--</mat-icon>-->
<!--<mat-icon svgIcon="chevron-right" *ngIf="!sidebarOpen">-->
<!--</mat-icon>-->
<!--</button>-->
<war-list
[campaign]="selectedCampaign">
</war-list>
</div>
<router-outlet></router-outlet> <router-outlet></router-outlet>

34
static/src/app/statistic/stats.component.ts
View File

@ -1,11 +1,39 @@
import {Component} from '@angular/core'; import {Component, OnInit} from '@angular/core';
import {Campaign} from '../models/model-interfaces';
import {CampaignService} from '../services/logs/campaign.service';
import {ActivatedRoute, Router} from '@angular/router';
@Component({ @Component({
selector: 'cc-stats', selector: 'cc-stats',
templateUrl: './stats.component.html', templateUrl: './stats.component.html',
styleUrls: ['./stats.component.css'] styleUrls: ['./stats.component.css']
}) })
export class StatisticComponent { export class StatisticComponent implements OnInit {
constructor() {
selectedCampaign: Campaign = {};
campaigns: Campaign[] = [];
constructor(private campaignService: CampaignService,
private router: Router,
private route: ActivatedRoute) {
}
ngOnInit() {
this.campaignService.getAllCampaignsWithWars().subscribe((campaigns) => {
this.campaigns = campaigns;
this.campaignService.campaigns = campaigns;
this.switchCampaign(campaigns[0])
});
}
switchCampaign(campaign) {
this.selectedCampaign = campaign;
if (campaign._id === 'all' || this.router.url.includes('/overview/all')) {
setTimeout(_ => {
window.dispatchEvent(new Event('resize'));
});
}
this.router.navigate([{outlets: {'right': ['overview', campaign._id]}}], {relativeTo: this.route});
} }
} }

10
static/src/app/statistic/stats.module.ts
View File

@ -7,13 +7,17 @@ import {NgxChartsModule} from '@swimlane/ngx-charts';
import {CampaignService} from '../services/logs/campaign.service'; import {CampaignService} from '../services/logs/campaign.service';
import {PlayerService} from '../services/logs/player.service'; import {PlayerService} from '../services/logs/player.service';
import {LogsService} from '../services/logs/logs.service'; import {LogsService} from '../services/logs/logs.service';
import {MatButtonModule, MatButtonToggleModule, MatExpansionModule, MatTableModule, MatSortModule} from '@angular/material'; import {
MatButtonToggleModule,
MatSortModule,
MatTableModule
} from '@angular/material';
@NgModule({ @NgModule({
declarations: statsRoutingComponents, declarations: statsRoutingComponents,
imports: [CommonModule, SharedModule, statsRouterModule, NgxChartsModule, MatButtonModule, MatExpansionModule, imports: [CommonModule, SharedModule, NgxChartsModule, MatButtonToggleModule, MatTableModule, MatSortModule,
MatButtonToggleModule, MatTableModule, MatSortModule], statsRouterModule],
providers: [WarService, CampaignService, PlayerService, LogsService] providers: [WarService, CampaignService, PlayerService, LogsService]
}) })
export class StatsModule { export class StatsModule {

15
static/src/app/statistic/stats.routing.ts
View File

@ -16,19 +16,10 @@ import {LoginGuardMT} from '../login';
import {CampaignNavigationComponent} from './campaign/campaign-navigation/campaign-navigation.component'; import {CampaignNavigationComponent} from './campaign/campaign-navigation/campaign-navigation.component';
export const statsRoutes: Routes = [{ export const statsRoutes: Routes = [
path: '', component: StatisticComponent,
children: [
{
path: '',
component: WarListComponent
}
]
},
{ {
path: 'top', path: '',
component: CampaignNavigationComponent, component: StatisticComponent,
outlet: 'top'
}, },
{ {
path: 'overview/:id', path: 'overview/:id',

5
static/src/app/statistic/war/scoreboard/scoreboard.component.css
View File

@ -1,6 +1,6 @@
.scoreboard-table { .scoreboard-table {
height: 60vh; height: 60vh;
width:fit-content; width: fit-content;
border: 1px solid #dadada; border: 1px solid #dadada;
overflow-x: auto; overflow-x: auto;
margin: 56px auto auto; margin: 56px auto auto;
@ -36,6 +36,7 @@ table.mat-table img {
.mat-column-name { .mat-column-name {
width: 200px; width: 200px;
} }
.mat-column-fraction { .mat-column-fraction {
width: 90px; width: 90px;
} }
@ -52,6 +53,6 @@ td.mat-cell:last-child, td.mat-footer-cell:last-child, th.mat-header-cell:last-c
/* MAT ICON BUTTON */ /* MAT ICON BUTTON */
:host/deep/.mat-table .mat-icon { :host /deep/ .mat-table .mat-icon {
color: #666666; color: #666666;
} }

2
static/src/app/statistic/war/scoreboard/scoreboard.component.ts
View File

@ -3,7 +3,7 @@ import {War} from '../../../models/model-interfaces';
import {Fraction} from '../../../utils/fraction.enum'; import {Fraction} from '../../../utils/fraction.enum';
import {PlayerUtils} from '../../../utils/player-utils'; import {PlayerUtils} from '../../../utils/player-utils';
import {saveAs} from 'file-saver/FileSaver'; import {saveAs} from 'file-saver/FileSaver';
import {MatSort, Sort} from '@angular/material'; import {MatSort} from '@angular/material';
import {SortUtils} from '../../../utils/sort-utils'; import {SortUtils} from '../../../utils/sort-utils';
@Component({ @Component({

3
static/src/app/statistic/war/war-header/war-header.component.css
View File

@ -1,6 +1,7 @@
.war-header-container { .war-header-container {
width: 920px; width: 920px;
min-height: 168px; min-height: 165px;
padding-top: 12px;
margin: auto; margin: auto;
} }

1
static/src/app/statistic/war/war-header/war-header.component.html
View File

@ -1,6 +1,5 @@
<div *ngIf="war" class="war-header fade-in" xmlns="http://www.w3.org/1999/html"> <div *ngIf="war" class="war-header fade-in" xmlns="http://www.w3.org/1999/html">
<div class="war-header-container"> <div class="war-header-container">
<h3>{{war.title}} - vom {{war.date | date: 'dd.MM.yyyy'}}</h3>
<div class="pull-left head-field" style="width: 250px"> <div class="pull-left head-field" style="width: 250px">
<h4>Endpunktestand:</h4> <h4>Endpunktestand:</h4>
<span [style.color]="fraction.COLOR_BLUFOR" style="font-weight: bold; margin-right: 10px">{{fraction.BLUFOR}} {{war.ptBlufor}}</span> <span [style.color]="fraction.COLOR_BLUFOR" style="font-weight: bold; margin-right: 10px">{{fraction.BLUFOR}} {{war.ptBlufor}}</span>

42
static/src/app/statistic/war/war-list/war-item.component.css
View File

@ -0,0 +1,42 @@
.war-item {
cursor: pointer;
border-right: 1px solid #dadada;
}
.war-item-box {
padding-top: 15px;
}
.war-title {
font-size: 16px;
color: #333333;
}
.war-detail {
font-size: 12px;
text-indent: 20px;
color: #666666;
}
.select-indicator-battle {
display: none;
width: 30px;
height: 30px;
position: absolute;
left: calc(100% - 14px);
background: -moz-linear-gradient(45deg, white 50%, transparent 50%);
background: -webkit-linear-gradient(45deg, white 50%, transparent 50%);
background: linear-gradient(45deg, white 50%, transparent 50%);
cursor: default;
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.selected div.select-indicator-battle {
display: block !important;
}

47
static/src/app/statistic/war/war-list/war-item.component.html
View File

@ -1,28 +1,27 @@
<div class="fade-in list-entry" [ngClass]="{selected : selected}" (click)="select()"> <div class='war-item' [ngClass]="{selected : selected}" (click)="select()">
<div class="war-item-box">
<div class="row"> <div style="position:relative; z-index:10;">
<div [ngClass]="[loginService.hasPermission(3) ? 'col-xs-10' : 'col-xs-11']"> <div class="select-indicator-battle"></div>
<span> </div>
<a>{{war.title}}</a> <span class="war-title">
◦ {{war.title}}
</span> </span>
<br> <div class="war-detail">vom {{war.date | date: 'dd.MM.yyyy'}}</div>
<small>vom {{war.date | date: 'dd.MM.yyyy'}}</small> </div>
</div>
<div *ngIf="loginService.hasPermission(3)" <div *ngIf="loginService.hasPermission(3)"
class="interact-ico-container"> class="interact-ico-container">
<button mat-icon-button <button mat-icon-button
class="add-btn" class="add-btn"
matTooltip="Bearbeiten" matTooltip="Bearbeiten"
(click)="edit(); $event.stopPropagation()"> (click)="edit(); $event.stopPropagation()">
<mat-icon svgIcon="edit"></mat-icon> <mat-icon svgIcon="edit"></mat-icon>
</button> </button>
<button mat-icon-button <button mat-icon-button
class="add-btn" class="add-btn"
matTooltip="Löschen" matTooltip="Löschen"
(click)="delete(); $event.stopPropagation()"> (click)="delete(); $event.stopPropagation()">
<mat-icon svgIcon="delete"></mat-icon> <mat-icon svgIcon="delete"></mat-icon>
</button> </button>
</div>
</div> </div>
</div> </div>

2
static/src/app/statistic/war/war-list/war-item.component.ts
View File

@ -5,7 +5,7 @@ import {LoginService} from '../../../services/app-user-service/login-service';
@Component({ @Component({
selector: 'cc-war-item', selector: 'cc-war-item',
templateUrl: './war-item.component.html', templateUrl: './war-item.component.html',
styleUrls: ['./war-item.component.css', '../../../style/list-entry.css'], styleUrls: ['./war-item.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush changeDetection: ChangeDetectionStrategy.OnPush
}) })
export class WarItemComponent implements OnInit { export class WarItemComponent implements OnInit {

138
static/src/app/statistic/war/war-list/war-list.component.css
View File

@ -1,71 +1,58 @@
.select-list { .list-header {
min-height: calc(100vh - 50px); border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada;
padding: 25px;
font-size: 16px;
text-transform: uppercase;
color: #333333;
cursor: pointer;
}
.mat-icon {
color: #666666;
vertical-align: middle;
margin-right: 5px;
}
.select-indicator {
display: none;
width: 30px;
height: 30px;
position: absolute;
left: calc(20% - 15px);
background: -moz-linear-gradient(45deg, white 50%, transparent 50%);
background: -webkit-linear-gradient(45deg, white 50%, transparent 50%);
background: linear-gradient(45deg, white 50%, transparent 50%);
cursor: default;
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.battle-list {
max-height: calc(100vh - 353px);
padding-left: 5px;
margin-left: 10%;
overflow-y: auto;
overflow-x: hidden;
direction: rtl;
}
.battle-list * {
direction: ltr;
}
.selected > div.select-indicator {
display: block !important;
} }
.war-list-header { .war-list-header {
margin: auto; margin: auto;
} border-right: 1px solid #dadada;
span > a {
font-weight: 600 !important;
}
mat-expansion-panel {
border: 1px solid #7d7d7d;
}
mat-panel-title {
font-size: 18px;
color: #ffffff;
}
mat-expansion-panel-header {
height: auto;
padding: 30px 15px;
background-color: #4e4e4e;
}
mat-expansion-panel-header.mat-expansion-panel-header:hover {
background: #222222 !important;
}
mat-expansion-panel-header.mat-expansion-panel-header:focus {
background-color: #4e4e4e;
}
.select-list > div:last-child {
margin: 20px 0;
}
.top-list-entry {
display: flex;
margin: 0 0 6px 0;
}
.top-list-entry > div {
width: 50%;
float: left;
}
.war-interaction-panel {
display: contents;
}
.war-interaction-panel > span {
color: rgba(255, 255, 255, 0.64);
padding: 0 3px;
}
:host /deep/ .mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.64);
}
.select-list > mat-accordion:first-child .mat-expansion-panel {
border-radius: 6px 6px 0 0;
}
.select-list > mat-accordion:first-child .mat-expansion-panel-header {
border-radius: 4px 4px 0 0;
} }
.stats-add-btn { .stats-add-btn {
@ -75,3 +62,26 @@ mat-expansion-panel-header.mat-expansion-panel-header:focus {
margin: 0 10px 10px 10px; margin: 0 10px 10px 10px;
width: 95%; width: 95%;
} }
.fill-vertical-border {
width: 20%;
position: fixed;
border-right: 1px solid #dadada;
height: 100vh;
}
/* Table Scrollbar BEGIN */
.battle-list::-webkit-scrollbar {
width: 12px;
}
.battle-list::-webkit-scrollbar-track {
border-left: 1px solid #f1f1f1;
}
.battle-list::-webkit-scrollbar-thumb {
background: rgb(234, 234, 234);
}
/* Table Scrollbar END */

114
static/src/app/statistic/war/war-list/war-list.component.html
View File

@ -1,74 +1,42 @@
<div class="select-list"> <div class="input-group war-list-header" *ngIf="loginService.hasPermission(3)">
<div class="input-group war-list-header" *ngIf="loginService.hasPermission(3)"> <button mat-stroked-button class="stats-add-btn" (click)="selectNewWar()">
<button mat-stroked-button class="stats-add-btn" (click)="selectNewWar()"> Schlacht hinzufügen
Schlacht hinzufügen </button>
</button> <button mat-stroked-button class="stats-add-btn" (click)="selectNewCampaign()">
<button mat-stroked-button class="stats-add-btn" (click)="selectNewCampaign()"> Kampagne hinzufügen
Kampagne hinzufügen </button>
</button>
</div>
<mat-accordion *ngFor="let campaign of campaigns; let isFirstRow=first">
<mat-expansion-panel [expanded]="isFirstRow">
<mat-expansion-panel-header>
<mat-panel-title>
{{campaign.title}}
</mat-panel-title>
<mat-panel-description class="war-interaction-panel" *ngIf="loginService.hasPermission(3)">
<button mat-icon-button
class="add-btn"
matTooltip="Bearbeiten"
(click)="editCampaign(campaign); $event.stopPropagation()">
<mat-icon svgIcon="edit"></mat-icon>
</button>
<button mat-icon-button
class="add-btn"
matTooltip="Löschen"
(click)="deleteCampaign(campaign); $event.stopPropagation()">
<mat-icon svgIcon="delete"></mat-icon>
</button>
</mat-panel-description>
</mat-expansion-panel-header>
<div class="top-list-entry">
<div class="fade-in list-entry"
[ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
<div>
<span>
<a>Übersicht</a>
</span>
</div>
</div>
<div class="fade-in list-entry"
[ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
<div>
<span>
<a>Highscore</a>
</span>
</div>
</div>
</div>
<div *ngFor="let war of campaign.wars">
<cc-war-item
[war]="war"
(warEdit)="editWar($event)"
(warDelete)="deleteWar(war)"
(warSelected)="selectWar($event)"
[selected]="war._id == selectedWarId">
</cc-war-item>
</div>
</mat-expansion-panel>
</mat-accordion>
<div class="fade-in list-entry"
style="background: white"
[ngClass]="{selected : selectedWarId == 'all'}" (click)="selectOverview('all')">
<div class="row">
<div class="col-xs-9">
<span>
<a>Gesamtübersicht</a>
</span>
</div>
</div>
</div>
</div> </div>
<div class="list-header"
[ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
<div class="select-indicator"></div>
<mat-icon svgIcon="stats-chart"></mat-icon>
Übersicht
</div>
<div class="list-header"
[ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
<div class="select-indicator"></div>
<mat-icon svgIcon="highscore"></mat-icon>
Highscore
</div>
<div class="list-header" style="cursor: default; border-bottom: 1px solid #f1f1f1;">
<mat-icon svgIcon="battle"></mat-icon>
Schlachten
</div>
<div class="battle-list">
<div *ngFor="let war of campaign.wars">
<cc-war-item
[war]="war"
(warEdit)="editWar($event)"
(warDelete)="deleteWar(war)"
(warSelected)="selectWar($event)"
[selected]="war._id == selectedWarId">
</cc-war-item>
</div>
</div>
<div class="fill-vertical-border"></div>

17
static/src/app/statistic/war/war-list/war-list.component.ts
View File

@ -1,4 +1,4 @@
import {Component, OnInit} from '@angular/core'; import {Component, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router'; import {ActivatedRoute, Router} from '@angular/router';
import {Campaign, War} from '../../../models/model-interfaces'; import {Campaign, War} from '../../../models/model-interfaces';
import {WarService} from '../../../services/logs/war.service'; import {WarService} from '../../../services/logs/war.service';
@ -9,9 +9,11 @@ import {RouteConfig} from '../../../app.config';
@Component({ @Component({
selector: 'war-list', selector: 'war-list',
templateUrl: './war-list.component.html', templateUrl: './war-list.component.html',
styleUrls: ['./war-list.component.css', '../../../style/list-entry.css', '../../../style/select-list.css'] styleUrls: ['./war-list.component.css']
}) })
export class WarListComponent implements OnInit { export class WarListComponent implements OnInit, OnChanges {
@Input() campaign: Campaign;
selectedWarId: string | number; selectedWarId: string | number;
@ -26,6 +28,10 @@ export class WarListComponent implements OnInit {
private route: ActivatedRoute) { private route: ActivatedRoute) {
} }
ngOnChanges(changes: SimpleChanges) {
this.selectedWarId = this.campaign._id;
}
ngOnInit() { ngOnInit() {
this.campaignService.getAllCampaignsWithWars().subscribe((items) => { this.campaignService.getAllCampaignsWithWars().subscribe((items) => {
const subPathWar = 'war/'; const subPathWar = 'war/';
@ -35,7 +41,7 @@ export class WarListComponent implements OnInit {
const url = this.router.url; const url = this.router.url;
if (url.endsWith(RouteConfig.statsPath)) { if (url.endsWith(RouteConfig.statsPath)) {
this.selectOverview(this.campaigns[0]._id); this.selectOverview(this.campaign._id);
} else if (url.indexOf(subPathWar) !== -1) { } else if (url.indexOf(subPathWar) !== -1) {
this.selectedWarId = url.substring(url.lastIndexOf(subPathWar) + subPathWar.length, url.lastIndexOf(')')); this.selectedWarId = url.substring(url.lastIndexOf(subPathWar) + subPathWar.length, url.lastIndexOf(')'));
} else if (url.indexOf(subPathOverview) !== -1) { } else if (url.indexOf(subPathOverview) !== -1) {
@ -59,6 +65,9 @@ export class WarListComponent implements OnInit {
selectOverview(campaignId) { selectOverview(campaignId) {
if (this.selectedWarId !== campaignId) { if (this.selectedWarId !== campaignId) {
this.selectedWarId = campaignId; this.selectedWarId = campaignId;
setTimeout(_ => {
window.dispatchEvent(new Event('resize'));
});
this.router.navigate([{outlets: {'right': ['overview', campaignId]}}], {relativeTo: this.route}); this.router.navigate([{outlets: {'right': ['overview', campaignId]}}], {relativeTo: this.route});
} }
} }

12
static/src/assets/icon/stats/award.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 77 100" style="enable-background:new 0 0 77 100;" xml:space="preserve">
<g>
<path d="M74.4,0H2.8C1.3,0,0,1.2,0,2.7v75c0,1,0.6,1.9,1.5,2.4l35.8,19.6c0.4,0.2,0.9,0.3,1.3,0.3c0.4,0,0.9-0.1,1.3-0.3l35.8-19.6
c0.9-0.5,1.3-1.4,1.3-2.4v-75C77,1.2,75.9,0,74.4,0z M71.6,76.1L38.5,94.2L5.4,76.1V5.4h66.3V76.1z"/>
<polygon points="60.9,70.3 60.9,57.7 38.5,69.5 16.1,57.7 16.1,70.3 38.5,82.5 "/>
<polygon points="60.9,51.6 60.9,39 38.5,50.7 16.1,39 16.1,51.6 38.5,63.8 "/>
<polygon points="29.8,38.9 38.8,32.4 47.8,38.9 44.3,28.4 53.3,21.9 42.2,21.9 38.8,11.3 35.4,21.9 24.2,21.9 33.2,28.4 "/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 889 B

26
static/src/assets/icon/stats/battle.svg Normal file
View File

@ -0,0 +1,26 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<g>
<path d="M31.5,20.5c6.6-5.6,12.3-12.3,16.8-19.9c0.1-0.2,0.1-0.4-0.1-0.5c-0.1-0.1-0.3-0.1-0.5,0c-1.6,1.2-4,3-6.5,4.2
c-3.2,1.6-6.6,2.3-8.3,2.5c-0.7,0.1-1.4,0.5-1.8,1.2c-0.9,1.3-2.5,3.9-4.6,6.7c1,1.3,2,2.6,3.2,3.8C30.3,19.2,30.9,19.8,31.5,20.5
L31.5,20.5z"/>
<path d="M18.8,23.9c-2.8,3.1-4.8,5.2-6,6.4l-0.5-0.5c-0.6-0.7-1.7-0.7-2.3,0c-0.6,0.7-0.6,1.7,0,2.4l0.2,0.2
c-0.6-0.1-1.2,0.1-1.6,0.6c-0.5,0.5-0.7,1.3-0.5,2c-0.7-0.2-1.4,0-1.9,0.5c-0.5,0.5-0.7,1.3-0.5,2c-0.7-0.2-1.4,0-1.9,0.5
c-0.5,0.5-0.7,1.2-0.6,1.8l-0.3-0.3c-0.6-0.7-1.7-0.7-2.3,0c-0.6,0.7-0.6,1.7,0,2.4L7.3,49c0.3,0.3,0.6,0.4,1,0.5l3.8,0.4
c0.1,0,0.1,0,0.2,0c0.8,0,1.5-0.6,1.6-1.5c0.1-0.9-0.5-1.8-1.4-1.9l-3.2-0.4l-2.3-2.4c0.1,0,0.2,0,0.4,0c0.5,0,1-0.2,1.4-0.6
c0.5-0.5,0.7-1.3,0.5-2c0.2,0,0.3,0.1,0.5,0.1c0.5,0,1-0.2,1.4-0.6c0.5-0.5,0.7-1.3,0.5-2c0.2,0,0.3,0.1,0.5,0.1
c0.5,0,1-0.2,1.4-0.6c0.4-0.5,0.6-1.1,0.6-1.7l0.5,0.5l0.4,3.3c0.1,0.9,0.8,1.5,1.6,1.5c0.1,0,0.1,0,0.2,0c0.9-0.1,1.5-0.9,1.4-1.9
L17.9,36c0-0.4-0.2-0.7-0.5-1l-1-1l6.7-6.9C21.6,26.1,20.2,25,18.8,23.9L18.8,23.9z"/>
<path d="M49.5,39.6c-0.6-0.7-1.7-0.7-2.3,0l-0.3,0.3c0.1-0.7-0.1-1.3-0.6-1.8c-0.5-0.5-1.3-0.7-1.9-0.5c0.2-0.7,0-1.5-0.5-2
c-0.5-0.5-1.3-0.7-1.9-0.5c0.2-0.7,0-1.5-0.5-2c-0.2-0.2-0.4-0.3-0.6-0.4c-0.3-0.1-0.7-0.2-1-0.2l0.2-0.2c0.6-0.7,0.6-1.7,0-2.4
c-0.6-0.7-1.7-0.7-2.3,0l-0.5,0.5c-1.6-1.6-4.7-4.9-9.3-10c-4.2-4.7-7.7-10.1-9.1-12.2c-0.4-0.6-1.1-1.1-1.8-1.2
c-1.7-0.2-5.1-0.9-8.3-2.5C6.2,3,3.8,1.2,2.2,0C2.2,0,2.1,0,2,0C1.9,0,1.8,0,1.8,0.1C1.6,0.2,1.6,0.4,1.7,0.6
c5.9,10,13.9,18.5,23.4,24.8l0.4,0.3l8,8.3l-1,1c-0.3,0.3-0.4,0.6-0.5,1l0,0.1l-0.4,3.8c-0.1,0.9,0.5,1.8,1.4,1.9
c0.1,0,0.1,0,0.2,0c0.8,0,1.5-0.6,1.6-1.5l0.2-2l0.8-0.8c0.1,0.2,0.2,0.5,0.4,0.7c0.4,0.4,0.9,0.6,1.4,0.6c0.2,0,0.3,0,0.5-0.1
c-0.2,0.7,0,1.5,0.5,2c0.4,0.4,0.9,0.6,1.4,0.6c0.2,0,0.3,0,0.5-0.1c-0.2,0.7,0,1.5,0.5,2c0.4,0.4,0.9,0.6,1.4,0.6
c0.1,0,0.2,0,0.4,0l-2.3,2.4l-3.2,0.4c-0.9,0.1-1.5,0.9-1.4,1.9c0.1,0.9,0.8,1.5,1.6,1.5c0.1,0,0.1,0,0.2,0l3.8-0.4
c0.4,0,0.7-0.2,1-0.5l6.9-7.1C50.2,41.3,50.2,40.2,49.5,39.6L49.5,39.6z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

196
static/src/assets/icon/stats/flagTouch.svg Normal file
View File

@ -0,0 +1,196 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 83.8 100" style="enable-background:new 0 0 83.8 100;" xml:space="preserve">
<style type="text/css">
.st0{display:none;}
.st1{display:inline;}
.st2{display:inline;fill:#010002;}
.st3{stroke:#FFFFFF;stroke-width:9;stroke-miterlimit:10;}
.st4{display:inline;fill:#222222;}
.st5{fill:#FFFFFF;}
.st6{display:inline;fill:#FCFCFC;}
</style>
<g id="Capa_1" class="st0">
<polygon class="st1" points="187.9,27.1 145.9,27.1 -161.1,27.1 -161.1,65.1 145.9,65.1 187.9,65.1 255.9,65.1 255.9,27.1 "/>
<polygon class="st1" points="27.6,-89.4 27.6,-47.4 27.6,259.6 65.6,259.6 65.6,-47.4 65.6,-89.4 65.6,-157.4 27.6,-157.4 "/>
<path class="st2" d="M46.6-162.4c-115.2,0-208.5,93.3-208.5,208.5s93.3,208.5,208.5,208.5s208.5-93.3,208.5-208.5
S161.7-162.4,46.6-162.4z M46.6,216.1c-93.9,0-170-76.1-170-170s76.1-170,170-170s170,76.1,170,170S140.4,216.1,46.6,216.1z"/>
<rect x="9.7" y="-193.9" class="st2" width="73.7" height="60.3"/>
<rect x="9.7" y="234.6" class="st2" width="73.7" height="60.3"/>
<rect x="-204" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -213.2508 -121.1083)" class="st2" width="73.7" height="60.3"/>
<rect x="224.4" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 215.2142 307.3567)" class="st2" width="73.7" height="60.3"/>
</g>
<g id="Capa_3" class="st0">
<rect x="310.9" y="-192.9" style="display:inline;fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1.7 310.882 -169.3731)" class="st1" style="font-family:'CharlieBrownM54'; font-size:36px;">F</text>
<rect x="427.9" y="-157.4" style="display:inline;fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1 427.882 -121.3575)" class="st1" style="font-family:'Copy0865'; font-size:36px;">F</text>
<g class="st1">
<g>
<path d="M81.7,122.4H57.9V8.4c0-9.3,2.2-16.7,6.5-22.3c4.2-5.5,9.6-8.2,16-8.2h68.6v32.7H81.7v16.8h59.7v31H81.7V122.4z"/>
</g>
<g>
<path d="M-18.4,122.4h-23.9V8.4c0-9.3,2.2-16.7,6.5-22.3c4.2-5.5,9.6-8.2,16-8.2h68.6v32.7h-67.2v16.8h59.7v31h-59.7V122.4z"/>
</g>
</g>
<polygon class="st1" points="-85.4,27.1 -95.5,27.1 -169.1,27.1 -169.1,65.1 -95.5,65.1 -85.4,65.1 -69.1,65.1 -69.1,27.1 "/>
<polygon class="st1" points="247.6,27.1 237.5,27.1 163.9,27.1 163.9,65.1 237.5,65.1 247.6,65.1 263.9,65.1 263.9,27.1 "/>
<polygon class="st1" points="26.9,166.4 26.9,176.5 26.9,250.1 64.9,250.1 64.9,176.5 64.9,166.4 64.9,150.1 26.9,150.1 "/>
<polygon class="st1" points="26.9,-141.6 26.9,-131.6 26.9,-57.9 64.9,-57.9 64.9,-131.6 64.9,-141.6 64.9,-157.9 26.9,-157.9 "/>
<path class="st2" d="M46.6-162.4c-115.2,0-208.5,93.3-208.5,208.5s93.3,208.5,208.5,208.5s208.5-93.3,208.5-208.5
S161.7-162.4,46.6-162.4z M46.6,216.1c-93.9,0-170-76.1-170-170s76.1-170,170-170s170,76.1,170,170S140.4,216.1,46.6,216.1z"/>
<rect x="9.7" y="-193.9" class="st2" width="73.7" height="60.3"/>
<rect x="9.7" y="234.6" class="st2" width="73.7" height="60.3"/>
<rect x="-204" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -213.2508 -121.1083)" class="st2" width="73.7" height="60.3"/>
<rect x="224.4" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 215.2142 307.3567)" class="st2" width="73.7" height="60.3"/>
</g>
<g id="Capa_2" class="st0">
<g class="st1">
<g>
<path class="st3" d="M252.9,55.9c-1.2,8.4-1.2,16.8-2.5,25.2c-5.2,32.8-17.4,62.6-37.7,88.9c-29.5,38.3-67.8,63-114.9,73.8
c-19.9,4.5-40,5.4-60.4,3.7c-24.8-2.1-48.3-8.5-70.6-19.3c-14.8-7.2-28.4-16.4-41-27.1c-17-14.5-31.1-31.3-42.3-50.6
c-11.7-20-19.7-41.4-23.8-64.1c-1.9-10.3,0.9-13.9,11.2-15.9c8.3-1.6,16.5-3.6,25-3.8c6.8-0.2,9.8,2.1,11.2,8.9
c2.9,13.9,6.6,27.5,13.1,40.1c23,44.9,59.2,72.9,108.9,81.8c44.5,8,84.7-3.1,119.9-31.5c29.3-23.6,47.1-54.4,53.3-91.3
c7.1-42.4-3.2-81.1-29.1-115.3c-23.9-31.5-55.9-50.3-94.7-56.7c-40.3-6.6-77.3,2.4-110.8,26.2c-9,6.4-16.7,14.1-25.5,22.8
c7.5-1.2,13.7-2.2,19.9-3.3c8.3-1.5,16.6-3.1,24.9-4.5c8.3-1.4,12.7,1.4,14.5,9.6c1.8,8.1,3.4,16.2,4.6,24.4
C7.2-14.5,3.2-9.7-3.5-8.6C-31.8-3.9-60,1.2-88.2,6.3c-9.9,1.8-19.9,3.5-29.8,5.5c-7.9,1.6-14.7-0.2-16.6-11.3
c-6.3-36.9-13-73.7-19.6-110.6c0-4,0-8,0-12c2.3-3.3,5.3-5.3,9.3-6c7.8-1.4,15.6-3,23.5-4.2c8.6-1.3,13,2,14.7,10.7
c1,5.4,1.9,10.7,2.9,16.1c1.7,9.6,3.5,19.2,4.9,27.3c2.2-1.7,4.9-3.4,7.3-5.5c2.4-2.1,4.5-4.4,6.7-6.7c21.9-22.7,48.3-38,78-48
c13.2-4.4,26.9-6.9,40.7-8.7c13.7,0,27.3,0,41,0c16.8,2.1,33.2,5.6,49.2,11.5c23.8,8.8,45.1,21.8,63.9,38.7
c14.2,12.9,26.3,27.6,36.3,44.1c13.3,22,21.9,45.6,26.1,71c1.4,8.5,1.4,17.2,2.6,25.7C252.9,47.9,252.9,51.9,252.9,55.9z"/>
</g>
</g>
</g>
<g id="Capa_5">
<g>
<g>
<path d="M13.1,51.8c-3-11.5-6.3-22.9-9.4-34.4c-0.5-2.1-1.9-3.4-3.2-4.8c-1.2-1.2-0.4-5.9,0.8-9.9c1.7-0.1,6.5,7.4,6.1,8.7
c-0.6,2.1-0.4,3.9,0.2,6c0.7-2.8,0.7-3.9,2-5.6C15.5,4,23.2,0.3,32.9,0C41-0.2,37,1.5,45,2.7c8.3,1.2,16.6,0.2,24.8-2.4
c1.3-0.4,1.8,0.2,2.2,1.4c2.3,8.2,4.5,18.4,6.8,26.6c1.5,5.5,3,7.6,4.5,13.1c0.9,3.1,0.8,3.4-2.4,4.2c-4.9,1.2-9.9,1.3-15,0.9
c-10.2-0.8-8.3-3.7-18.6-3.7c-6.3,0-32.8,2.8-25.7,24.3c2.7,9.7,6.3,22.7,8.9,32.4c0.3,1-3.6,0.7-4.2-1.2
c-3.1-11.1-7.1-25.6-10.1-36.7c-0.1-0.3-0.2-0.5-0.4-1"/>
</g>
</g>
</g>
<g id="Capa_6" class="st0">
<path class="st2" d="M94.4,83.1l11.3-21.2h20.1v-6.5h-22.1c-1.2,0-2.3,0.7-2.9,1.7l-8.6,16.3l-9.8-28.5c-0.5-1.3-1.6-2.2-3-2.2
c-1.4,0-2.6,0.7-3.1,2l-8,18.9L58.1,2.7c-0.3-1.5-1.8-2.7-3.2-2.7c-1.8,0-3,1.1-3.2,2.6l-9.4,74.2l-8.5-44.2
c-0.3-1.4-1.4-2.4-2.8-2.6c-1.4-0.2-2.8,0.6-3.4,1.8L16.3,55.4H0v6.5h18.4c1.2,0,2.4-0.7,3-1.9l7.9-16.4l10.3,53.7
c0.3,1.5,1.7,2.7,3.2,2.7h0.1c1.6,0,2.9-1.2,3.1-2.8l9.4-74l8.5,52.3c0.3,1.4,1.4,2.5,2.8,2.6c1.5,0.2,2.8-0.6,3.4-2l8.9-21
l9.4,27.5c0.4,1.2,1.6,2.1,2.8,2.2C92.6,84.9,93.8,84.2,94.4,83.1z"/>
</g>
<g id="Capa_4" class="st0">
<image style="display:inline;overflow:visible;" width="1022" height="139" xlink:href="F2382C46.jpg" transform="matrix(1 0 0 1 -794.1179 -358.8575)">
</image>
<rect x="-463.8" y="-295.8" class="st4" width="104.7" height="37"/>
<rect x="-470.1" y="-107.8" class="st4" width="44" height="37"/>
<g class="st1">
<polygon class="st5" points="-443.7,-89.3 -446.4,-89.3 -466.5,-89.3 -466.5,-86.9 -446.4,-86.9 -443.7,-86.9 -439.2,-86.9
-439.2,-89.3 "/>
<polygon class="st5" points="-454.1,-97.3 -454.1,-94.5 -454.1,-74.4 -451.6,-74.4 -451.6,-94.5 -451.6,-97.3 -451.6,-101.7
-454.1,-101.7 "/>
<path class="st5" d="M-452.9-102.4c-7.5,0-13.6,6.1-13.6,13.6s6.1,13.6,13.6,13.6c7.5,0,13.6-6.1,13.6-13.6
S-445.4-102.4-452.9-102.4z M-452.9-77.6c-6.1,0-11.1-5-11.1-11.1s5-11.1,11.1-11.1c6.1,0,11.1,5,11.1,11.1
S-446.8-77.6-452.9-77.6z"/>
<rect x="-454.7" y="-104.1" class="st5" width="3.6" height="3.9"/>
<rect x="-454.7" y="-76" class="st5" width="3.6" height="3.9"/>
<rect x="-468.7" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -378.8331 -555.0355)" class="st5" width="3.6" height="3.9"/>
<rect x="-440.7" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -350.777 -526.9794)" class="st5" width="3.6" height="3.9"/>
</g>
<g class="st1">
<polygon class="st5" points="-445,-278.8 -447.2,-278.8 -463.6,-278.8 -463.6,-276.7 -447.2,-276.7 -445,-276.7 -441.4,-276.7
-441.4,-278.8 "/>
<polygon class="st5" points="-453.5,-284.7 -453.5,-282.5 -453.5,-266.1 -451.5,-266.1 -451.5,-282.5 -451.5,-284.7
-451.5,-288.3 -453.5,-288.3 "/>
<path class="st5" d="M-452.5-288.9c-6.1,0-11.1,5-11.1,11.1s5,11.1,11.1,11.1c6.1,0,11.1-5,11.1-11.1S-446.4-288.9-452.5-288.9z
M-452.5-268.7c-5,0-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1c5,0,9.1,4.1,9.1,9.1C-443.5-272.8-447.5-268.7-452.5-268.7z"/>
<rect x="-454.5" y="-290.3" class="st5" width="3.9" height="3.2"/>
<rect x="-454.5" y="-267.5" class="st5" width="3.9" height="3.2"/>
<rect x="-465.9" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -186.1642 -741.693)" class="st5" width="3.9" height="3.2"/>
<rect x="-443.1" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -163.3761 -718.9049)" class="st5" width="3.9" height="3.2"/>
</g>
<rect x="-163.3" y="-295.8" class="st4" width="262.2" height="37"/>
<path class="st6" d="M-140.3-269.9l2.5-4.7h4.5v-1.5h-4.9c-0.3,0-0.5,0.1-0.6,0.4l-1.9,3.6l-2.2-6.3c-0.1-0.3-0.4-0.5-0.7-0.5
c-0.3,0-0.6,0.2-0.7,0.4l-1.8,4.2l-2.3-13.6c-0.1-0.3-0.4-0.6-0.7-0.6c-0.4,0-0.7,0.2-0.7,0.6l-2.1,16.5l-1.9-9.8
c-0.1-0.3-0.3-0.5-0.6-0.6c-0.3,0-0.6,0.1-0.8,0.4l-2.5,5.2h-3.6v1.5h4.1c0.3,0,0.5-0.2,0.7-0.4l1.8-3.7l2.3,12
c0.1,0.3,0.4,0.6,0.7,0.6h0c0.4,0,0.6-0.3,0.7-0.6l2.1-16.5l1.9,11.7c0.1,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.1,0.8-0.4l2-4.7l2.1,6.1
c0.1,0.3,0.3,0.5,0.6,0.5C-140.7-269.5-140.4-269.7-140.3-269.9z"/>
<g class="st1">
<g>
<path class="st5" d="M-91.4-368.9c-0.6-1.9-2-6.9-2.6-8.8c-1.8-5.9-3.7-11.7-5.5-17.6c-0.1-0.3,0-0.5,0.1-0.7
c0.4-0.5,0.7,0,1.1-0.5c0.2-0.3,0.4-0.4,0.7-0.6c1.4-1,3-1.5,4.7-1.5c0.6,0,1,0.2,1.2,0.7c0.1,0.2,0.6,0.6,1,0.7
c1.5,0.1,2.9-0.1,4.2-0.8c1.2-0.6,2.5-0.6,3.7-1.4c0.8-0.5,1.7-1.3,2.6-1.3c0.6,0,1.1,0,1.7,0.1c0.2,0,0.4,0.1,0.5,0.4
c1.7,4.6,3.2,8.3,4.9,12.9c0.2,0.5,0.2,0.2-0.4,0.1c-2.5-0.4-4.8,0.3-6.9,1.7c-1,0.7-1.6,1.3-2.7,1.8c-0.4,0.2-0.7,0.3-1.1,0.4
c-1.2,0.2-2.2-0.4-2.5-1.6c-0.1-0.3-0.6-0.5-0.9-0.6c-0.9-0.2-1.7,0-2.6,0.2c-1,0.3-2,0.7-2.9,1.1c-0.3,0.1-1.4,0.9-1.3,1.2
c1.1,3.3,3.1,9.8,4.2,13.1c0,0.1-0.1,0.1-0.1,0.2C-90.3-369.3-91.4-368.7-91.4-368.9z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st5" d="M-46.1-374.3c-0.6-2-1.8-5.4-2.5-7.4c-2-6.2-3.9-12.4-5.9-18.7c-0.1-0.3-0.1-0.5,0.1-0.7
c0.4-0.5,0.8,0,1.1-0.6c0.2-0.3,0.5-0.5,0.7-0.7c1.5-1.1,3.1-1.6,4.9-1.6c0.6,0,2.6,0.2,2.8,0.8c0.1,0.2,0.7,0.7,1.1,0.7
c1.6,0.1,2.6,0,4-0.7c1.5-0.7,1.3-0.6,2.2-1.7c0.8-0.6,1.8-1.4,2.7-1.4c0.6,0,1.2,0,1.8,0.1c0.3,0,0.4,0.1,0.5,0.4
c1.8,4.9,2.9,7.2,4.7,12.1c0.2,0.6,0.2,0.2-0.4,0.1c-2.7-0.5-4.8-0.3-7,1.2c-1.1,0.7-2.6,1.4-3.8,1.9c-0.4,0.2-0.8,0.3-1.2,0.4
c-1.2,0.2-3.6-0.5-3.9-1.7c-0.1-0.3-1.2,0-2.1,0.3c-1.1,0.3-2.5,0.8-3.5,1.2c-0.1,0.3,0.8,2.5,0.9,2.8c1.2,3.5,2.8,8.5,3.9,12
c0,0.1-0.1,0.1-0.1,0.2C-44.8-374.8-46-374.2-46.1-374.3z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st5" d="M-59.5-194.1c0.3-2.2,0.3-3.2,0.6-5.5c1-6.9,2-13.8,2.9-20.7c0-0.3,0.2-0.5,0.5-0.7c0.6-0.3,0.6,1.8,1.2,1.5
c0.3-0.2,0.7-0.2,1-0.3c1.9-0.4,3.7-0.1,5.5,0.7c0.6,0.3,2.4,1.4,2.3,2c0,0.2,0.7,1.1,1,1.4c1.5,1.2,2.2,1.1,3.9,1
c1.8,0,1.5,0,2.9-0.6c1.1-0.2,2.3-0.5,3.3-0.1c0.6,0.2,1.1,0.5,1.7,0.9c0.2,0.2,0.3,0.3,0.3,0.6c-0.6,5.6-0.3,6.8-0.9,12.3
c-0.1,0.6,0.1,0.3-0.4-0.1c-2.4-1.7-3.9-1.4-6.7-1.1c-1.4,0.2-3.2,0.1-4.5,0.1c-0.4,0-0.9-0.1-1.3-0.2c-1.3-0.3-3.4-1.7-4.3-3.1
c0.1-0.4-1.3-0.1-2.2-0.3c-1.2-0.2-2.2-0.7-3.4-0.7c-0.2,0.2-0.2,1.3-0.3,1.6c-0.5,4-0.7,7.1-1.2,11.1
C-57.7-194-59.5-193.9-59.5-194.1z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st5" d="M-94.9-276.9c-0.7-2.8-1.5-5.5-2.3-8.2c-0.1-0.5-0.4-0.8-0.8-1.2c-0.3-0.3-0.1-1.4,0.2-2.4
c0.4,0,1.6,1.8,1.5,2.1c-0.1,0.5-0.1,0.9,0,1.4c0.2-0.7,0.2-0.9,0.5-1.3c1.4-1.9,3.3-2.8,5.6-2.8c1.9,0,1,0.4,2.9,0.6
c2,0.3,4,0.6,5.9-0.1c0.3-0.1,0.4,0,0.5,0.3c0.5,2,1.1,3.9,1.6,5.9c0.4,1.3,0.7,2.6,1.1,3.9c0.2,0.8,0.2,0.8-0.6,1
c-1.2,0.3-2.4,0.3-3.6,0.2c-2.4-0.2-2-0.9-4.5-0.9c-1.5,0-7.9-0.1-6.2,5c0.6,2.3,1.5,5.5,2.1,7.8c0.1,0.2-0.9,0.2-1-0.3
c-0.8-2.7-1.7-6.1-2.4-8.8c0-0.1-0.1-0.1-0.1-0.2"/>
</g>
</g>
<g class="st1">
<g>
<g>
<path class="st5" d="M-396.5-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
<g>
<path class="st5" d="M-402.2-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
</g>
<polygon class="st5" points="-406,-278.1 -406.6,-278.1 -410.8,-278.1 -410.8,-275.9 -406.6,-275.9 -406,-275.9 -405.1,-275.9
-405.1,-278.1 "/>
<polygon class="st5" points="-387,-278.1 -387.5,-278.1 -391.8,-278.1 -391.8,-275.9 -387.5,-275.9 -387,-275.9 -386,-275.9
-386,-278.1 "/>
<polygon class="st5" points="-399.6,-270.1 -399.6,-269.5 -399.6,-265.3 -397.4,-265.3 -397.4,-269.5 -397.4,-270.1 -397.4,-271
-399.6,-271 "/>
<polygon class="st5" points="-399.6,-287.8 -399.6,-287.2 -399.6,-283 -397.4,-283 -397.4,-287.2 -397.4,-287.8 -397.4,-288.7
-399.6,-288.7 "/>
<path class="st5" d="M-398.5-288.9c-6.6,0-11.9,5.3-11.9,11.9s5.3,11.9,11.9,11.9s11.9-5.3,11.9-11.9S-391.9-288.9-398.5-288.9z
M-398.5-267.3c-5.4,0-9.7-4.4-9.7-9.7c0-5.4,4.4-9.7,9.7-9.7c5.4,0,9.7,4.4,9.7,9.7C-388.7-271.6-393.1-267.3-398.5-267.3z"/>
<rect x="-400.6" y="-290.7" class="st5" width="4.2" height="3.5"/>
<rect x="-400.6" y="-266.2" class="st5" width="4.2" height="3.5"/>
<rect x="-412.8" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -133.7235 -687.7208)" class="st5" width="4.2" height="3.5"/>
<rect x="-388.3" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -109.1754 -663.1727)" class="st5" width="4.2" height="3.5"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

198
static/src/assets/icon/stats/friendlyFire.svg Normal file
View File

@ -0,0 +1,198 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{display:none;}
.st1{display:inline;}
.st2{display:inline;fill:#010002;}
.st3{fill:#010002;}
.st4{stroke:#FFFFFF;stroke-width:9;stroke-miterlimit:10;}
.st5{display:inline;fill:#222222;}
.st6{fill:#FFFFFF;}
.st7{display:inline;fill:#FCFCFC;}
</style>
<g id="Capa_1" class="st0">
<polygon class="st1" points="187.6,27.1 145.6,27.1 -161.4,27.1 -161.4,65.1 145.6,65.1 187.6,65.1 255.6,65.1 255.6,27.1 "/>
<polygon class="st1" points="27.3,-89.4 27.3,-47.4 27.3,259.6 65.3,259.6 65.3,-47.4 65.3,-89.4 65.3,-157.4 27.3,-157.4 "/>
<path class="st2" d="M46.3-162.4c-115.2,0-208.5,93.3-208.5,208.5s93.3,208.5,208.5,208.5s208.5-93.3,208.5-208.5
S161.4-162.4,46.3-162.4z M46.3,216.1c-93.9,0-170-76.1-170-170s76.1-170,170-170s170,76.1,170,170S140.2,216.1,46.3,216.1z"/>
<rect x="9.4" y="-193.9" class="st2" width="73.7" height="60.3"/>
<rect x="9.4" y="234.6" class="st2" width="73.7" height="60.3"/>
<rect x="-204.3" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -213.5344 -121.3919)" class="st2" width="73.7" height="60.3"/>
<rect x="224.1" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 214.9306 307.0731)" class="st2" width="73.7" height="60.3"/>
</g>
<g id="Capa_3">
<rect x="468.8" y="-211.8" style="fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1.7 468.8484 -188.2972)" style="font-family:'CharlieBrownM54'; font-size:36px;">F</text>
<rect x="427.6" y="-157.4" style="fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1 427.5984 -121.3575)" style="font-family:'Copy0865'; font-size:36px;">F</text>
<g>
<g>
<g>
<path d="M56.9,65.2H52V41.9c0-1.9,0.4-3.4,1.3-4.6c0.9-1.1,2-1.7,3.3-1.7h14v6.7H56.9v3.4h12.2v6.4H56.9V65.2z"/>
</g>
<g>
<path d="M36.4,65.2h-4.9V41.9c0-1.9,0.4-3.4,1.3-4.6c0.9-1.1,2-1.7,3.3-1.7h14v6.7H36.4v3.4h12.2v6.4H36.4V65.2z"/>
</g>
</g>
<polygon points="22.7,45.7 20.6,45.7 5.5,45.7 5.5,53.5 20.6,53.5 22.7,53.5 26,53.5 26,45.7 "/>
<polygon points="90.8,45.7 88.7,45.7 73.7,45.7 73.7,53.5 88.7,53.5 90.8,53.5 94.1,53.5 94.1,45.7 "/>
<polygon points="45.6,74.2 45.6,76.3 45.6,91.4 53.4,91.4 53.4,76.3 53.4,74.2 53.4,70.9 45.6,70.9 "/>
<polygon points="45.6,11.2 45.6,13.3 45.6,28.3 53.4,28.3 53.4,13.3 53.4,11.2 53.4,7.9 45.6,7.9 "/>
<path class="st3" d="M49.7,6.9C26.1,6.9,7,26,7,49.6s19.1,42.7,42.7,42.7s42.7-19.1,42.7-42.7S73.2,6.9,49.7,6.9z M49.7,84.4
c-19.2,0-34.8-15.6-34.8-34.8s15.6-34.8,34.8-34.8s34.8,15.6,34.8,34.8S68.9,84.4,49.7,84.4z"/>
<rect x="42.1" y="0.5" class="st3" width="15.1" height="12.3"/>
<rect x="42.1" y="88.2" class="st3" width="15.1" height="12.3"/>
<rect x="-1.6" y="43.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -43.6743 55.5412)" class="st3" width="15.1" height="12.3"/>
<rect x="86.1" y="43.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 43.9975 143.2129)" class="st3" width="15.1" height="12.3"/>
</g>
</g>
<g id="Capa_2" class="st0">
<g class="st1">
<g>
<path class="st4" d="M252.6,55.9c-1.2,8.4-1.2,16.8-2.5,25.2c-5.2,32.8-17.4,62.6-37.7,88.9c-29.5,38.3-67.8,63-114.9,73.8
c-19.9,4.5-40,5.4-60.4,3.7c-24.8-2.1-48.3-8.5-70.6-19.3c-14.8-7.2-28.4-16.4-41-27.1c-17-14.5-31.1-31.3-42.3-50.6
c-11.7-20-19.7-41.4-23.8-64.1c-1.9-10.3,0.9-13.9,11.2-15.9c8.3-1.6,16.5-3.6,25-3.8c6.8-0.2,9.8,2.1,11.2,8.9
c2.9,13.9,6.6,27.5,13.1,40.1c23,44.9,59.2,72.9,108.9,81.8c44.5,8,84.7-3.1,119.9-31.5c29.3-23.6,47.1-54.4,53.3-91.3
c7.1-42.4-3.2-81.1-29.1-115.3C149-72.3,116.9-91.1,78.2-97.5c-40.3-6.6-77.3,2.4-110.8,26.2c-9,6.4-16.7,14.1-25.5,22.8
c7.5-1.2,13.7-2.2,19.9-3.3c8.3-1.5,16.6-3.1,24.9-4.5c8.3-1.4,12.7,1.4,14.5,9.6C3-38.6,4.6-30.4,5.8-22.2
C6.9-14.5,2.9-9.7-3.8-8.6C-32-3.9-60.2,1.2-88.4,6.3c-9.9,1.8-19.9,3.5-29.8,5.5c-7.9,1.6-14.7-0.2-16.6-11.3
c-6.3-36.9-13-73.7-19.6-110.6c0-4,0-8,0-12c2.3-3.3,5.3-5.3,9.3-6c7.8-1.4,15.6-3,23.5-4.2c8.6-1.3,13,2,14.7,10.7
c1,5.4,1.9,10.7,2.9,16.1c1.7,9.6,3.5,19.2,4.9,27.3c2.2-1.7,4.9-3.4,7.3-5.5c2.4-2.1,4.5-4.4,6.7-6.7c21.9-22.7,48.3-38,78-48
c13.2-4.4,26.9-6.9,40.7-8.7c13.7,0,27.3,0,41,0c16.8,2.1,33.2,5.6,49.2,11.5c23.8,8.8,45.1,21.8,63.9,38.7
c14.2,12.9,26.3,27.6,36.3,44.1c13.3,22,21.9,45.6,26.1,71c1.4,8.5,1.4,17.2,2.6,25.7C252.6,47.9,252.6,51.9,252.6,55.9z"/>
</g>
</g>
</g>
<g id="Capa_5" class="st0">
<g class="st1">
<g>
<path d="M12.8,51.8c-3-11.5-6.3-22.9-9.4-34.4c-0.5-2.1-1.9-3.4-3.2-4.8c-1.2-1.2-0.4-5.9,0.8-9.9c1.7-0.1,6.5,7.4,6.1,8.7
c-0.6,2.1-0.4,3.9,0.2,6c0.7-2.8,0.7-3.9,2-5.6C15.2,4,22.9,0.3,32.6,0c8.1-0.2,4.1,1.5,12.1,2.7C53,3.9,61.2,2.9,69.5,0.2
c1.3-0.4,1.8,0.2,2.2,1.4c2.3,8.2,4.5,18.4,6.8,26.6c1.5,5.5,3,7.6,4.5,13.1c0.9,3.1,0.8,3.4-2.4,4.2c-4.9,1.2-9.9,1.3-15,0.9
c-10.2-0.8-8.3-3.7-18.6-3.7c-6.3,0-32.8,2.8-25.7,24.3c2.7,9.7,6.3,22.7,8.9,32.4c0.3,1-3.6,0.7-4.2-1.2
c-3.1-11.1-7.1-25.6-10.1-36.7c-0.1-0.3-0.2-0.5-0.4-1"/>
</g>
</g>
</g>
<g id="Capa_6" class="st0">
<path class="st2" d="M94.1,83.1l11.3-21.2h20.1v-6.5h-22.1c-1.2,0-2.3,0.7-2.9,1.7l-8.6,16.3l-9.8-28.5c-0.5-1.3-1.6-2.2-3-2.2
c-1.4,0-2.6,0.7-3.1,2l-8,18.9L57.9,2.7c-0.3-1.5-1.8-2.7-3.2-2.7c-1.8,0-3,1.1-3.2,2.6L42,76.8l-8.5-44.2
c-0.3-1.4-1.4-2.4-2.8-2.6c-1.4-0.2-2.8,0.6-3.4,1.8L16,55.4H-0.3v6.5h18.4c1.2,0,2.4-0.7,3-1.9l7.9-16.4l10.3,53.7
c0.3,1.5,1.7,2.7,3.2,2.7h0.1c1.6,0,2.9-1.2,3.1-2.8l9.4-74l8.5,52.3c0.3,1.4,1.4,2.5,2.8,2.6c1.5,0.2,2.8-0.6,3.4-2l8.9-21
l9.4,27.5c0.4,1.2,1.6,2.1,2.8,2.2C92.3,84.9,93.5,84.2,94.1,83.1z"/>
</g>
<g id="Capa_4" class="st0">
<image style="display:inline;overflow:visible;" width="1022" height="139" xlink:href="A0EB67C7.jpg" transform="matrix(1 0 0 1 -794.4016 -358.8575)">
</image>
<rect x="-464.1" y="-295.8" class="st5" width="104.7" height="37"/>
<rect x="-470.4" y="-107.8" class="st5" width="44" height="37"/>
<g class="st1">
<polygon class="st6" points="-444,-89.3 -446.7,-89.3 -466.8,-89.3 -466.8,-86.9 -446.7,-86.9 -444,-86.9 -439.5,-86.9
-439.5,-89.3 "/>
<polygon class="st6" points="-454.4,-97.3 -454.4,-94.5 -454.4,-74.4 -451.9,-74.4 -451.9,-94.5 -451.9,-97.3 -451.9,-101.7
-454.4,-101.7 "/>
<path class="st6" d="M-453.2-102.4c-7.5,0-13.6,6.1-13.6,13.6s6.1,13.6,13.6,13.6s13.6-6.1,13.6-13.6S-445.7-102.4-453.2-102.4z
M-453.2-77.6c-6.1,0-11.1-5-11.1-11.1s5-11.1,11.1-11.1s11.1,5,11.1,11.1S-447-77.6-453.2-77.6z"/>
<rect x="-455" y="-104.1" class="st6" width="3.6" height="3.9"/>
<rect x="-455" y="-76" class="st6" width="3.6" height="3.9"/>
<rect x="-469" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -379.1167 -555.3192)" class="st6" width="3.6" height="3.9"/>
<rect x="-441" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -351.0606 -527.2631)" class="st6" width="3.6" height="3.9"/>
</g>
<g class="st1">
<polygon class="st6" points="-445.3,-278.8 -447.5,-278.8 -463.9,-278.8 -463.9,-276.7 -447.5,-276.7 -445.3,-276.7
-441.7,-276.7 -441.7,-278.8 "/>
<polygon class="st6" points="-453.8,-284.7 -453.8,-282.5 -453.8,-266.1 -451.8,-266.1 -451.8,-282.5 -451.8,-284.7
-451.8,-288.3 -453.8,-288.3 "/>
<path class="st6" d="M-452.8-288.9c-6.1,0-11.1,5-11.1,11.1s5,11.1,11.1,11.1s11.1-5,11.1-11.1S-446.7-288.9-452.8-288.9z
M-452.8-268.7c-5,0-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1c5,0,9.1,4.1,9.1,9.1C-443.8-272.8-447.8-268.7-452.8-268.7z"/>
<rect x="-454.8" y="-290.3" class="st6" width="3.9" height="3.2"/>
<rect x="-454.8" y="-267.5" class="st6" width="3.9" height="3.2"/>
<rect x="-466.2" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -186.4478 -741.9766)" class="st6" width="3.9" height="3.2"/>
<rect x="-443.4" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -163.6597 -719.1885)" class="st6" width="3.9" height="3.2"/>
</g>
<rect x="-163.6" y="-295.8" class="st5" width="262.2" height="37"/>
<path class="st7" d="M-140.5-269.9l2.5-4.7h4.5v-1.5h-4.9c-0.3,0-0.5,0.1-0.6,0.4l-1.9,3.6l-2.2-6.3c-0.1-0.3-0.4-0.5-0.7-0.5
c-0.3,0-0.6,0.2-0.7,0.4l-1.8,4.2l-2.3-13.6c-0.1-0.3-0.4-0.6-0.7-0.6c-0.4,0-0.7,0.2-0.7,0.6l-2.1,16.5l-1.9-9.8
c-0.1-0.3-0.3-0.5-0.6-0.6c-0.3,0-0.6,0.1-0.8,0.4l-2.5,5.2h-3.6v1.5h4.1c0.3,0,0.5-0.2,0.7-0.4l1.8-3.7l2.3,12
c0.1,0.3,0.4,0.6,0.7,0.6h0c0.4,0,0.6-0.3,0.7-0.6l2.1-16.5l1.9,11.7c0.1,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.1,0.8-0.4l2-4.7l2.1,6.1
c0.1,0.3,0.3,0.5,0.6,0.5C-141-269.5-140.7-269.7-140.5-269.9z"/>
<g class="st1">
<g>
<path class="st6" d="M-91.7-368.9c-0.6-1.9-2-6.9-2.6-8.8c-1.8-5.9-3.7-11.7-5.5-17.6c-0.1-0.3,0-0.5,0.1-0.7
c0.4-0.5,0.7,0,1.1-0.5c0.2-0.3,0.4-0.4,0.7-0.6c1.4-1,3-1.5,4.7-1.5c0.6,0,1,0.2,1.2,0.7c0.1,0.2,0.6,0.6,1,0.7
c1.5,0.1,2.9-0.1,4.2-0.8c1.2-0.6,2.5-0.6,3.7-1.4c0.8-0.5,1.7-1.3,2.6-1.3c0.6,0,1.1,0,1.7,0.1c0.2,0,0.4,0.1,0.5,0.4
c1.7,4.6,3.2,8.3,4.9,12.9c0.2,0.5,0.2,0.2-0.4,0.1c-2.5-0.4-4.8,0.3-6.9,1.7c-1,0.7-1.6,1.3-2.7,1.8c-0.4,0.2-0.7,0.3-1.1,0.4
c-1.2,0.2-2.2-0.4-2.5-1.6c-0.1-0.3-0.6-0.5-0.9-0.6c-0.9-0.2-1.7,0-2.6,0.2c-1,0.3-2,0.7-2.9,1.1c-0.3,0.1-1.4,0.9-1.3,1.2
c1.1,3.3,3.1,9.8,4.2,13.1c0,0.1-0.1,0.1-0.1,0.2C-90.5-369.3-91.7-368.7-91.7-368.9z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st6" d="M-46.4-374.3c-0.6-2-1.8-5.4-2.5-7.4c-2-6.2-3.9-12.4-5.9-18.7c-0.1-0.3-0.1-0.5,0.1-0.7
c0.4-0.5,0.8,0,1.1-0.6c0.2-0.3,0.5-0.5,0.7-0.7c1.5-1.1,3.1-1.6,4.9-1.6c0.6,0,2.6,0.2,2.8,0.8c0.1,0.2,0.7,0.7,1.1,0.7
c1.6,0.1,2.6,0,4-0.7c1.5-0.7,1.3-0.6,2.2-1.7c0.8-0.6,1.8-1.4,2.7-1.4c0.6,0,1.2,0,1.8,0.1c0.3,0,0.4,0.1,0.5,0.4
c1.8,4.9,2.9,7.2,4.7,12.1c0.2,0.6,0.2,0.2-0.4,0.1c-2.7-0.5-4.8-0.3-7,1.2c-1.1,0.7-2.6,1.4-3.8,1.9c-0.4,0.2-0.8,0.3-1.2,0.4
c-1.2,0.2-3.6-0.5-3.9-1.7c-0.1-0.3-1.2,0-2.1,0.3c-1.1,0.3-2.5,0.8-3.5,1.2c-0.1,0.3,0.8,2.5,0.9,2.8c1.2,3.5,2.8,8.5,3.9,12
c0,0.1-0.1,0.1-0.1,0.2C-45.1-374.8-46.3-374.2-46.4-374.3z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st6" d="M-59.8-194.1c0.3-2.2,0.3-3.2,0.6-5.5c1-6.9,2-13.8,2.9-20.7c0-0.3,0.2-0.5,0.5-0.7c0.6-0.3,0.6,1.8,1.2,1.5
c0.3-0.2,0.7-0.2,1-0.3c1.9-0.4,3.7-0.1,5.5,0.7c0.6,0.3,2.4,1.4,2.3,2c0,0.2,0.7,1.1,1,1.4c1.5,1.2,2.2,1.1,3.9,1
c1.8,0,1.5,0,2.9-0.6c1.1-0.2,2.3-0.5,3.3-0.1c0.6,0.2,1.1,0.5,1.7,0.9c0.2,0.2,0.3,0.3,0.3,0.6c-0.6,5.6-0.3,6.8-0.9,12.3
c-0.1,0.6,0.1,0.3-0.4-0.1c-2.4-1.7-3.9-1.4-6.7-1.1c-1.4,0.2-3.2,0.1-4.5,0.1c-0.4,0-0.9-0.1-1.3-0.2c-1.3-0.3-3.4-1.7-4.3-3.1
c0.1-0.4-1.3-0.1-2.2-0.3c-1.2-0.2-2.2-0.7-3.4-0.7c-0.2,0.2-0.2,1.3-0.3,1.6c-0.5,4-0.7,7.1-1.2,11.1
C-57.9-194-59.8-193.9-59.8-194.1z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st6" d="M-95.2-276.9c-0.7-2.8-1.5-5.5-2.3-8.2c-0.1-0.5-0.4-0.8-0.8-1.2c-0.3-0.3-0.1-1.4,0.2-2.4
c0.4,0,1.6,1.8,1.5,2.1c-0.1,0.5-0.1,0.9,0,1.4c0.2-0.7,0.2-0.9,0.5-1.3c1.4-1.9,3.3-2.8,5.6-2.8c1.9,0,1,0.4,2.9,0.6
c2,0.3,4,0.6,5.9-0.1c0.3-0.1,0.4,0,0.5,0.3c0.5,2,1.1,3.9,1.6,5.9c0.4,1.3,0.7,2.6,1.1,3.9c0.2,0.8,0.2,0.8-0.6,1
c-1.2,0.3-2.4,0.3-3.6,0.2c-2.4-0.2-2-0.9-4.5-0.9c-1.5,0-7.9-0.1-6.2,5c0.6,2.3,1.5,5.5,2.1,7.8c0.1,0.2-0.9,0.2-1-0.3
c-0.8-2.7-1.7-6.1-2.4-8.8c0-0.1-0.1-0.1-0.1-0.2"/>
</g>
</g>
<g class="st1">
<g>
<g>
<path class="st6" d="M-396.7-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
<g>
<path class="st6" d="M-402.5-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
</g>
<polygon class="st6" points="-406.3,-278.1 -406.9,-278.1 -411.1,-278.1 -411.1,-275.9 -406.9,-275.9 -406.3,-275.9
-405.4,-275.9 -405.4,-278.1 "/>
<polygon class="st6" points="-387.2,-278.1 -387.8,-278.1 -392,-278.1 -392,-275.9 -387.8,-275.9 -387.2,-275.9 -386.3,-275.9
-386.3,-278.1 "/>
<polygon class="st6" points="-399.9,-270.1 -399.9,-269.5 -399.9,-265.3 -397.7,-265.3 -397.7,-269.5 -397.7,-270.1 -397.7,-271
-399.9,-271 "/>
<polygon class="st6" points="-399.9,-287.8 -399.9,-287.2 -399.9,-283 -397.7,-283 -397.7,-287.2 -397.7,-287.8 -397.7,-288.7
-399.9,-288.7 "/>
<path class="st6" d="M-398.8-288.9c-6.6,0-11.9,5.3-11.9,11.9s5.3,11.9,11.9,11.9s11.9-5.3,11.9-11.9S-392.2-288.9-398.8-288.9z
M-398.8-267.3c-5.4,0-9.7-4.4-9.7-9.7c0-5.4,4.4-9.7,9.7-9.7s9.7,4.4,9.7,9.7C-389-271.6-393.4-267.3-398.8-267.3z"/>
<rect x="-400.9" y="-290.7" class="st6" width="4.2" height="3.5"/>
<rect x="-400.9" y="-266.2" class="st6" width="4.2" height="3.5"/>
<rect x="-413.1" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -134.0071 -688.0044)" class="st6" width="4.2" height="3.5"/>
<rect x="-388.6" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -109.459 -663.4564)" class="st6" width="4.2" height="3.5"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

26
static/src/assets/icon/stats/highscore.svg Normal file
View File

@ -0,0 +1,26 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 75.1" style="enable-background:new 0 0 100 75.1;" xml:space="preserve">
<g>
<g>
<g>
<path d="M95.6,30.4c-0.4-0.7-1.1-1.1-1.9-1.1H75v4.2h22.1L95.6,30.4z"/>
<path d="M66.4,1.2c-0.4-0.7-1.1-1.1-1.9-1.1H35.4c-0.8,0-1.5,0.4-1.9,1.1l-1.5,3H68L66.4,1.2z"/>
<path d="M99.9,39.2c0-0.1-0.1-0.3-0.1-0.4c-0.3-0.7-1-1.2-1.9-1.2H70.8V10.5c0-0.2-0.1-0.3-0.1-0.5c0-0.1-0.1-0.3-0.1-0.4
c-0.3-0.7-1-1.2-1.9-1.2H31.3c-0.8,0-1.5,0.5-1.9,1.2c-0.1,0.1-0.1,0.3-0.1,0.4c0,0.2-0.1,0.3-0.1,0.5v22.9H2.1
c-0.8,0-1.5,0.5-1.9,1.2c-0.1,0.1-0.1,0.3-0.1,0.4c0,0.2-0.1,0.3-0.1,0.5V73c0,1.1,0.9,2.1,2.1,2.1h95.8c1.1,0,2.1-0.9,2.1-2.1
V39.7C100,39.5,99.9,39.3,99.9,39.2z M20.8,58.4L20.8,58.4L20.8,58.4c1.1,0,2.1,0.9,2.1,2.1s-0.9,2.1-2.1,2.1h-8.3
c-0.8,0-1.6-0.5-1.9-1.3c-0.3-0.8-0.1-1.7,0.4-2.3l5.4-5.4c1.5-1.5,2.3-3.5,2.3-5.6c0-1.1-0.9-2.1-2.1-2.1s-2.1,0.9-2.1,2.1
c0,1.1-0.9,2.1-2.1,2.1s-2.1-0.9-2.1-2.1c0-3.4,2.8-6.2,6.2-6.2s6.2,2.8,6.2,6.2c0,3.2-1.3,6.3-3.6,8.6l-1.8,1.8H20.8z
M54.2,43.8L54.2,43.8c0,1.1-0.9,2.1-2.1,2.1S50,45,50,43.8V28l-0.6,0.6c-0.8,0.8-2.1,0.8-2.9,0c-0.8-0.8-0.8-2.1,0-2.9l4.2-4.2
c0.6-0.6,1.5-0.8,2.3-0.5c0.8,0.3,1.3,1.1,1.3,1.9L54.2,43.8L54.2,43.8z M89.6,60.5c0,3.4-2.8,6.2-6.2,6.2
c-3.4,0-6.2-2.8-6.2-6.2c0-1.1,0.9-2.1,2.1-2.1c1.1,0,2.1,0.9,2.1,2.1c0,1.1,0.9,2.1,2.1,2.1c1.2,0,2.1-0.9,2.1-2.1
s-0.9-2.1-2.1-2.1c-1.1,0-2.1-0.9-2.1-2.1s0.9-2.1,2.1-2.1c1.2,0,2.1-0.9,2.1-2.1s-0.9-2.1-2.1-2.1c-1.1,0-2.1,0.9-2.1,2.1
c0,1.1-0.9,2.1-2.1,2.1c-1.2,0-2.1-0.9-2.1-2.1c0-3.4,2.8-6.2,6.2-6.2c3.4,0,6.2,2.8,6.2,6.2c0,1.6-0.6,3.1-1.6,4.2
C89,57.4,89.6,58.9,89.6,60.5z"/>
<path d="M25,25.1H6.3c-0.8,0-1.5,0.4-1.9,1.1l-1.5,3H25V25.1z"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

200
static/src/assets/icon/stats/kill.svg Normal file
View File

@ -0,0 +1,200 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#010002;}
.st1{display:none;}
.st2{display:inline;}
.st3{stroke:#FFFFFF;stroke-width:9;stroke-miterlimit:10;}
.st4{display:inline;fill:#010002;}
.st5{display:inline;fill:#222222;}
.st6{fill:#FFFFFF;}
.st7{display:inline;fill:#FCFCFC;}
</style>
<g id="Capa_1">
<g>
<polygon points="79.4,45.2 70.8,45.2 8,45.2 8,53 70.8,53 79.4,53 93.3,53 93.3,45.2 "/>
<polygon points="46.6,21.4 46.6,30 46.6,92.8 54.3,92.8 54.3,30 54.3,21.4 54.3,7.5 46.6,7.5 "/>
<path class="st0" d="M50.5,6.4C26.9,6.4,7.8,25.5,7.8,49.1s19.1,42.7,42.7,42.7s42.7-19.1,42.7-42.7S74,6.4,50.5,6.4z M50.5,83.9
c-19.2,0-34.8-15.6-34.8-34.8s15.6-34.8,34.8-34.8s34.8,15.6,34.8,34.8S69.7,83.9,50.5,83.9z"/>
<rect x="42.9" class="st0" width="15.1" height="12.3"/>
<rect x="42.9" y="87.7" class="st0" width="15.1" height="12.3"/>
<rect x="-0.8" y="42.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -42.3714 55.8092)" class="st0" width="15.1" height="12.3"/>
<rect x="86.8" y="42.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 45.3004 143.4809)" class="st0" width="15.1" height="12.3"/>
</g>
</g>
<g id="Capa_3" class="st1">
<rect x="468.8" y="-211.8" style="display:inline;fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1.7 468.8484 -188.2972)" class="st2" style="font-family:'CharlieBrownM54'; font-size:36px;">F</text>
<rect x="427.6" y="-157.4" style="display:inline;fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1 427.5984 -121.3575)" class="st2" style="font-family:'Copy0865'; font-size:36px;">F</text>
<g class="st2">
<g>
<g>
<path d="M56.9,65.2H52V41.9c0-1.9,0.4-3.4,1.3-4.6c0.9-1.1,2-1.7,3.3-1.7h14v6.7H56.9v3.4h12.2v6.4H56.9V65.2z"/>
</g>
<g>
<path d="M36.4,65.2h-4.9V41.9c0-1.9,0.4-3.4,1.3-4.6c0.9-1.1,2-1.7,3.3-1.7h14v6.7H36.4v3.4h12.2v6.4H36.4V65.2z"/>
</g>
</g>
<polygon points="22.7,45.7 20.6,45.7 5.5,45.7 5.5,53.5 20.6,53.5 22.7,53.5 26,53.5 26,45.7 "/>
<polygon points="90.8,45.7 88.7,45.7 73.7,45.7 73.7,53.5 88.7,53.5 90.8,53.5 94.1,53.5 94.1,45.7 "/>
<polygon points="45.6,74.2 45.6,76.3 45.6,91.4 53.4,91.4 53.4,76.3 53.4,74.2 53.4,70.9 45.6,70.9 "/>
<polygon points="45.6,11.2 45.6,13.3 45.6,28.3 53.4,28.3 53.4,13.3 53.4,11.2 53.4,7.9 45.6,7.9 "/>
<path class="st0" d="M49.7,6.9C26.1,6.9,7,26,7,49.6s19.1,42.7,42.7,42.7s42.7-19.1,42.7-42.7S73.2,6.9,49.7,6.9z M49.7,84.4
c-19.2,0-34.8-15.6-34.8-34.8s15.6-34.8,34.8-34.8s34.8,15.6,34.8,34.8S68.9,84.4,49.7,84.4z"/>
<rect x="42.1" y="0.5" class="st0" width="15.1" height="12.3"/>
<rect x="42.1" y="88.2" class="st0" width="15.1" height="12.3"/>
<rect x="-1.6" y="43.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -43.6743 55.5412)" class="st0" width="15.1" height="12.3"/>
<rect x="86.1" y="43.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 43.9975 143.2129)" class="st0" width="15.1" height="12.3"/>
</g>
</g>
<g id="Capa_2" class="st1">
<g class="st2">
<g>
<path class="st3" d="M252.6,55.9c-1.2,8.4-1.2,16.8-2.5,25.2c-5.2,32.8-17.4,62.6-37.7,88.9c-29.5,38.3-67.8,63-114.9,73.8
c-19.9,4.5-40,5.4-60.4,3.7c-24.8-2.1-48.3-8.5-70.6-19.3c-14.8-7.2-28.4-16.4-41-27.1c-17-14.5-31.1-31.3-42.3-50.6
c-11.7-20-19.7-41.4-23.8-64.1c-1.9-10.3,0.9-13.9,11.2-15.9c8.3-1.6,16.5-3.6,25-3.8c6.8-0.2,9.8,2.1,11.2,8.9
c2.9,13.9,6.6,27.5,13.1,40.1c23,44.9,59.2,72.9,108.9,81.8c44.5,8,84.7-3.1,119.9-31.5c29.3-23.6,47.1-54.4,53.3-91.3
c7.1-42.4-3.2-81.1-29.1-115.3C149-72.3,116.9-91.1,78.2-97.5c-40.3-6.6-77.3,2.4-110.8,26.2c-9,6.4-16.7,14.1-25.5,22.8
c7.5-1.2,13.7-2.2,19.9-3.3c8.3-1.5,16.6-3.1,24.9-4.5c8.3-1.4,12.7,1.4,14.5,9.6C3-38.6,4.6-30.4,5.8-22.2
C6.9-14.5,2.9-9.7-3.8-8.6C-32-3.9-60.2,1.2-88.4,6.3c-9.9,1.8-19.9,3.5-29.8,5.5c-7.9,1.6-14.7-0.2-16.6-11.3
c-6.3-36.9-13-73.7-19.6-110.6c0-4,0-8,0-12c2.3-3.3,5.3-5.3,9.3-6c7.8-1.4,15.6-3,23.5-4.2c8.6-1.3,13,2,14.7,10.7
c1,5.4,1.9,10.7,2.9,16.1c1.7,9.6,3.5,19.2,4.9,27.3c2.2-1.7,4.9-3.4,7.3-5.5c2.4-2.1,4.5-4.4,6.7-6.7c21.9-22.7,48.3-38,78-48
c13.2-4.4,26.9-6.9,40.7-8.7c13.7,0,27.3,0,41,0c16.8,2.1,33.2,5.6,49.2,11.5c23.8,8.8,45.1,21.8,63.9,38.7
c14.2,12.9,26.3,27.6,36.3,44.1c13.3,22,21.9,45.6,26.1,71c1.4,8.5,1.4,17.2,2.6,25.7C252.6,47.9,252.6,51.9,252.6,55.9z"/>
</g>
</g>
</g>
<g id="Capa_5" class="st1">
<g class="st2">
<g>
<path d="M12.8,51.8c-3-11.5-6.3-22.9-9.4-34.4c-0.5-2.1-1.9-3.4-3.2-4.8c-1.2-1.2-0.4-5.9,0.8-9.9c1.7-0.1,6.5,7.4,6.1,8.7
c-0.6,2.1-0.4,3.9,0.2,6c0.7-2.8,0.7-3.9,2-5.6C15.2,4,22.9,0.3,32.6,0c8.1-0.2,4.1,1.5,12.1,2.7C53,3.9,61.2,2.9,69.5,0.2
c1.3-0.4,1.8,0.2,2.2,1.4c2.3,8.2,4.5,18.4,6.8,26.6c1.5,5.5,3,7.6,4.5,13.1c0.9,3.1,0.8,3.4-2.4,4.2c-4.9,1.2-9.9,1.3-15,0.9
c-10.2-0.8-8.3-3.7-18.6-3.7c-6.3,0-32.8,2.8-25.7,24.3c2.7,9.7,6.3,22.7,8.9,32.4c0.3,1-3.6,0.7-4.2-1.2
c-3.1-11.1-7.1-25.6-10.1-36.7c-0.1-0.3-0.2-0.5-0.4-1"/>
</g>
</g>
</g>
<g id="Capa_6" class="st1">
<path class="st4" d="M94.1,83.1l11.3-21.2h20.1v-6.5h-22.1c-1.2,0-2.3,0.7-2.9,1.7l-8.6,16.3l-9.8-28.5c-0.5-1.3-1.6-2.2-3-2.2
c-1.4,0-2.6,0.7-3.1,2l-8,18.9L57.9,2.7c-0.3-1.5-1.8-2.7-3.2-2.7c-1.8,0-3,1.1-3.2,2.6L42,76.8l-8.5-44.2
c-0.3-1.4-1.4-2.4-2.8-2.6c-1.4-0.2-2.8,0.6-3.4,1.8L16,55.4H-0.3v6.5h18.4c1.2,0,2.4-0.7,3-1.9l7.9-16.4l10.3,53.7
c0.3,1.5,1.7,2.7,3.2,2.7h0.1c1.6,0,2.9-1.2,3.1-2.8l9.4-74l8.5,52.3c0.3,1.4,1.4,2.5,2.8,2.6c1.5,0.2,2.8-0.6,3.4-2l8.9-21
l9.4,27.5c0.4,1.2,1.6,2.1,2.8,2.2C92.3,84.9,93.5,84.2,94.1,83.1z"/>
</g>
<g id="Capa_4" class="st1">
<image style="display:inline;overflow:visible;" width="1022" height="139" xlink:href="3CE116CE.jpg" transform="matrix(1 0 0 1 -794.4016 -358.8575)">
</image>
<rect x="-464.1" y="-295.8" class="st5" width="104.7" height="37"/>
<rect x="-470.4" y="-107.8" class="st5" width="44" height="37"/>
<g class="st2">
<polygon class="st6" points="-444,-89.3 -446.7,-89.3 -466.8,-89.3 -466.8,-86.9 -446.7,-86.9 -444,-86.9 -439.5,-86.9
-439.5,-89.3 "/>
<polygon class="st6" points="-454.4,-97.3 -454.4,-94.5 -454.4,-74.4 -451.9,-74.4 -451.9,-94.5 -451.9,-97.3 -451.9,-101.7
-454.4,-101.7 "/>
<path class="st6" d="M-453.2-102.4c-7.5,0-13.6,6.1-13.6,13.6s6.1,13.6,13.6,13.6s13.6-6.1,13.6-13.6S-445.7-102.4-453.2-102.4z
M-453.2-77.6c-6.1,0-11.1-5-11.1-11.1s5-11.1,11.1-11.1s11.1,5,11.1,11.1S-447-77.6-453.2-77.6z"/>
<rect x="-455" y="-104.1" class="st6" width="3.6" height="3.9"/>
<rect x="-455" y="-76" class="st6" width="3.6" height="3.9"/>
<rect x="-469" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -379.1167 -555.3192)" class="st6" width="3.6" height="3.9"/>
<rect x="-441" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -351.0606 -527.2631)" class="st6" width="3.6" height="3.9"/>
</g>
<g class="st2">
<polygon class="st6" points="-445.3,-278.8 -447.5,-278.8 -463.9,-278.8 -463.9,-276.7 -447.5,-276.7 -445.3,-276.7
-441.7,-276.7 -441.7,-278.8 "/>
<polygon class="st6" points="-453.8,-284.7 -453.8,-282.5 -453.8,-266.1 -451.8,-266.1 -451.8,-282.5 -451.8,-284.7
-451.8,-288.3 -453.8,-288.3 "/>
<path class="st6" d="M-452.8-288.9c-6.1,0-11.1,5-11.1,11.1s5,11.1,11.1,11.1s11.1-5,11.1-11.1S-446.7-288.9-452.8-288.9z
M-452.8-268.7c-5,0-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1c5,0,9.1,4.1,9.1,9.1C-443.8-272.8-447.8-268.7-452.8-268.7z"/>
<rect x="-454.8" y="-290.3" class="st6" width="3.9" height="3.2"/>
<rect x="-454.8" y="-267.5" class="st6" width="3.9" height="3.2"/>
<rect x="-466.2" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -186.4478 -741.9766)" class="st6" width="3.9" height="3.2"/>
<rect x="-443.4" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -163.6597 -719.1885)" class="st6" width="3.9" height="3.2"/>
</g>
<rect x="-163.6" y="-295.8" class="st5" width="262.2" height="37"/>
<path class="st7" d="M-140.5-269.9l2.5-4.7h4.5v-1.5h-4.9c-0.3,0-0.5,0.1-0.6,0.4l-1.9,3.6l-2.2-6.3c-0.1-0.3-0.4-0.5-0.7-0.5
c-0.3,0-0.6,0.2-0.7,0.4l-1.8,4.2l-2.3-13.6c-0.1-0.3-0.4-0.6-0.7-0.6c-0.4,0-0.7,0.2-0.7,0.6l-2.1,16.5l-1.9-9.8
c-0.1-0.3-0.3-0.5-0.6-0.6c-0.3,0-0.6,0.1-0.8,0.4l-2.5,5.2h-3.6v1.5h4.1c0.3,0,0.5-0.2,0.7-0.4l1.8-3.7l2.3,12
c0.1,0.3,0.4,0.6,0.7,0.6h0c0.4,0,0.6-0.3,0.7-0.6l2.1-16.5l1.9,11.7c0.1,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.1,0.8-0.4l2-4.7l2.1,6.1
c0.1,0.3,0.3,0.5,0.6,0.5C-141-269.5-140.7-269.7-140.5-269.9z"/>
<g class="st2">
<g>
<path class="st6" d="M-91.7-368.9c-0.6-1.9-2-6.9-2.6-8.8c-1.8-5.9-3.7-11.7-5.5-17.6c-0.1-0.3,0-0.5,0.1-0.7
c0.4-0.5,0.7,0,1.1-0.5c0.2-0.3,0.4-0.4,0.7-0.6c1.4-1,3-1.5,4.7-1.5c0.6,0,1,0.2,1.2,0.7c0.1,0.2,0.6,0.6,1,0.7
c1.5,0.1,2.9-0.1,4.2-0.8c1.2-0.6,2.5-0.6,3.7-1.4c0.8-0.5,1.7-1.3,2.6-1.3c0.6,0,1.1,0,1.7,0.1c0.2,0,0.4,0.1,0.5,0.4
c1.7,4.6,3.2,8.3,4.9,12.9c0.2,0.5,0.2,0.2-0.4,0.1c-2.5-0.4-4.8,0.3-6.9,1.7c-1,0.7-1.6,1.3-2.7,1.8c-0.4,0.2-0.7,0.3-1.1,0.4
c-1.2,0.2-2.2-0.4-2.5-1.6c-0.1-0.3-0.6-0.5-0.9-0.6c-0.9-0.2-1.7,0-2.6,0.2c-1,0.3-2,0.7-2.9,1.1c-0.3,0.1-1.4,0.9-1.3,1.2
c1.1,3.3,3.1,9.8,4.2,13.1c0,0.1-0.1,0.1-0.1,0.2C-90.5-369.3-91.7-368.7-91.7-368.9z"/>
</g>
</g>
<g class="st2">
<g>
<path class="st6" d="M-46.4-374.3c-0.6-2-1.8-5.4-2.5-7.4c-2-6.2-3.9-12.4-5.9-18.7c-0.1-0.3-0.1-0.5,0.1-0.7
c0.4-0.5,0.8,0,1.1-0.6c0.2-0.3,0.5-0.5,0.7-0.7c1.5-1.1,3.1-1.6,4.9-1.6c0.6,0,2.6,0.2,2.8,0.8c0.1,0.2,0.7,0.7,1.1,0.7
c1.6,0.1,2.6,0,4-0.7c1.5-0.7,1.3-0.6,2.2-1.7c0.8-0.6,1.8-1.4,2.7-1.4c0.6,0,1.2,0,1.8,0.1c0.3,0,0.4,0.1,0.5,0.4
c1.8,4.9,2.9,7.2,4.7,12.1c0.2,0.6,0.2,0.2-0.4,0.1c-2.7-0.5-4.8-0.3-7,1.2c-1.1,0.7-2.6,1.4-3.8,1.9c-0.4,0.2-0.8,0.3-1.2,0.4
c-1.2,0.2-3.6-0.5-3.9-1.7c-0.1-0.3-1.2,0-2.1,0.3c-1.1,0.3-2.5,0.8-3.5,1.2c-0.1,0.3,0.8,2.5,0.9,2.8c1.2,3.5,2.8,8.5,3.9,12
c0,0.1-0.1,0.1-0.1,0.2C-45.1-374.8-46.3-374.2-46.4-374.3z"/>
</g>
</g>
<g class="st2">
<g>
<path class="st6" d="M-59.8-194.1c0.3-2.2,0.3-3.2,0.6-5.5c1-6.9,2-13.8,2.9-20.7c0-0.3,0.2-0.5,0.5-0.7c0.6-0.3,0.6,1.8,1.2,1.5
c0.3-0.2,0.7-0.2,1-0.3c1.9-0.4,3.7-0.1,5.5,0.7c0.6,0.3,2.4,1.4,2.3,2c0,0.2,0.7,1.1,1,1.4c1.5,1.2,2.2,1.1,3.9,1
c1.8,0,1.5,0,2.9-0.6c1.1-0.2,2.3-0.5,3.3-0.1c0.6,0.2,1.1,0.5,1.7,0.9c0.2,0.2,0.3,0.3,0.3,0.6c-0.6,5.6-0.3,6.8-0.9,12.3
c-0.1,0.6,0.1,0.3-0.4-0.1c-2.4-1.7-3.9-1.4-6.7-1.1c-1.4,0.2-3.2,0.1-4.5,0.1c-0.4,0-0.9-0.1-1.3-0.2c-1.3-0.3-3.4-1.7-4.3-3.1
c0.1-0.4-1.3-0.1-2.2-0.3c-1.2-0.2-2.2-0.7-3.4-0.7c-0.2,0.2-0.2,1.3-0.3,1.6c-0.5,4-0.7,7.1-1.2,11.1
C-57.9-194-59.8-193.9-59.8-194.1z"/>
</g>
</g>
<g class="st2">
<g>
<path class="st6" d="M-95.2-276.9c-0.7-2.8-1.5-5.5-2.3-8.2c-0.1-0.5-0.4-0.8-0.8-1.2c-0.3-0.3-0.1-1.4,0.2-2.4
c0.4,0,1.6,1.8,1.5,2.1c-0.1,0.5-0.1,0.9,0,1.4c0.2-0.7,0.2-0.9,0.5-1.3c1.4-1.9,3.3-2.8,5.6-2.8c1.9,0,1,0.4,2.9,0.6
c2,0.3,4,0.6,5.9-0.1c0.3-0.1,0.4,0,0.5,0.3c0.5,2,1.1,3.9,1.6,5.9c0.4,1.3,0.7,2.6,1.1,3.9c0.2,0.8,0.2,0.8-0.6,1
c-1.2,0.3-2.4,0.3-3.6,0.2c-2.4-0.2-2-0.9-4.5-0.9c-1.5,0-7.9-0.1-6.2,5c0.6,2.3,1.5,5.5,2.1,7.8c0.1,0.2-0.9,0.2-1-0.3
c-0.8-2.7-1.7-6.1-2.4-8.8c0-0.1-0.1-0.1-0.1-0.2"/>
</g>
</g>
<g class="st2">
<g>
<g>
<path class="st6" d="M-396.7-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
<g>
<path class="st6" d="M-402.5-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
</g>
<polygon class="st6" points="-406.3,-278.1 -406.9,-278.1 -411.1,-278.1 -411.1,-275.9 -406.9,-275.9 -406.3,-275.9
-405.4,-275.9 -405.4,-278.1 "/>
<polygon class="st6" points="-387.2,-278.1 -387.8,-278.1 -392,-278.1 -392,-275.9 -387.8,-275.9 -387.2,-275.9 -386.3,-275.9
-386.3,-278.1 "/>
<polygon class="st6" points="-399.9,-270.1 -399.9,-269.5 -399.9,-265.3 -397.7,-265.3 -397.7,-269.5 -397.7,-270.1 -397.7,-271
-399.9,-271 "/>
<polygon class="st6" points="-399.9,-287.8 -399.9,-287.2 -399.9,-283 -397.7,-283 -397.7,-287.2 -397.7,-287.8 -397.7,-288.7
-399.9,-288.7 "/>
<path class="st6" d="M-398.8-288.9c-6.6,0-11.9,5.3-11.9,11.9s5.3,11.9,11.9,11.9s11.9-5.3,11.9-11.9S-392.2-288.9-398.8-288.9z
M-398.8-267.3c-5.4,0-9.7-4.4-9.7-9.7c0-5.4,4.4-9.7,9.7-9.7s9.7,4.4,9.7,9.7C-389-271.6-393.4-267.3-398.8-267.3z"/>
<rect x="-400.9" y="-290.7" class="st6" width="4.2" height="3.5"/>
<rect x="-400.9" y="-266.2" class="st6" width="4.2" height="3.5"/>
<rect x="-413.1" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -134.0071 -688.0044)" class="st6" width="4.2" height="3.5"/>
<rect x="-388.6" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -109.459 -663.4564)" class="st6" width="4.2" height="3.5"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

193
static/src/assets/icon/stats/respawn.svg Normal file
View File

@ -0,0 +1,193 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{display:none;}
.st1{display:inline;}
.st2{display:inline;fill:#010002;}
.st3{display:inline;fill:#222222;}
.st4{fill:#FFFFFF;}
.st5{display:inline;fill:#FCFCFC;}
</style>
<g id="Capa_1" class="st0">
<polygon class="st1" points="190.1,27.1 148.1,27.1 -158.9,27.1 -158.9,65.1 148.1,65.1 190.1,65.1 258.1,65.1 258.1,27.1 "/>
<polygon class="st1" points="29.8,-89.4 29.8,-47.4 29.8,259.6 67.8,259.6 67.8,-47.4 67.8,-89.4 67.8,-157.4 29.8,-157.4 "/>
<path class="st2" d="M48.8-162.4c-115.2,0-208.5,93.3-208.5,208.5s93.3,208.5,208.5,208.5s208.5-93.3,208.5-208.5
S164-162.4,48.8-162.4z M48.8,216.1c-93.9,0-170-76.1-170-170s76.1-170,170-170s170,76.1,170,170S142.7,216.1,48.8,216.1z"/>
<rect x="12" y="-193.9" class="st2" width="73.7" height="60.3"/>
<rect x="12" y="234.6" class="st2" width="73.7" height="60.3"/>
<rect x="-201.8" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -210.9903 -118.8479)" class="st2" width="73.7" height="60.3"/>
<rect x="226.7" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 217.4746 309.6171)" class="st2" width="73.7" height="60.3"/>
</g>
<g id="Capa_3" class="st0">
<rect x="313.1" y="-192.9" style="display:inline;fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1.7 313.1425 -169.3731)" class="st1" style="font-family:'CharlieBrownM54'; font-size:36px;">F</text>
<rect x="430.1" y="-157.4" style="display:inline;fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1 430.1425 -121.3575)" class="st1" style="font-family:'Copy0865'; font-size:36px;">F</text>
<g class="st1">
<g>
<path d="M84,122.4H60.1V8.4c0-9.3,2.2-16.7,6.5-22.3c4.2-5.5,9.6-8.2,16-8.2h68.6v32.7H84v16.8h59.7v31H84V122.4z"/>
</g>
<g>
<path d="M-16.1,122.4H-40V8.4c0-9.3,2.2-16.7,6.5-22.3c4.2-5.5,9.6-8.2,16-8.2h68.6v32.7h-67.2v16.8h59.7v31h-59.7V122.4z"/>
</g>
</g>
<polygon class="st1" points="-83.2,27.1 -93.2,27.1 -166.9,27.1 -166.9,65.1 -93.2,65.1 -83.2,65.1 -66.9,65.1 -66.9,27.1 "/>
<polygon class="st1" points="249.9,27.1 239.8,27.1 166.2,27.1 166.2,65.1 239.8,65.1 249.9,65.1 266.2,65.1 266.2,27.1 "/>
<polygon class="st1" points="29.2,166.4 29.2,176.5 29.2,250.1 67.2,250.1 67.2,176.5 67.2,166.4 67.2,150.1 29.2,150.1 "/>
<polygon class="st1" points="29.2,-141.6 29.2,-131.6 29.2,-57.9 67.2,-57.9 67.2,-131.6 67.2,-141.6 67.2,-157.9 29.2,-157.9 "/>
<path class="st2" d="M48.8-162.4c-115.2,0-208.5,93.3-208.5,208.5s93.3,208.5,208.5,208.5s208.5-93.3,208.5-208.5
S164-162.4,48.8-162.4z M48.8,216.1c-93.9,0-170-76.1-170-170s76.1-170,170-170s170,76.1,170,170S142.7,216.1,48.8,216.1z"/>
<rect x="12" y="-193.9" class="st2" width="73.7" height="60.3"/>
<rect x="12" y="234.6" class="st2" width="73.7" height="60.3"/>
<rect x="-201.8" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -210.9903 -118.8479)" class="st2" width="73.7" height="60.3"/>
<rect x="226.7" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 217.4746 309.6171)" class="st2" width="73.7" height="60.3"/>
</g>
<g id="Capa_2">
<path d="M9.9,75.8c2.8,4.9,6.3,9.2,10.4,12.8c3.3,2.9,6.6,5.1,10.1,6.9c5.5,2.7,11.3,4.4,17.3,4.9c5.4,0.5,10.2,0.2,14.8-0.9
c11.5-2.7,21-9,28.2-18.7c4.8-6.5,8-14,9.2-22.5c0.2-1.1,0.2-2.2,0.3-3.3c0.1-1,0.1-2.1,0.3-3.1v-2.9c-0.1-1-0.2-2-0.3-3
c-0.1-1.2-0.2-2.4-0.4-3.5c-1-6.4-3.2-12.5-6.4-18c-2.4-4.2-5.4-7.9-8.9-11.2C80.1,8.9,74.8,5.6,69,3.4C65.4,2,61.4,1.1,57,0.5
H46.8c-3,0.4-6.5,1-9.9,2.2c-7.7,2.7-14,6.6-19.1,12.1l-0.3,0.3c-0.5,0.5-0.9,1-1.5,1.5c-0.5,0.4-1,0.8-1.4,1.1
c-0.2,0.1-0.3,0.3-0.5,0.4l-1.5,1.1L11,10.3C11,9.9,10.9,9.5,10.8,9c-0.2-0.9-0.3-1.9-0.5-2.9C10,4.5,9.4,4.1,7.9,4.4
C6.7,4.5,5.5,4.8,4.3,5C3.5,5.2,2.8,5.3,2,5.4C1.5,5.5,1,5.8,0.6,6.2v2.6C1.1,11.4,1.5,14,2,16.7c1.2,6.8,2.4,13.8,3.5,20.7
c0.1,0.9,0.4,1.5,0.9,1.8c0.4,0.3,1.1,0.4,2,0.2c2.2-0.5,4.5-0.9,6.7-1.3l0.8-0.1c1.7-0.3,3.4-0.6,5-0.9c5.3-1,10.8-2,16.3-2.9
c1.2-0.2,1.6-0.9,1.5-2.2C38.4,30,38,28,37.5,25.6c-0.3-1.5-0.8-1.9-2.3-1.6c-1.2,0.2-2.3,0.4-3.5,0.6c-0.9,0.2-1.9,0.4-2.8,0.5
c-1.1,0.2-2.1,0.4-3.3,0.6c-0.5,0.1-1.1,0.2-1.7,0.3l-3.5,0.6l2.5-2.6c2.1-2.2,4.1-4.3,6.5-6c8.7-6.4,18.4-8.7,28.7-7
c10.1,1.7,18.4,6.8,24.5,15.1c6.8,9.2,9.3,19.6,7.5,30.7c-1.6,9.9-6.2,18.1-13.8,24.3c-9.2,7.7-19.7,10.5-31,8.4
C32.7,87.3,23.2,80,17.2,67.9c-1.5-2.9-2.5-6.2-3.4-10.7c-0.2-1.1-0.5-1.4-1.5-1.4c-0.1,0-0.1,0-0.2,0c-1.7,0-3.4,0.4-5.1,0.8
c-0.3,0.1-0.6,0.1-1,0.2c-2,0.4-2.3,0.8-1.9,2.8C5.1,65.3,7.1,70.7,9.9,75.8z"/>
</g>
<g id="Capa_5" class="st0">
<g class="st1">
<g>
<path d="M-10.8-25.2c-8.3-31.5-17.4-62.8-25.7-94.3c-1.5-5.7-5.1-9.4-8.7-13.3c-3.2-3.4-1-16.2,2.1-27.1
c4.7-0.2,17.9,20.2,16.7,24c-1.7,5.6-1.1,10.8,0.5,16.4c2-7.8,1.9-10.6,5.5-15.4c16-21.4,37.4-31.7,64-32.4
c22.2-0.5,11.4,4.1,33.1,7.3c22.7,3.3,45.4,0.7,68-6.7c3.7-1.2,5,0.5,5.9,3.7c6.2,22.5,12.5,50.6,18.7,73
c4.2,15,8.2,20.9,12.5,35.9c2.4,8.6,2.3,9.5-6.6,11.6c-13.5,3.3-27.3,3.5-41.2,2.5C106-42,111.1-50,82.9-50.1
c-17.2-0.1-90.1,7.7-70.7,66.7c7.3,26.6,17.2,62.4,24.5,89c0.7,2.7-9.9,2-11.5-3.4C16.7,71.7,5.8,32-2.6,1.4
c-0.2-0.8-0.6-1.5-1.2-2.7"/>
</g>
</g>
</g>
<g id="Capa_6" class="st0">
<path class="st2" d="M161.2,154.7L201,79.8h71V56.7h-78c-4.2,0-8.2,2.4-10.1,6l-30.5,57.6L118.9,19.6c-1.6-4.6-5.7-7.7-10.5-7.8
c-4.8-0.2-9.2,2.6-11.1,7.1L69.1,85.7l-35.9-215c-0.9-5.3-6.2-9.7-11.4-9.4c-6.2,0.2-10.7,3.8-11.4,9.2l-33.2,262L-52.7-23.7
c-1-4.9-5-8.6-9.9-9.3c-4.8-0.7-9.7,2-11.9,6.5l-39.8,83.1H-172v23.1h64.8c4.4,0,8.5-2.6,10.5-6.6l27.8-57.9l36.4,189.6
c1.1,5.5,5.8,9.4,11.4,9.4h0.5c5.6-0.2,10.2-4.4,11-10L23.7-57l30,184.8c0.9,5,4.9,8.8,10,9.3c5.2,0.5,10-2.3,11.9-6.9l31.3-74.3
L140,153c1.6,4.3,5.5,7.4,10.1,7.9C154.8,161.1,159.1,158.7,161.2,154.7z"/>
</g>
<g id="Capa_4" class="st0">
<image style="display:inline;overflow:visible;" width="1022" height="139" xlink:href="517432F1.jpg" transform="matrix(1 0 0 1 -791.8575 -358.8575)">
</image>
<rect x="-461.5" y="-295.8" class="st3" width="104.7" height="37"/>
<rect x="-467.9" y="-107.8" class="st3" width="44" height="37"/>
<g class="st1">
<polygon class="st4" points="-441.4,-89.3 -444.2,-89.3 -464.3,-89.3 -464.3,-86.9 -444.2,-86.9 -441.4,-86.9 -437,-86.9
-437,-89.3 "/>
<polygon class="st4" points="-451.9,-97.3 -451.9,-94.5 -451.9,-74.4 -449.4,-74.4 -449.4,-94.5 -449.4,-97.3 -449.4,-101.7
-451.9,-101.7 "/>
<path class="st4" d="M-450.6-102.4c-7.5,0-13.6,6.1-13.6,13.6s6.1,13.6,13.6,13.6c7.5,0,13.6-6.1,13.6-13.6
S-443.1-102.4-450.6-102.4z M-450.6-77.6c-6.1,0-11.1-5-11.1-11.1s5-11.1,11.1-11.1c6.1,0,11.1,5,11.1,11.1
S-444.5-77.6-450.6-77.6z"/>
<rect x="-452.4" y="-104.1" class="st4" width="3.6" height="3.9"/>
<rect x="-452.4" y="-76" class="st4" width="3.6" height="3.9"/>
<rect x="-466.5" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -376.5727 -552.7751)" class="st4" width="3.6" height="3.9"/>
<rect x="-438.4" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -348.5165 -524.719)" class="st4" width="3.6" height="3.9"/>
</g>
<g class="st1">
<polygon class="st4" points="-442.7,-278.8 -445,-278.8 -461.3,-278.8 -461.3,-276.7 -445,-276.7 -442.7,-276.7 -439.1,-276.7
-439.1,-278.8 "/>
<polygon class="st4" points="-451.3,-284.7 -451.3,-282.5 -451.3,-266.1 -449.3,-266.1 -449.3,-282.5 -449.3,-284.7
-449.3,-288.3 -451.3,-288.3 "/>
<path class="st4" d="M-450.3-288.9c-6.1,0-11.1,5-11.1,11.1s5,11.1,11.1,11.1s11.1-5,11.1-11.1S-444.1-288.9-450.3-288.9z
M-450.3-268.7c-5,0-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1c5,0,9.1,4.1,9.1,9.1C-441.2-272.8-445.3-268.7-450.3-268.7z"/>
<rect x="-452.2" y="-290.3" class="st4" width="3.9" height="3.2"/>
<rect x="-452.2" y="-267.5" class="st4" width="3.9" height="3.2"/>
<rect x="-463.6" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -183.9038 -739.4326)" class="st4" width="3.9" height="3.2"/>
<rect x="-440.8" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -161.1157 -716.6445)" class="st4" width="3.9" height="3.2"/>
</g>
<rect x="-161" y="-295.8" class="st3" width="262.2" height="37"/>
<path class="st5" d="M-138-269.9l2.5-4.7h4.5v-1.5h-4.9c-0.3,0-0.5,0.1-0.6,0.4l-1.9,3.6l-2.2-6.3c-0.1-0.3-0.4-0.5-0.7-0.5
c-0.3,0-0.6,0.2-0.7,0.4l-1.8,4.2l-2.3-13.6c-0.1-0.3-0.4-0.6-0.7-0.6c-0.4,0-0.7,0.2-0.7,0.6l-2.1,16.5l-1.9-9.8
c-0.1-0.3-0.3-0.5-0.6-0.6c-0.3,0-0.6,0.1-0.8,0.4l-2.5,5.2h-3.6v1.5h4.1c0.3,0,0.5-0.2,0.7-0.4l1.8-3.7l2.3,12
c0.1,0.3,0.4,0.6,0.7,0.6h0c0.4,0,0.6-0.3,0.7-0.6l2.1-16.5l1.9,11.7c0.1,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.1,0.8-0.4l2-4.7l2.1,6.1
c0.1,0.3,0.3,0.5,0.6,0.5C-138.4-269.5-138.1-269.7-138-269.9z"/>
<g class="st1">
<g>
<path class="st4" d="M-89.2-368.9c-0.6-1.9-2-6.9-2.6-8.8c-1.8-5.9-3.7-11.7-5.5-17.6c-0.1-0.3,0-0.5,0.1-0.7
c0.4-0.5,0.7,0,1.1-0.5c0.2-0.3,0.4-0.4,0.7-0.6c1.4-1,3-1.5,4.7-1.5c0.6,0,1,0.2,1.2,0.7c0.1,0.2,0.6,0.6,1,0.7
c1.5,0.1,2.9-0.1,4.2-0.8c1.2-0.6,2.5-0.6,3.7-1.4c0.8-0.5,1.7-1.3,2.6-1.3c0.6,0,1.1,0,1.7,0.1c0.2,0,0.4,0.1,0.5,0.4
c1.7,4.6,3.2,8.3,4.9,12.9c0.2,0.5,0.2,0.2-0.4,0.1c-2.5-0.4-4.8,0.3-6.9,1.7c-1,0.7-1.6,1.3-2.7,1.8c-0.4,0.2-0.7,0.3-1.1,0.4
c-1.2,0.2-2.2-0.4-2.5-1.6c-0.1-0.3-0.6-0.5-0.9-0.6c-0.9-0.2-1.7,0-2.6,0.2c-1,0.3-2,0.7-2.9,1.1c-0.3,0.1-1.4,0.9-1.3,1.2
c1.1,3.3,3.1,9.8,4.2,13.1c0,0.1-0.1,0.1-0.1,0.2C-88-369.3-89.1-368.7-89.2-368.9z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st4" d="M-43.8-374.3c-0.6-2-1.8-5.4-2.5-7.4c-2-6.2-3.9-12.4-5.9-18.7c-0.1-0.3-0.1-0.5,0.1-0.7
c0.4-0.5,0.8,0,1.1-0.6c0.2-0.3,0.5-0.5,0.7-0.7c1.5-1.1,3.1-1.6,4.9-1.6c0.6,0,2.6,0.2,2.8,0.8c0.1,0.2,0.7,0.7,1.1,0.7
c1.6,0.1,2.6,0,4-0.7c1.5-0.7,1.3-0.6,2.2-1.7c0.8-0.6,1.8-1.4,2.7-1.4c0.6,0,1.2,0,1.8,0.1c0.3,0,0.4,0.1,0.5,0.4
c1.8,4.9,2.9,7.2,4.7,12.1c0.2,0.6,0.2,0.2-0.4,0.1c-2.7-0.5-4.8-0.3-7,1.2c-1.1,0.7-2.6,1.4-3.8,1.9c-0.4,0.2-0.8,0.3-1.2,0.4
c-1.2,0.2-3.6-0.5-3.9-1.7c-0.1-0.3-1.2,0-2.1,0.3c-1.1,0.3-2.5,0.8-3.5,1.2c-0.1,0.3,0.8,2.5,0.9,2.8c1.2,3.5,2.8,8.5,3.9,12
c0,0.1-0.1,0.1-0.1,0.2C-42.6-374.8-43.8-374.2-43.8-374.3z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st4" d="M-57.2-194.1c0.3-2.2,0.3-3.2,0.6-5.5c1-6.9,2-13.8,2.9-20.7c0-0.3,0.2-0.5,0.5-0.7c0.6-0.3,0.6,1.8,1.2,1.5
c0.3-0.2,0.7-0.2,1-0.3c1.9-0.4,3.7-0.1,5.5,0.7c0.6,0.3,2.4,1.4,2.3,2c0,0.2,0.7,1.1,1,1.4c1.5,1.2,2.2,1.1,3.9,1
c1.8,0,1.5,0,2.9-0.6c1.1-0.2,2.3-0.5,3.3-0.1c0.6,0.2,1.1,0.5,1.7,0.9c0.2,0.2,0.3,0.3,0.3,0.6c-0.6,5.6-0.3,6.8-0.9,12.3
c-0.1,0.6,0.1,0.3-0.4-0.1c-2.4-1.7-3.9-1.4-6.7-1.1c-1.4,0.2-3.2,0.1-4.5,0.1c-0.4,0-0.9-0.1-1.3-0.2c-1.3-0.3-3.4-1.7-4.3-3.1
c0.1-0.4-1.3-0.1-2.2-0.3c-1.2-0.2-2.2-0.7-3.4-0.7c-0.2,0.2-0.2,1.3-0.3,1.6c-0.5,4-0.7,7.1-1.2,11.1
C-55.4-194-57.2-193.9-57.2-194.1z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st4" d="M-92.6-276.9c-0.7-2.8-1.5-5.5-2.3-8.2c-0.1-0.5-0.4-0.8-0.8-1.2c-0.3-0.3-0.1-1.4,0.2-2.4
c0.4,0,1.6,1.8,1.5,2.1c-0.1,0.5-0.1,0.9,0,1.4c0.2-0.7,0.2-0.9,0.5-1.3c1.4-1.9,3.3-2.8,5.6-2.8c1.9,0,1,0.4,2.9,0.6
c2,0.3,4,0.6,5.9-0.1c0.3-0.1,0.4,0,0.5,0.3c0.5,2,1.1,3.9,1.6,5.9c0.4,1.3,0.7,2.6,1.1,3.9c0.2,0.8,0.2,0.8-0.6,1
c-1.2,0.3-2.4,0.3-3.6,0.2c-2.4-0.2-2-0.9-4.5-0.9c-1.5,0-7.9-0.1-6.2,5c0.6,2.3,1.5,5.5,2.1,7.8c0.1,0.2-0.9,0.2-1-0.3
c-0.8-2.7-1.7-6.1-2.4-8.8c0-0.1-0.1-0.1-0.1-0.2"/>
</g>
</g>
<g class="st1">
<g>
<g>
<path class="st4" d="M-394.2-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
<g>
<path class="st4" d="M-399.9-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
</g>
<polygon class="st4" points="-403.8,-278.1 -404.4,-278.1 -408.6,-278.1 -408.6,-275.9 -404.4,-275.9 -403.8,-275.9
-402.8,-275.9 -402.8,-278.1 "/>
<polygon class="st4" points="-384.7,-278.1 -385.3,-278.1 -389.5,-278.1 -389.5,-275.9 -385.3,-275.9 -384.7,-275.9
-383.8,-275.9 -383.8,-278.1 "/>
<polygon class="st4" points="-397.3,-270.1 -397.3,-269.5 -397.3,-265.3 -395.2,-265.3 -395.2,-269.5 -395.2,-270.1 -395.2,-271
-397.3,-271 "/>
<polygon class="st4" points="-397.3,-287.8 -397.3,-287.2 -397.3,-283 -395.2,-283 -395.2,-287.2 -395.2,-287.8 -395.2,-288.7
-397.3,-288.7 "/>
<path class="st4" d="M-396.2-288.9c-6.6,0-11.9,5.3-11.9,11.9s5.3,11.9,11.9,11.9s11.9-5.3,11.9-11.9S-389.6-288.9-396.2-288.9z
M-396.2-267.3c-5.4,0-9.7-4.4-9.7-9.7c0-5.4,4.4-9.7,9.7-9.7s9.7,4.4,9.7,9.7C-386.5-271.6-390.8-267.3-396.2-267.3z"/>
<rect x="-398.3" y="-290.7" class="st4" width="4.2" height="3.5"/>
<rect x="-398.3" y="-266.2" class="st4" width="4.2" height="3.5"/>
<rect x="-410.6" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -131.4631 -685.4603)" class="st4" width="4.2" height="3.5"/>
<rect x="-386" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -106.915 -660.9123)" class="st4" width="4.2" height="3.5"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

198
static/src/assets/icon/stats/revive.svg Normal file
View File

@ -0,0 +1,198 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 125.8 100" style="enable-background:new 0 0 125.8 100;" xml:space="preserve">
<style type="text/css">
.st0{display:none;}
.st1{display:inline;}
.st2{display:inline;fill:#010002;}
.st3{stroke:#FFFFFF;stroke-width:9;stroke-miterlimit:10;}
.st4{fill:#010002;}
.st5{display:inline;fill:#222222;}
.st6{fill:#FFFFFF;}
.st7{display:inline;fill:#FCFCFC;}
</style>
<g id="Capa_1" class="st0">
<polygon class="st1" points="187.9,27.1 145.9,27.1 -161.1,27.1 -161.1,65.1 145.9,65.1 187.9,65.1 255.9,65.1 255.9,27.1 "/>
<polygon class="st1" points="27.6,-89.4 27.6,-47.4 27.6,259.6 65.6,259.6 65.6,-47.4 65.6,-89.4 65.6,-157.4 27.6,-157.4 "/>
<path class="st2" d="M46.6-162.4c-115.2,0-208.5,93.3-208.5,208.5s93.3,208.5,208.5,208.5s208.5-93.3,208.5-208.5
S161.7-162.4,46.6-162.4z M46.6,216.1c-93.9,0-170-76.1-170-170s76.1-170,170-170s170,76.1,170,170S140.4,216.1,46.6,216.1z"/>
<rect x="9.7" y="-193.9" class="st2" width="73.7" height="60.3"/>
<rect x="9.7" y="234.6" class="st2" width="73.7" height="60.3"/>
<rect x="-204" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -213.2508 -121.1083)" class="st2" width="73.7" height="60.3"/>
<rect x="224.4" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 215.2142 307.3567)" class="st2" width="73.7" height="60.3"/>
</g>
<g id="Capa_3" class="st0">
<rect x="310.9" y="-192.9" style="display:inline;fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1.7 310.882 -169.3731)" class="st1" style="font-family:'CharlieBrownM54'; font-size:36px;">F</text>
<rect x="427.9" y="-157.4" style="display:inline;fill:none;" width="82.5" height="96.1"/>
<text transform="matrix(1 0 0 1 427.882 -121.3575)" class="st1" style="font-family:'Copy0865'; font-size:36px;">F</text>
<g class="st1">
<g>
<path d="M81.7,122.4H57.9V8.4c0-9.3,2.2-16.7,6.5-22.3c4.2-5.5,9.6-8.2,16-8.2h68.6v32.7H81.7v16.8h59.7v31H81.7V122.4z"/>
</g>
<g>
<path d="M-18.4,122.4h-23.9V8.4c0-9.3,2.2-16.7,6.5-22.3c4.2-5.5,9.6-8.2,16-8.2h68.6v32.7h-67.2v16.8h59.7v31h-59.7V122.4z"/>
</g>
</g>
<polygon class="st1" points="-85.4,27.1 -95.5,27.1 -169.1,27.1 -169.1,65.1 -95.5,65.1 -85.4,65.1 -69.1,65.1 -69.1,27.1 "/>
<polygon class="st1" points="247.6,27.1 237.5,27.1 163.9,27.1 163.9,65.1 237.5,65.1 247.6,65.1 263.9,65.1 263.9,27.1 "/>
<polygon class="st1" points="26.9,166.4 26.9,176.5 26.9,250.1 64.9,250.1 64.9,176.5 64.9,166.4 64.9,150.1 26.9,150.1 "/>
<polygon class="st1" points="26.9,-141.6 26.9,-131.6 26.9,-57.9 64.9,-57.9 64.9,-131.6 64.9,-141.6 64.9,-157.9 26.9,-157.9 "/>
<path class="st2" d="M46.6-162.4c-115.2,0-208.5,93.3-208.5,208.5s93.3,208.5,208.5,208.5s208.5-93.3,208.5-208.5
S161.7-162.4,46.6-162.4z M46.6,216.1c-93.9,0-170-76.1-170-170s76.1-170,170-170s170,76.1,170,170S140.4,216.1,46.6,216.1z"/>
<rect x="9.7" y="-193.9" class="st2" width="73.7" height="60.3"/>
<rect x="9.7" y="234.6" class="st2" width="73.7" height="60.3"/>
<rect x="-204" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -213.2508 -121.1083)" class="st2" width="73.7" height="60.3"/>
<rect x="224.4" y="15.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 215.2142 307.3567)" class="st2" width="73.7" height="60.3"/>
</g>
<g id="Capa_2" class="st0">
<g class="st1">
<g>
<path class="st3" d="M252.9,55.9c-1.2,8.4-1.2,16.8-2.5,25.2c-5.2,32.8-17.4,62.6-37.7,88.9c-29.5,38.3-67.8,63-114.9,73.8
c-19.9,4.5-40,5.4-60.4,3.7c-24.8-2.1-48.3-8.5-70.6-19.3c-14.8-7.2-28.4-16.4-41-27.1c-17-14.5-31.1-31.3-42.3-50.6
c-11.7-20-19.7-41.4-23.8-64.1c-1.9-10.3,0.9-13.9,11.2-15.9c8.3-1.6,16.5-3.6,25-3.8c6.8-0.2,9.8,2.1,11.2,8.9
c2.9,13.9,6.6,27.5,13.1,40.1c23,44.9,59.2,72.9,108.9,81.8c44.5,8,84.7-3.1,119.9-31.5c29.3-23.6,47.1-54.4,53.3-91.3
c7.1-42.4-3.2-81.1-29.1-115.3c-23.9-31.5-55.9-50.3-94.7-56.7c-40.3-6.6-77.3,2.4-110.8,26.2c-9,6.4-16.7,14.1-25.5,22.8
c7.5-1.2,13.7-2.2,19.9-3.3c8.3-1.5,16.6-3.1,24.9-4.5c8.3-1.4,12.7,1.4,14.5,9.6c1.8,8.1,3.4,16.2,4.6,24.4
C7.2-14.5,3.2-9.7-3.5-8.6C-31.8-3.9-60,1.2-88.2,6.3c-9.9,1.8-19.9,3.5-29.8,5.5c-7.9,1.6-14.7-0.2-16.6-11.3
c-6.3-36.9-13-73.7-19.6-110.6c0-4,0-8,0-12c2.3-3.3,5.3-5.3,9.3-6c7.8-1.4,15.6-3,23.5-4.2c8.6-1.3,13,2,14.7,10.7
c1,5.4,1.9,10.7,2.9,16.1c1.7,9.6,3.5,19.2,4.9,27.3c2.2-1.7,4.9-3.4,7.3-5.5c2.4-2.1,4.5-4.4,6.7-6.7c21.9-22.7,48.3-38,78-48
c13.2-4.4,26.9-6.9,40.7-8.7c13.7,0,27.3,0,41,0c16.8,2.1,33.2,5.6,49.2,11.5c23.8,8.8,45.1,21.8,63.9,38.7
c14.2,12.9,26.3,27.6,36.3,44.1c13.3,22,21.9,45.6,26.1,71c1.4,8.5,1.4,17.2,2.6,25.7C252.9,47.9,252.9,51.9,252.9,55.9z"/>
</g>
</g>
</g>
<g id="Capa_5" class="st0">
<g class="st1">
<g>
<path d="M-13.1-25.2c-8.3-31.5-17.4-62.8-25.7-94.3c-1.5-5.7-5.1-9.4-8.7-13.3c-3.2-3.4-1-16.2,2.1-27.1
c4.7-0.2,17.9,20.2,16.7,24c-1.7,5.6-1.1,10.8,0.5,16.4c2-7.8,1.9-10.6,5.5-15.4c16-21.4,37.4-31.7,64-32.4
c22.2-0.5,11.4,4.1,33.1,7.3c22.7,3.3,45.4,0.7,68-6.7c3.7-1.2,5,0.5,5.9,3.7c6.2,22.5,12.5,50.6,18.7,73
c4.2,15,8.2,20.9,12.5,35.9c2.4,8.6,2.3,9.5-6.6,11.6c-13.5,3.3-27.3,3.5-41.2,2.5c-28-2.1-22.8-10.1-51.1-10.2
C63.4-50.2-9.5-42.4,10,16.6c7.3,26.6,17.2,62.4,24.5,89c0.7,2.7-9.9,2-11.5-3.4C14.4,71.7,3.6,32-4.8,1.4C-5,0.6-5.5-0.1-6-1.4"
/>
</g>
</g>
</g>
<g id="Capa_6">
<path class="st4" d="M94.4,83.1l11.3-21.2h20.1v-6.5h-22.1c-1.2,0-2.3,0.7-2.9,1.7l-8.6,16.3l-9.8-28.5c-0.5-1.3-1.6-2.2-3-2.2
c-1.4,0-2.6,0.7-3.1,2l-8,18.9L58.1,2.7c-0.3-1.5-1.8-2.7-3.2-2.7c-1.8,0-3,1.1-3.2,2.6l-9.4,74.2l-8.5-44.2
c-0.3-1.4-1.4-2.4-2.8-2.6c-1.4-0.2-2.8,0.6-3.4,1.8L16.3,55.4H0v6.5h18.4c1.2,0,2.4-0.7,3-1.9l7.9-16.4l10.3,53.7
c0.3,1.5,1.7,2.7,3.2,2.7h0.1c1.6,0,2.9-1.2,3.1-2.8l9.4-74l8.5,52.3c0.3,1.4,1.4,2.5,2.8,2.6c1.5,0.2,2.8-0.6,3.4-2l8.9-21
l9.4,27.5c0.4,1.2,1.6,2.1,2.8,2.2C92.6,84.9,93.8,84.2,94.4,83.1z"/>
</g>
<g id="Capa_4" class="st0">
<image style="display:inline;overflow:visible;" width="1022" height="139" xlink:href="D019D3CC.jpg" transform="matrix(1 0 0 1 -794.1179 -358.8575)">
</image>
<rect x="-463.8" y="-295.8" class="st5" width="104.7" height="37"/>
<rect x="-470.1" y="-107.8" class="st5" width="44" height="37"/>
<g class="st1">
<polygon class="st6" points="-443.7,-89.3 -446.4,-89.3 -466.5,-89.3 -466.5,-86.9 -446.4,-86.9 -443.7,-86.9 -439.2,-86.9
-439.2,-89.3 "/>
<polygon class="st6" points="-454.1,-97.3 -454.1,-94.5 -454.1,-74.4 -451.6,-74.4 -451.6,-94.5 -451.6,-97.3 -451.6,-101.7
-454.1,-101.7 "/>
<path class="st6" d="M-452.9-102.4c-7.5,0-13.6,6.1-13.6,13.6s6.1,13.6,13.6,13.6c7.5,0,13.6-6.1,13.6-13.6
S-445.4-102.4-452.9-102.4z M-452.9-77.6c-6.1,0-11.1-5-11.1-11.1s5-11.1,11.1-11.1c6.1,0,11.1,5,11.1,11.1
S-446.8-77.6-452.9-77.6z"/>
<rect x="-454.7" y="-104.1" class="st6" width="3.6" height="3.9"/>
<rect x="-454.7" y="-76" class="st6" width="3.6" height="3.9"/>
<rect x="-468.7" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -378.8331 -555.0355)" class="st6" width="3.6" height="3.9"/>
<rect x="-440.7" y="-90.1" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -350.777 -526.9794)" class="st6" width="3.6" height="3.9"/>
</g>
<g class="st1">
<polygon class="st6" points="-445,-278.8 -447.2,-278.8 -463.6,-278.8 -463.6,-276.7 -447.2,-276.7 -445,-276.7 -441.4,-276.7
-441.4,-278.8 "/>
<polygon class="st6" points="-453.5,-284.7 -453.5,-282.5 -453.5,-266.1 -451.5,-266.1 -451.5,-282.5 -451.5,-284.7
-451.5,-288.3 -453.5,-288.3 "/>
<path class="st6" d="M-452.5-288.9c-6.1,0-11.1,5-11.1,11.1s5,11.1,11.1,11.1c6.1,0,11.1-5,11.1-11.1S-446.4-288.9-452.5-288.9z
M-452.5-268.7c-5,0-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1c5,0,9.1,4.1,9.1,9.1C-443.5-272.8-447.5-268.7-452.5-268.7z"/>
<rect x="-454.5" y="-290.3" class="st6" width="3.9" height="3.2"/>
<rect x="-454.5" y="-267.5" class="st6" width="3.9" height="3.2"/>
<rect x="-465.9" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -186.1642 -741.693)" class="st6" width="3.9" height="3.2"/>
<rect x="-443.1" y="-279.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -163.3761 -718.9049)" class="st6" width="3.9" height="3.2"/>
</g>
<rect x="-163.3" y="-295.8" class="st5" width="262.2" height="37"/>
<path class="st7" d="M-140.3-269.9l2.5-4.7h4.5v-1.5h-4.9c-0.3,0-0.5,0.1-0.6,0.4l-1.9,3.6l-2.2-6.3c-0.1-0.3-0.4-0.5-0.7-0.5
c-0.3,0-0.6,0.2-0.7,0.4l-1.8,4.2l-2.3-13.6c-0.1-0.3-0.4-0.6-0.7-0.6c-0.4,0-0.7,0.2-0.7,0.6l-2.1,16.5l-1.9-9.8
c-0.1-0.3-0.3-0.5-0.6-0.6c-0.3,0-0.6,0.1-0.8,0.4l-2.5,5.2h-3.6v1.5h4.1c0.3,0,0.5-0.2,0.7-0.4l1.8-3.7l2.3,12
c0.1,0.3,0.4,0.6,0.7,0.6h0c0.4,0,0.6-0.3,0.7-0.6l2.1-16.5l1.9,11.7c0.1,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.1,0.8-0.4l2-4.7l2.1,6.1
c0.1,0.3,0.3,0.5,0.6,0.5C-140.7-269.5-140.4-269.7-140.3-269.9z"/>
<g class="st1">
<g>
<path class="st6" d="M-91.4-368.9c-0.6-1.9-2-6.9-2.6-8.8c-1.8-5.9-3.7-11.7-5.5-17.6c-0.1-0.3,0-0.5,0.1-0.7
c0.4-0.5,0.7,0,1.1-0.5c0.2-0.3,0.4-0.4,0.7-0.6c1.4-1,3-1.5,4.7-1.5c0.6,0,1,0.2,1.2,0.7c0.1,0.2,0.6,0.6,1,0.7
c1.5,0.1,2.9-0.1,4.2-0.8c1.2-0.6,2.5-0.6,3.7-1.4c0.8-0.5,1.7-1.3,2.6-1.3c0.6,0,1.1,0,1.7,0.1c0.2,0,0.4,0.1,0.5,0.4
c1.7,4.6,3.2,8.3,4.9,12.9c0.2,0.5,0.2,0.2-0.4,0.1c-2.5-0.4-4.8,0.3-6.9,1.7c-1,0.7-1.6,1.3-2.7,1.8c-0.4,0.2-0.7,0.3-1.1,0.4
c-1.2,0.2-2.2-0.4-2.5-1.6c-0.1-0.3-0.6-0.5-0.9-0.6c-0.9-0.2-1.7,0-2.6,0.2c-1,0.3-2,0.7-2.9,1.1c-0.3,0.1-1.4,0.9-1.3,1.2
c1.1,3.3,3.1,9.8,4.2,13.1c0,0.1-0.1,0.1-0.1,0.2C-90.3-369.3-91.4-368.7-91.4-368.9z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st6" d="M-46.1-374.3c-0.6-2-1.8-5.4-2.5-7.4c-2-6.2-3.9-12.4-5.9-18.7c-0.1-0.3-0.1-0.5,0.1-0.7
c0.4-0.5,0.8,0,1.1-0.6c0.2-0.3,0.5-0.5,0.7-0.7c1.5-1.1,3.1-1.6,4.9-1.6c0.6,0,2.6,0.2,2.8,0.8c0.1,0.2,0.7,0.7,1.1,0.7
c1.6,0.1,2.6,0,4-0.7c1.5-0.7,1.3-0.6,2.2-1.7c0.8-0.6,1.8-1.4,2.7-1.4c0.6,0,1.2,0,1.8,0.1c0.3,0,0.4,0.1,0.5,0.4
c1.8,4.9,2.9,7.2,4.7,12.1c0.2,0.6,0.2,0.2-0.4,0.1c-2.7-0.5-4.8-0.3-7,1.2c-1.1,0.7-2.6,1.4-3.8,1.9c-0.4,0.2-0.8,0.3-1.2,0.4
c-1.2,0.2-3.6-0.5-3.9-1.7c-0.1-0.3-1.2,0-2.1,0.3c-1.1,0.3-2.5,0.8-3.5,1.2c-0.1,0.3,0.8,2.5,0.9,2.8c1.2,3.5,2.8,8.5,3.9,12
c0,0.1-0.1,0.1-0.1,0.2C-44.8-374.8-46-374.2-46.1-374.3z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st6" d="M-59.5-194.1c0.3-2.2,0.3-3.2,0.6-5.5c1-6.9,2-13.8,2.9-20.7c0-0.3,0.2-0.5,0.5-0.7c0.6-0.3,0.6,1.8,1.2,1.5
c0.3-0.2,0.7-0.2,1-0.3c1.9-0.4,3.7-0.1,5.5,0.7c0.6,0.3,2.4,1.4,2.3,2c0,0.2,0.7,1.1,1,1.4c1.5,1.2,2.2,1.1,3.9,1
c1.8,0,1.5,0,2.9-0.6c1.1-0.2,2.3-0.5,3.3-0.1c0.6,0.2,1.1,0.5,1.7,0.9c0.2,0.2,0.3,0.3,0.3,0.6c-0.6,5.6-0.3,6.8-0.9,12.3
c-0.1,0.6,0.1,0.3-0.4-0.1c-2.4-1.7-3.9-1.4-6.7-1.1c-1.4,0.2-3.2,0.1-4.5,0.1c-0.4,0-0.9-0.1-1.3-0.2c-1.3-0.3-3.4-1.7-4.3-3.1
c0.1-0.4-1.3-0.1-2.2-0.3c-1.2-0.2-2.2-0.7-3.4-0.7c-0.2,0.2-0.2,1.3-0.3,1.6c-0.5,4-0.7,7.1-1.2,11.1
C-57.7-194-59.5-193.9-59.5-194.1z"/>
</g>
</g>
<g class="st1">
<g>
<path class="st6" d="M-94.9-276.9c-0.7-2.8-1.5-5.5-2.3-8.2c-0.1-0.5-0.4-0.8-0.8-1.2c-0.3-0.3-0.1-1.4,0.2-2.4
c0.4,0,1.6,1.8,1.5,2.1c-0.1,0.5-0.1,0.9,0,1.4c0.2-0.7,0.2-0.9,0.5-1.3c1.4-1.9,3.3-2.8,5.6-2.8c1.9,0,1,0.4,2.9,0.6
c2,0.3,4,0.6,5.9-0.1c0.3-0.1,0.4,0,0.5,0.3c0.5,2,1.1,3.9,1.6,5.9c0.4,1.3,0.7,2.6,1.1,3.9c0.2,0.8,0.2,0.8-0.6,1
c-1.2,0.3-2.4,0.3-3.6,0.2c-2.4-0.2-2-0.9-4.5-0.9c-1.5,0-7.9-0.1-6.2,5c0.6,2.3,1.5,5.5,2.1,7.8c0.1,0.2-0.9,0.2-1-0.3
c-0.8-2.7-1.7-6.1-2.4-8.8c0-0.1-0.1-0.1-0.1-0.2"/>
</g>
</g>
<g class="st1">
<g>
<g>
<path class="st6" d="M-396.5-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
<g>
<path class="st6" d="M-402.2-272.6h-1.4v-6.5c0-0.5,0.1-1,0.4-1.3c0.2-0.3,0.5-0.5,0.9-0.5h3.9v1.9h-3.8v1h3.4v1.8h-3.4V-272.6z
"/>
</g>
</g>
<polygon class="st6" points="-406,-278.1 -406.6,-278.1 -410.8,-278.1 -410.8,-275.9 -406.6,-275.9 -406,-275.9 -405.1,-275.9
-405.1,-278.1 "/>
<polygon class="st6" points="-387,-278.1 -387.5,-278.1 -391.8,-278.1 -391.8,-275.9 -387.5,-275.9 -387,-275.9 -386,-275.9
-386,-278.1 "/>
<polygon class="st6" points="-399.6,-270.1 -399.6,-269.5 -399.6,-265.3 -397.4,-265.3 -397.4,-269.5 -397.4,-270.1 -397.4,-271
-399.6,-271 "/>
<polygon class="st6" points="-399.6,-287.8 -399.6,-287.2 -399.6,-283 -397.4,-283 -397.4,-287.2 -397.4,-287.8 -397.4,-288.7
-399.6,-288.7 "/>
<path class="st6" d="M-398.5-288.9c-6.6,0-11.9,5.3-11.9,11.9s5.3,11.9,11.9,11.9s11.9-5.3,11.9-11.9S-391.9-288.9-398.5-288.9z
M-398.5-267.3c-5.4,0-9.7-4.4-9.7-9.7c0-5.4,4.4-9.7,9.7-9.7c5.4,0,9.7,4.4,9.7,9.7C-388.7-271.6-393.1-267.3-398.5-267.3z"/>
<rect x="-400.6" y="-290.7" class="st6" width="4.2" height="3.5"/>
<rect x="-400.6" y="-266.2" class="st6" width="4.2" height="3.5"/>
<rect x="-412.8" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -133.7235 -687.7208)" class="st6" width="4.2" height="3.5"/>
<rect x="-388.3" y="-278.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -109.1754 -663.1727)" class="st6" width="4.2" height="3.5"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

14
static/src/assets/icon/stats/statsChart.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<g>
<path d="M19.1,83.5h16.4c1.3,0,2.3-1,2.3-2.2V44c0-1.2-1-2.2-2.3-2.2H19.1c-1.3,0-2.3,1-2.3,2.2v37.2
C16.8,82.5,17.8,83.5,19.1,83.5z"/>
<path d="M46.6,83.5h16.4c1.3,0,2.3-1,2.3-2.2v-79c0-1.2-1-2.2-2.3-2.2H46.6c-1.3,0-2.3,1-2.3,2.2v79C44.3,82.5,45.4,83.5,46.6,83.5
z"/>
<path d="M74.2,83.5h16.4c1.3,0,2.3-1,2.3-2.2V28.1c0-1.2-1-2.2-2.3-2.2H74.2c-1.3,0-2.3,1-2.3,2.2v53.2
C71.9,82.5,72.9,83.5,74.2,83.5z"/>
<polygon points="8.5,91.5 8.5,0 0,0 0,91.5 -0.3,91.5 -0.3,100 0,100 8.5,100 100,100 100,91.5 "/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 889 B