diff --git a/Front/skydivelogs-app/src/app/app.component.ts b/Front/skydivelogs-app/src/app/app.component.ts
index f9fbbcc..65074a4 100644
--- a/Front/skydivelogs-app/src/app/app.component.ts
+++ b/Front/skydivelogs-app/src/app/app.component.ts
@@ -2,6 +2,8 @@ import { Component, OnInit } from "@angular/core";
 import { Router } from "@angular/router";
 import { TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
+import { MatToolbarModule } from "@angular/material/toolbar";
+import { MatIconModule } from "@angular/material/icon";
 
 import { User } from "../models/user";
 import { CacheApiKey } from "../models/cache-api-key.enum";
@@ -15,7 +17,7 @@ import { ServiceCacheApi } from "../services/service-cache-api.service";
   selector: "app-root",
   templateUrl: "./app.component.html",
   styleUrls: ["./app.component.css"],
-  imports: [CommonModule],
+  imports: [CommonModule, MatToolbarModule, MatIconModule],
 })
 export class AppComponent implements OnInit {
   public title = "app";
diff --git a/Front/skydivelogs-app/src/app/default/default.component.ts b/Front/skydivelogs-app/src/app/default/default.component.ts
index 3c5dabe..bcf59cf 100644
--- a/Front/skydivelogs-app/src/app/default/default.component.ts
+++ b/Front/skydivelogs-app/src/app/default/default.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit } from "@angular/core";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { Observable, forkJoin } from "rxjs";
+import { MatIconModule } from "@angular/material/icon";
 
 import { AircraftService } from "../../services/aircraft.service";
 import { AuthenticationService } from "../../services/authentication.service";
@@ -13,7 +14,7 @@ import { ServiceComm } from "../../services/service-comm.service";
   selector: "app-default",
   templateUrl: "./default.component.html",
   styleUrls: ["./default.component.css"],
-  imports: [TranslateModule],
+  imports: [TranslateModule, MatIconModule],
 })
 export class DefaultComponent implements OnInit {
   constructor(
diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
index de01598..7e0066a 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
@@ -4,6 +4,7 @@ import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
+import { MatIconModule } from "@angular/material/icon";
 
 import { AddAction } from "../../models/add-action.enum";
 import { DropZoneResp } from "../../models/dropzone";
@@ -16,7 +17,7 @@ import { NewDropZoneComponent } from "../new-drop-zone/new-drop-zone.component";
   selector: "app-list-of-dzs",
   templateUrl: "./list-of-dzs.component.html",
   styleUrls: ["./list-of-dzs.component.css"],
-  imports: [TranslateModule, CommonModule],
+  imports: [TranslateModule, CommonModule, MatIconModule],
 })
 export class ListOfDzsComponent implements OnInit {
   public displayedColumns: Array<string> = [
diff --git a/Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts b/Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts
index 6bdb659..75bec40 100644
--- a/Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts
@@ -4,6 +4,7 @@ import { MatTableDataSource } from "@angular/material/table";
 import { MatPaginator } from "@angular/material/paginator";
 import { trigger, state, style } from "@angular/animations";
 import { CommonModule } from "@angular/common";
+import { MatIconModule } from "@angular/material/icon";
 
 import { ImageService } from "../../services/image.service";
 import { ServiceComm } from "../../services/service-comm.service";
@@ -23,7 +24,7 @@ import { TranslateModule } from "@ngx-translate/core";
       state("rot270", style({ transform: "rotate(-270deg)" })),
     ]),
   ],
