diff --git a/app/assets/images/logo.svg b/app/assets/images/logo.svg
new file mode 100644
index 0000000..4e6e36b
--- /dev/null
+++ b/app/assets/images/logo.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200" height="48" viewBox="0 0 200 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Piggy bank icon -->
+  <g>
+    <!-- Piggy body -->
+    <ellipse cx="24" cy="26" rx="14" ry="10" fill="#F472B6" stroke="#DB2777" stroke-width="1.5"/>
+    <!-- Piggy snout -->
+    <ellipse cx="34" cy="26" rx="4" ry="3" fill="#F9A8D4" stroke="#DB2777" stroke-width="1"/>
+    <!-- Nostrils -->
+    <circle cx="33" cy="26" r="0.5" fill="#DB2777"/>
+    <circle cx="35" cy="26" r="0.5" fill="#DB2777"/>
+    <!-- Eye -->
+    <circle cx="28" cy="22" r="1.5" fill="#DB2777"/>
+    <!-- Ear -->
+    <path d="M20 18 L18 16 L20 20" fill="#F472B6" stroke="#DB2777" stroke-width="1" stroke-linejoin="round"/>
+    <!-- Legs -->
+    <rect x="16" y="32" width="3" height="4" rx="1" fill="#F472B6" stroke="#DB2777" stroke-width="1"/>
+    <rect x="29" y="32" width="3" height="4" rx="1" fill="#F472B6" stroke="#DB2777" stroke-width="1"/>
+    <!-- Coin slot -->
+    <rect x="22" y="16" width="8" height="1.5" rx="0.5" fill="#DB2777"/>
+  </g>
+  
+  <!-- Text -->
+  <text x="48" y="28" font-family="Arial, Helvetica, sans-serif" font-size="22" fill="#ffffff" font-weight="600" dominant-baseline="middle">
+    Family
+  </text>
+  <text x="118" y="28" font-family="Arial, Helvetica, sans-serif" font-size="22" fill="#F472B6" font-weight="600" dominant-baseline="middle">
+    Funds
+  </text>
+</svg>
\ No newline at end of file
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 0ba3739..8441760 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -12,8 +12,12 @@
   </head>
 
   <body>
-    <nav class="w-100 p-6 bg-gray-900 flex items-center justify-between flex-wrap">
-      <ul class="flex">
+    <nav class="w-100 py-4 px-6 bg-gray-900 flex items-center justify-between flex-wrap">
+      <div class="flex items-center">
+        <%= link_to root_path, class: "mr-8" do %>
+          <%= image_tag "logo.svg", alt: "Family Funds Logo", class: "h-8" %>
+        <% end %>
+        <ul class="flex">
         <% if Current.user.registered? %>
           <li class="mr-6"><%= link_to "Dashboard", root_path, class: "text-white" %></li>
           <li class="mr-6"><%= link_to "Expenses", expenses_path, class: "text-white" %></li>
@@ -26,6 +30,7 @@
           <li class="mr-6"><%= link_to "Log in", new_session_path, class: "text-white" %></li>
         <% end %>
       </ul>
+      </div>
     </nav>
 
     <% if flash.any? %>
