diff --git a/angular.json b/angular.json
index fd8ba2d..01d2c07 100644
--- a/angular.json
+++ b/angular.json
@@ -31,7 +31,7 @@
             ],
             "tsConfig": "tsconfig.app.json",
             "assets": [
-              "src/favicon.ico",
+              "src/mqtt_creator.ico",
               "src/assets"
             ],
             "styles": [
@@ -102,7 +102,7 @@
             ],
             "tsConfig": "tsconfig.spec.json",
             "assets": [
-              "src/favicon.ico",
+              "src/mqtt_creator.ico",
               "src/assets"
             ],
             "styles": [
diff --git a/src/app/generator/generator.component.html b/src/app/generator/generator.component.html
index 4b59326..75bad3f 100644
--- a/src/app/generator/generator.component.html
+++ b/src/app/generator/generator.component.html
@@ -1,5 +1,8 @@
 <main class="flex flex-col gap-2 p-4">
-  <h2 class="text-3xl font-bold text-myButton text-center my-2 mb-4" >MQTT Discovery Creator</h2>
+  <div class="flex flex-row justify-left gap-4 items-center h-12">
+    <img src="mqtt_creator.ico" alt="app icon" class="h-full">
+    <h2 class="text-3xl font-bold text-myButton" >MQTT Discovery Creator</h2>
+  </div>
 
   <!-- <div class="border border-slate-800 my-2">
     <h2>Device: - not working</h2>
diff --git a/src/index.html b/src/index.html
index 069b65b..a8b8b8e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,10 +2,10 @@
 <html lang="en" class="h-full bg-myBlack" >
 <head>
   <meta charset="utf-8">
-  <title>MqttCreator</title>
+  <title>MQTT Creator</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/x-icon" href="mqtt_creator.ico">
 </head>
 <body >
   <app-root></app-root>
diff --git a/src/mqtt_creator.ico b/src/mqtt_creator.ico
new file mode 100644
index 0000000..aca91fe
Binary files /dev/null and b/src/mqtt_creator.ico differ
