diff --git a/public/dnde-logo-192x192.png b/public/dnde-logo-192x192.png
new file mode 100644
index 0000000..9e2139e
Binary files /dev/null and b/public/dnde-logo-192x192.png differ
diff --git a/public/dnde-logo.svg b/public/dnde-logo.svg
new file mode 100644
index 0000000..7bd7db5
--- /dev/null
+++ b/public/dnde-logo.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="47" viewBox="0 0 48 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.2246 0.0720215H0.373291V46.9233H47.2246V0.0720215Z" fill="#2B3151"/>
+<path d="M25.1027 14.6127L38.1963 18.1211C38.237 18.1007 38.2842 18.1447 38.3282 18.1565C38.3282 18.1565 31.798 21.3818 26.3436 26.8363C20.8891 32.2908 17.8556 38.6291 17.8556 38.6291C16.8665 34.5314 15.3495 29.2485 14.3118 25.4036L22.5811 22.8821L25.1027 14.6127Z" fill="#FCE77D" stroke="#FCE77D" stroke-width="1.38402"/>
+<path d="M10.2358 10.236L22.3882 13.5387L13.4324 22.4945L10.2358 10.236Z" fill="#F96167" stroke="#F96167" stroke-width="1.38402"/>
+</svg>
diff --git a/public/index.html b/public/index.html
index bce4ad6..a1a5be2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,18 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="dnde - drag and drop editor for mail" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/dnde-logo.svg" type="image/svg+xml" sizes="any" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="dnde - drag and drop editor for mail" />
+  <link rel="shortcut icon" type="image/png" href="%PUBLIC_URL%/dnde-logo-192x192.png">
+  <link rel="shortcut icon" sizes="192x192" href="%PUBLIC_URL%/dnde-logo-192x192.png">
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/dnde-logo-192x192.png">
+
+  <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -21,12 +25,13 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>dnde - mail</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <title>dnde - mail</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -36,5 +41,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-  </body>
-</html>
+</body>
+
+</html>
\ No newline at end of file
