diff --git a/frontend/angular.json b/frontend/angular.json
index 049a8d6..9862380 100644
--- a/frontend/angular.json
+++ b/frontend/angular.json
@@ -26,7 +26,7 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
-            "assets": ["src/favicon.ico", "src/assets"],
+            "assets": ["src/favicon.png", "src/assets"],
             "styles": [
               "./node_modules/@angular/material/prebuilt-themes/purple-green.css",
               "src/styles.scss"
diff --git a/frontend/src/assets/favicon.png b/frontend/src/assets/favicon.png
new file mode 100644
index 0000000..3ce092d
Binary files /dev/null and b/frontend/src/assets/favicon.png differ
diff --git a/frontend/src/favicon.ico b/frontend/src/favicon.ico
deleted file mode 100644
index 997406a..0000000
Binary files a/frontend/src/favicon.ico and /dev/null differ
diff --git a/frontend/src/index.html b/frontend/src/index.html
index 371b2a9..ef6157a 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -6,6 +6,7 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="preconnect" href="https://fonts.gstatic.com" />
+    <link rel="icon" type="image/x-icon" href="assets/favicon.png" />
     <link
       href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
       rel="stylesheet"