diff --git a/src/app.html b/src/app.html
index f273cc5..dc06840 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,8 +1,15 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="apple-touch-icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>Filaprint - 3D Printer Manager</title>
+		<meta
+			name="description"
+			content="Track your 3D prints, filament usage, and costs with Filaprint."
+		/>
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
diff --git a/src/lib/assets/favicon.png b/src/lib/assets/favicon.png
new file mode 100644
index 0000000..c30032c
Binary files /dev/null and b/src/lib/assets/favicon.png differ
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ace5697..cf515dd 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,7 @@
 <script>
   import "../app.css";
   import Navbar from "$lib/components/Navbar.svelte";
-  import favicon from "$lib/assets/favicon.svg";
+  import favicon from "$lib/assets/favicon.png";
 
   let { children } = $props();
 </script>
diff --git a/static/favicon.png b/static/favicon.png
new file mode 100644
index 0000000..c30032c
Binary files /dev/null and b/static/favicon.png differ
