diff --git a/toodles.cabal b/toodles.cabal
--- a/toodles.cabal
+++ b/toodles.cabal
@@ -2,10 +2,10 @@
 --
 -- see: https://github.com/sol/hpack
 --
--- hash: a2afad22ce77b0d765b58bb81080fe61bced7c38ceb5c79a35a19c50831faf2a
+-- hash: c6c9747348f5840600bc60ca50371441531f0a8aeb8866276836eb133141353a
 
 name:           toodles
-version:        0.1.0.4
+version:        0.1.0.5
 synopsis:       Manage the TODO entries in your code
 description:    See the README on GitHub at <https://github.com/aviaviavi/toodles#readme>
 category:       Project Management
@@ -26,6 +26,7 @@
     web/fonts/fontawesome-webfont.woff
     web/fonts/fontawesome-webfont.woff2
     web/html/index.html
+    web/img/favicon.png
     web/js/app.js
     web/js/jquery-3.3.1.min.js
     web/js/vue.js
diff --git a/web/css/toodles.css b/web/css/toodles.css
--- a/web/css/toodles.css
+++ b/web/css/toodles.css
@@ -128,3 +128,7 @@
 .top-div {
     overflow-x: scroll;
 }
+
+.toodles-nav-title-text {
+    padding-left: 5px;
+}
diff --git a/web/html/index.html b/web/html/index.html
--- a/web/html/index.html
+++ b/web/html/index.html
@@ -1,19 +1,22 @@
 <head>
+    <title>Toodles</title>
     <script src="/static/js/vue.js"></script>
     <script src="/static/js/jquery-3.3.1.min.js"></script>
     <script src="/static/js/app.js"></script>
     <link rel="stylesheet" href="/static/css/bulma.min.css">
     <link rel="stylesheet" href="/static/css/toodles.css">
     <link rel="stylesheet" href="/static/css/font-awesome.min.css">
+    <link rel="shortcut icon" type="image/png" href="/static/img/favicon.png"/>
 </head>
 
 <body>
     <div id="top-div">
         <nav class="navbar" role="navigation" aria-label="main navigation">
             <div class="navbar-brand">
-                <a class="navbar-item" href="#">
-                    Toodles
-                </a>
+                <div class="navbar-item" href="#">
+                    <span><img src="/static/img/favicon.png" alt="favicon" height="25" width="25"></span>
+                    <span class="toodles-nav-title-text">Toodles</span>
+                </div>
                 <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" v-on:click="toggleMenuBurger">
                     <span aria-hidden="true"></span>
                     <span aria-hidden="true"></span>
diff --git a/web/img/favicon.png b/web/img/favicon.png
new file mode 100644
Binary files /dev/null and b/web/img/favicon.png differ
