diff --git a/frontend/index.html b/frontend/index.html
index 4f54dd2..976dd80 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
+    <link rel="icon" href="./assets/favicon.ico" type="image/x-icon" />
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<meta name="color-scheme" content="light dark" />
diff --git a/frontend/src/assets/favicon.ico b/frontend/src/assets/favicon.ico
new file mode 100644
index 0000000..9070259
Binary files /dev/null and b/frontend/src/assets/favicon.ico differ
diff --git a/frontend/src/assets/procchi_icon.png b/frontend/src/assets/procchi_icon.png
new file mode 100644
index 0000000..e143a45
Binary files /dev/null and b/frontend/src/assets/procchi_icon.png differ
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index 278c6f2..e52927f 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -3,13 +3,15 @@ import { LocationProvider, Router, Route } from 'preact-iso'
 
 import { Home } from './pages/Home/index.jsx'
 import { NotFound } from './pages/_404.jsx'
+
 import './style.css'
+import ProcchiIcon from './assets/procchi_icon.png'
 
 export function App() {
   return (
     <div id="root">
       <div id="header">
-        <img src="https://placeholder.com/200x200" className="icon" />
+        <img src={ProcchiIcon} className="icon" />
         <span className="title">
           Procchi
         </span>
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 6d277a1..7f8f69e 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -9,5 +9,7 @@ export default defineConfig({
       react: 'preact/compat',
       'react-dom': 'preact/compat'
     }
-  }
+  },
+  // Move favicon to dist/
+  assetsInclude: './assets/favicon.ico'
 })
