diff --git a/README.md b/README.md
index 281fd95..6b2d49c 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
 # loopycode
 
 ![standadized-work](standardized-work.png)
+
+[Loop icons created by Dreamstale - Flaticon](https://www.flaticon.com/free-icons/loop)
diff --git a/index.html b/index.html
index a291870..7b43122 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="/loop.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Loopycode</title>
   </head>
diff --git a/public/loop.png b/public/loop.png
new file mode 100644
index 0000000..7f2989a
Binary files /dev/null and b/public/loop.png differ
diff --git a/src/App.vue b/src/App.vue
index 1c51fbc..97bfe3b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,11 +5,23 @@ import { RouterLink, RouterView } from 'vue-router'
 <template>
   <header>
     <nav>
-      <router-link class="title is-3" to="/">Loopycode</router-link>
+      <router-link class="title is-3" to="/">
+        <img class="logo" src="/public/loop.png" alt="Loopycode" />
+      </router-link>
     </nav>
   </header>
 
   <RouterView />
 </template>
 
-<style scoped></style>
+<style scoped>
+nav {
+  margin: 1rem 0;
+  display: flex;
+  justify-content: center;
+}
+
+img.logo {
+  max-width: 40px;
+}
+</style>
