diff --git a/public/css/vroom.css b/public/css/vroom.css
index d9ad7b7..7890ec3 100644
--- a/public/css/vroom.css
+++ b/public/css/vroom.css
@@ -104,6 +104,9 @@
 #chromeExtMessage {
   text-align: center;
 }
+#navBarLogo {
+  padding-top: 5px;
+}
 @media screen and (max-width: 480px) {
   body {
     font-size: 0.8em;
diff --git a/public/img/logo_vroom.png b/public/img/logo_vroom.png
new file mode 100644
index 0000000..30918c8
Binary files /dev/null and b/public/img/logo_vroom.png differ
diff --git a/public/img/logo_vroom_alpha.png b/public/img/logo_vroom_alpha.png
new file mode 100644
index 0000000..6d96ba3
Binary files /dev/null and b/public/img/logo_vroom_alpha.png differ
diff --git a/templates/default/public_toolbar.html.ep b/templates/default/public_toolbar.html.ep
index 52b1646..ff62c3d 100644
--- a/templates/default/public_toolbar.html.ep
+++ b/templates/default/public_toolbar.html.ep
@@ -5,7 +5,7 @@
           <span class="sr-only"></span>
           <span class="glyphicon glyphicon-th"></span>
         </button>
-        <a class="navbar-brand" href="#">VROOM! Alpha</a>
+        <a href="#"><img id="navBarLogo" src="/img/logo_vroom_alpha.png"/></a>
       </div>
       <div class="collapse navbar-collapse" id="toolBar">
         <ul class="nav navbar-nav navbar-right">