diff --git a/Front/skydivelogs-app/src/assets/img/logo_black.ico b/Front/skydivelogs-app/src/assets/img/logo_black.ico
new file mode 100644
index 0000000..12a86b4
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/img/logo_black.ico differ
diff --git a/Front/skydivelogs-app/src/assets/img/logo_black.png b/Front/skydivelogs-app/src/assets/img/logo_black.png
new file mode 100644
index 0000000..d8849d4
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/img/logo_black.png differ
diff --git a/Front/skydivelogs-app/src/assets/img/logo_black.svg b/Front/skydivelogs-app/src/assets/img/logo_black.svg
new file mode 100644
index 0000000..d267047
--- /dev/null
+++ b/Front/skydivelogs-app/src/assets/img/logo_black.svg
@@ -0,0 +1,8 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="128.000000pt" height="128.000000pt" viewBox="0 0 128.000000 128.000000" preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)" fill="#faf7f7" stroke="none">
+<path d="M484 1265 c-97 -17 -136 -31 -227 -78 -149 -76 -243 -201 -254 -337 l-6 -68 140 -149 c77 -81 189 -201 249 -265 60 -64 110 -115 112 -113 3 3 -33 505 -43 583 l-5 42 190 0 189 0 -5 -47 c-9 -88 -43 -577 -40 -580 2 -2 277 289 435 460 l64 70 -6 68 c-8 92 -45 167 -119 240 -150 148 -426 219 -674 174z m-90 -417 c3 -13 10 -97 16 -188 6 -91 13 -182 16 -204 4 -21 2 -37 -3 -35 -5 2 -89 89 -187 193 l-178 190 53 18 c62 21 186 45 241 47 31 1 38 -3 42 -21z m636 7 c72 -13 177 -41 189 -51 4 -4 -347 -378 -360 -382 -6 -2 -8 7 -5 20 3 12 10 104 16 203 6 99 13 190 16 203 5 27 25 28 144 7z" fill="#000000"/>
+<path d="M585 695 c-49 -49 -16 -125 55 -125 44 0 80 35 80 77 0 34 -42 73 -80 73 -19 0 -40 -9 -55 -25z" fill="#000000"/>
+<path d="M562 514 c-21 -14 -22 -22 -22 -153 0 -100 -6 -166 -20 -237 -21 -103 -21 -124 4 -124 22 0 29 16 51 125 l21 100 44 0 44 0 21 -100 c21 -107 29 -125 50 -125 24 0 25 29 5 126 -14 69 -20 136 -20 235 0 162 -4 169 -100 169 -34 0 -64 -6 -78 -16z" fill="#000000"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/Front/skydivelogs-app/src/assets/img/logo_white.ico b/Front/skydivelogs-app/src/assets/img/logo_white.ico
new file mode 100644
index 0000000..42548bd
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/img/logo_white.ico differ
diff --git a/Front/skydivelogs-app/src/assets/img/logo_white.svg b/Front/skydivelogs-app/src/assets/img/logo_white.svg
new file mode 100644
index 0000000..c75eccb
--- /dev/null
+++ b/Front/skydivelogs-app/src/assets/img/logo_white.svg
@@ -0,0 +1,8 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="128.000000pt" height="128.000000pt" viewBox="0 0 128 128" preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)" fill="#ffffff" stroke="none">
+<path d="M484 1265 c-97 -17 -136 -31 -227 -78 -149 -76 -243 -201 -254 -337 l-6 -68 140 -149 c77 -81 189 -201 249 -265 60 -64 110 -115 112 -113 3 3 -33 505 -43 583 l-5 42 190 0 189 0 -5 -47 c-9 -88 -43 -577 -40 -580 2 -2 277 289 435 460 l64 70 -6 68 c-8 92 -45 167 -119 240 -150 148 -426 219 -674 174z m-90 -417 c3 -13 10 -97 16 -188 6 -91 13 -182 16 -204 4 -21 2 -37 -3 -35 -5 2 -89 89 -187 193 l-178 190 53 18 c62 21 186 45 241 47 31 1 38 -3 42 -21z m636 7 c72 -13 177 -41 189 -51 4 -4 -347 -378 -360 -382 -6 -2 -8 7 -5 20 3 12 10 104 16 203 6 99 13 190 16 203 5 27 25 28 144 7z" fill="#ffffff"/>
+<path d="M585 695 c-49 -49 -16 -125 55 -125 44 0 80 35 80 77 0 34 -42 73 -80 73 -19 0 -40 -9 -55 -25z" fill="#ffffff"/>
+<path d="M562 514 c-21 -14 -22 -22 -22 -153 0 -100 -6 -166 -20 -237 -21 -103 -21 -124 4 -124 22 0 29 16 51 125 l21 100 44 0 44 0 21 -100 c21 -107 29 -125 50 -125 24 0 25 29 5 126 -14 69 -20 136 -20 235 0 162 -4 169 -100 169 -34 0 -64 -6 -78 -16z" fill="#ffffff"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/Front/skydivelogs-app/src/index.html b/Front/skydivelogs-app/src/index.html
index 95e31ed..fd33795 100644
--- a/Front/skydivelogs-app/src/index.html
+++ b/Front/skydivelogs-app/src/index.html
@@ -1,32 +1,37 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>SkydivelogsApp</title>
-    <base href="/" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
-  </head>
+    <head>
+        <meta charset="utf-8" />
+        <title>SkydivelogsApp</title>
+        <base href="/" />
+        <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+        />
+        <link rel="icon" href="/assets/img/logo_white.ico" sizes="32x32" />
+        <link
+            rel="icon"
+            href="/assets/img/logo_white.svg"
+            type="image/svg+xml"
+        />
+    </head>
 
-  <body class="mat-app-background">
-    <app-root>
-      <div class="app-loading">
-        <div class="logo"></div>
-        <svg class="spinner" viewBox="25 25 50 50">
-          <circle
-            class="path"
-            cx="50"
-            cy="50"
-            r="20"
-            fill="none"
-            stroke-width="2"
-            stroke-miterlimit="10"
-          />
-        </svg>
-      </div>
-    </app-root>
-  </body>
+    <body class="mat-app-background">
+        <app-root>
+            <div class="app-loading">
+                <div class="logo"></div>
+                <svg class="spinner" viewBox="25 25 50 50">
+                    <circle
+                        class="path"
+                        cx="50"
+                        cy="50"
+                        r="20"
+                        fill="none"
+                        stroke-width="2"
+                        stroke-miterlimit="10"
+                    />
+                </svg>
+            </div>
+        </app-root>
+    </body>
 </html>
