diff --git a/concert_elephant/static/css/project.css b/concert_elephant/static/css/project.css
index 4f0340f..da3ee09 100644
--- a/concert_elephant/static/css/project.css
+++ b/concert_elephant/static/css/project.css
@@ -161,3 +161,8 @@ td[onclick]:hover {
   cursor: pointer;
   background-color: #D3D3D3;
 }
+
+.logo {
+    width: 100px;
+    height: auto;  /* This maintains the aspect ratio */
+}
diff --git a/concert_elephant/static/images/logo.png b/concert_elephant/static/images/logo.png
new file mode 100644
index 0000000..d0f4351
Binary files /dev/null and b/concert_elephant/static/images/logo.png differ
diff --git a/concert_elephant/templates/navbar.html b/concert_elephant/templates/navbar.html
index e5a6560..f1ec918 100644
--- a/concert_elephant/templates/navbar.html
+++ b/concert_elephant/templates/navbar.html
@@ -3,7 +3,10 @@
 <div class="mb-1">
   <nav class="navbar navbar-custom sticky-top navbar-expand-md navbar-dark justify-content-between bg-dark">
     <div class="container-fluid">
-      <a class="navbar-brand" href="{% url 'concerts:home' %}">Concert Elephant<span class="visually-hidden">(current)</span></a>
+      <a class="navbar-brand" href="{% url 'concerts:home' %}">
+          <img src="{% static 'images/logo.png' %}" alt="Concert Elephant Logo" class="logo">
+          <span class="visually-hidden">(current)</span>
+      </a>
       <button class="navbar-toggler navbar-toggler-right"
               type="button"
               data-bs-toggle="collapse"