diff --git a/app/android-chrome-192x192.png b/app/android-chrome-192x192.png
new file mode 100644
index 0000000..5077dcb
Binary files /dev/null and b/app/android-chrome-192x192.png differ
diff --git a/app/android-chrome-512x512.png b/app/android-chrome-512x512.png
new file mode 100644
index 0000000..c594405
Binary files /dev/null and b/app/android-chrome-512x512.png differ
diff --git a/app/apple-touch-icon.png b/app/apple-touch-icon.png
new file mode 100644
index 0000000..ce17ae5
Binary files /dev/null and b/app/apple-touch-icon.png differ
diff --git a/app/components/NavItem.tsx b/app/components/NavItem.tsx
index 58490f4..7f4755c 100644
--- a/app/components/NavItem.tsx
+++ b/app/components/NavItem.tsx
@@ -7,7 +7,7 @@ export default function NavItem({
     children: React.ReactNode;
     href: string;
 }>) {
-    return <Link href={href} className="text-lg mx-4">
+    return <Link href={href} className="text-lg mx-4 flex">
         {children}
     </Link>
 }
\ No newline at end of file
diff --git a/app/favicon-16x16.png b/app/favicon-16x16.png
new file mode 100644
index 0000000..8fe423c
Binary files /dev/null and b/app/favicon-16x16.png differ
diff --git a/app/favicon-32x32.png b/app/favicon-32x32.png
new file mode 100644
index 0000000..b363955
Binary files /dev/null and b/app/favicon-32x32.png differ
diff --git a/app/favicon.ico b/app/favicon.ico
new file mode 100644
index 0000000..59ae0b0
Binary files /dev/null and b/app/favicon.ico differ
diff --git a/app/layout.tsx b/app/layout.tsx
index dbbd687..7c4987a 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,6 +3,8 @@ import "./globals.css";
 import Navbar from "./components/Navbar";
 import NavItem from "./components/NavItem";
 import Header from "./components/Header";
+import Image from "next/image";
+import logo from "./logo.png"
 
 export const metadata: Metadata = {
   title: "Portfolio - Mike Karl",
@@ -17,14 +19,14 @@ export default function RootLayout({
     <html lang="de">
       <body>
         <Header>
-          <NavItem href="/">
-            Logo
-          </NavItem>
           <Navbar>
             <NavItem href="/about">About</NavItem>
             <NavItem href="/projects">Projekte</NavItem>
             <NavItem href="/contact">Kontakt</NavItem>
           </Navbar>
+          <NavItem href="/">
+            <Image alt="logo.png" src={logo} width={70} height={70} />
+          </NavItem>
         </Header>
         {children}
         <div className="bg" />
diff --git a/app/logo.png b/app/logo.png
new file mode 100644
index 0000000..24c8d97
Binary files /dev/null and b/app/logo.png differ
diff --git a/app/site.webmanifest b/app/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/app/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file