-  imports: [TranslateModule, CommonModule],
+  imports: [TranslateModule, CommonModule, MatIconModule],
 })
 export class ListOfImagesComponent implements OnInit {
   public displayedColumns: Array<string> = ["comment", "data"];
diff --git a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts
index f616e43..4d0ff87 100644
--- a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts
@@ -4,6 +4,7 @@ import { MatTableDataSource } from "@angular/material/table";
 import { MatDialog } from "@angular/material/dialog";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
+import { MatIconModule } from "@angular/material/icon";
 
 import { AddAction } from "../../models/add-action.enum";
 import { Jump } from "../../models/jump";
@@ -16,7 +17,7 @@ import { StatsService } from "../../services/stats.service";
   selector: "app-list-of-jumps",
   templateUrl: "./list-of-jumps.component.html",
   styleUrls: ["./list-of-jumps.component.css"],
-  imports: [TranslateModule, CommonModule],
+  imports: [TranslateModule, CommonModule, MatIconModule],
 })
 export class ListOfJumpsComponent implements OnInit {
   public displayedColumns: Array<string> = [
diff --git a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts
index 6b542f2..cae09e7 100644
--- a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts
@@ -3,6 +3,7 @@ import { formatDate } from "@angular/common";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { MatTableDataSource } from "@angular/material/table";
 import { CommonModule } from "@angular/common";
+import { MatIconModule } from "@angular/material/icon";
 
 import { ChartConfiguration, ChartData, ChartType } from "chart.js";
 import { from, groupBy, mergeMap, reduce, map } from "rxjs";
@@ -17,7 +18,7 @@ import { TunnelFlight, TunnelFlightByMonth } from "../../models/tunnel-flight";
   selector: "app-list-of-tunnel-flights",
   templateUrl: "./list-of-tunnel-flights.component.html",
   styleUrls: ["./list-of-tunnel-flights.component.css"],
-  imports: [TranslateModule, BaseChartDirective, CommonModule],
+  imports: [TranslateModule, BaseChartDirective, CommonModule, MatIconModule],
 })
 export class ListOfTunnelFlightsComponent implements OnInit {
   public barChartLegend = true;
diff --git a/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts b/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts
index 38efd23..f5ebdb1 100644
--- a/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts
+++ b/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts
@@ -7,6 +7,7 @@ import {
 } from "@angular/material/core";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
+import { MatIconModule } from "@angular/material/icon";
 
 import { JumpTypeResp } from "../../models/jumpType";
 import { AircraftResp } from "../../models/aircraft";
@@ -45,7 +46,7 @@ class PickDateAdapter extends NativeDateAdapter {
     { provide: DateAdapter, useClass: PickDateAdapter },
     { provide: MAT_DATE_FORMATS, useValue: PICK_FORMATS },
   ],
-  imports: [TranslateModule, CommonModule],
+  imports: [TranslateModule, CommonModule, MatIconModule],
 })
 export class NewJumpComponent implements OnInit {
   public beginDate: Date;
diff --git a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts
index 16eb3ea..cb4f179 100644
--- a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts
+++ b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts
@@ -7,6 +7,7 @@ import {
 } from "@angular/material/core";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
+import { MatIconModule } from "@angular/material/icon";
 
 import { TunnelResp } from "../../models/tunnel";
 
@@ -41,7 +42,12 @@ class PickDateAdapter extends NativeDateAdapter {
     { provide: DateAdapter, useClass: PickDateAdapter },
     { provide: MAT_DATE_FORMATS, useValue: PICK_FORMATS },
   ],
-  imports: [MatAutocompleteModule, TranslateModule, CommonModule],
+  imports: [
+    MatAutocompleteModule,
+    TranslateModule,
+    CommonModule,
+    MatIconModule,
+  ],
 })
 export class NewTunnelFlightComponent implements OnInit {
   public flightDate: Date;
diff --git a/Front/skydivelogs-app/src/app/summary/summary.component.ts b/Front/skydivelogs-app/src/app/summary/summary.component.ts
index 5df6d7e..914f27d 100644
--- a/Front/skydivelogs-app/src/app/summary/summary.component.ts
+++ b/Front/skydivelogs-app/src/app/summary/summary.component.ts
@@ -6,6 +6,7 @@ import { DatePipe } from "@angular/common";
 import { ChartConfiguration, ChartData, ChartType } from "chart.js";
 import { BaseChartDirective } from "ng2-charts";
 import { MatTabsModule } from "@angular/material/tabs";
+import { MatIconModule } from "@angular/material/icon";
 
 import { ServiceComm } from "../../services/service-comm.service";
 import { StatsService } from "../../services/stats.service";
@@ -21,7 +22,7 @@ import {
   selector: "app-summary",
   templateUrl: "./summary.component.html",
   styleUrls: ["./summary.component.css"],
-  imports: [MatTabsModule, TranslateModule, BaseChartDirective],
+  imports: [MatTabsModule, TranslateModule, BaseChartDirective, MatIconModule],
 })
 export class SummaryComponent implements OnInit {
   public dsNbJumpByDz: MatTableDataSource<StatsByDzResp>;