diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..da66616
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,7 @@
+<svg width="200" height="200" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="50" cy="50" r="40" stroke="#FF0000" stroke-width="8" fill="none" />
+  
+  <polygon points="50,20 60,50 50,80 40,50" fill="#FF0000" transform="rotate(-30 50 50)" />
+  
+  <circle cx="50" cy="50" r="5" fill="#FFFFFF" />
+</svg>
\ No newline at end of file
diff --git a/views/layouts/boilerplate.ejs b/views/layouts/boilerplate.ejs
index c6fe765..3025abb 100644
--- a/views/layouts/boilerplate.ejs
+++ b/views/layouts/boilerplate.ejs
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>WanderLust</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
     <link rel="stylesheet" href="/css/style.css">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />