diff --git a/src/assets/img/express.png b/src/assets/img/express.png
new file mode 100644
index 0000000..981a894
Binary files /dev/null and b/src/assets/img/express.png differ
diff --git a/src/assets/img/node-icon.png b/src/assets/img/node-icon.png
new file mode 100644
index 0000000..7472a84
Binary files /dev/null and b/src/assets/img/node-icon.png differ
diff --git a/src/assets/img/node.png b/src/assets/img/node.png
new file mode 100644
index 0000000..180d00e
Binary files /dev/null and b/src/assets/img/node.png differ
diff --git a/src/assets/img/ts.png b/src/assets/img/ts.png
new file mode 100644
index 0000000..1f0b9c8
Binary files /dev/null and b/src/assets/img/ts.png differ
diff --git a/src/assets/img/vue.png b/src/assets/img/vue.png
new file mode 100644
index 0000000..60e1700
Binary files /dev/null and b/src/assets/img/vue.png differ
diff --git a/src/assets/img/vuetify.svg b/src/assets/img/vuetify.svg
new file mode 100644
index 0000000..3c20264
--- /dev/null
+++ b/src/assets/img/vuetify.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#aeddff;}</style></defs><title>Artboard 47</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-2" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-3" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>
\ No newline at end of file
diff --git a/src/components/About.vue b/src/components/About.vue
index 6268928..09d9c71 100644
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -39,14 +39,56 @@
             If you discover any bugs or would like to have a feature being added, feel free to file an <a :href="data.meta.bugs.url" target="_blank">issue</a> or contribute to this project.
           </p>
           <h2 class="subheading">Technologies</h2>
-          <ul>
-            <li><ExternalLink href="https://vuejs.org" text="Vue.js"></ExternalLink></li>
-            <li><ExternalLink href="https://www.typescriptlang.org/" text="TypeScript"></ExternalLink></li>
-            <li><ExternalLink href="http://vuetifyjs.com" text="Vuetify"></ExternalLink></li>
-            <li><ExternalLink href="https://nodejs.org/" text="node.js"></ExternalLink></li>
-            <li><ExternalLink href="http://expressjs.com/" text="Express"></ExternalLink></li>
-            <li><ExternalLink href="https://github.com/axios/axios" text="Axios"></ExternalLink></li>
-          </ul>
+          <v-list>
+            <v-list-tile>
+              <v-list-tile-avatar>
+                <img :src="require('@/assets/img/vue.png')">
+              </v-list-tile-avatar>
+              <v-list-tile-content>
+                <ExternalLink href="https://vuejs.org" text="Vue.js"></ExternalLink>
+              </v-list-tile-content>
+            </v-list-tile>
+            <v-list-tile>
+              <v-list-tile-avatar>
+                <img :src="require('@/assets/img/ts.png')">
+              </v-list-tile-avatar>
+              <v-list-tile-content>
+              <ExternalLink href="https://www.typescriptlang.org/" text="TypeScript"></ExternalLink>
+              </v-list-tile-content>
+            </v-list-tile>
+            <v-list-tile>
+              <v-list-tile-avatar>
+                <img :src="require('@/assets/img/vuetify.svg')">
+              </v-list-tile-avatar>
+              <v-list-tile-content>
+              <ExternalLink href="http://vuetifyjs.com" text="Vuetify"></ExternalLink>
+              </v-list-tile-content>
+            </v-list-tile>
+            <v-list-tile>
+              <v-list-tile-avatar>
+                <img :src="require('@/assets/img/node-icon.png')">
+              </v-list-tile-avatar>
+              <v-list-tile-content>
+              <ExternalLink href="https://nodejs.org/" text="node.js"></ExternalLink>
+              </v-list-tile-content>
+            </v-list-tile>
+            <v-list-tile>
+              <v-list-tile-avatar>
+                <img :src="require('@/assets/img/express.png')">
+              </v-list-tile-avatar>
+              <v-list-tile-content>
+              <ExternalLink href="http://expressjs.com/" text="Express"></ExternalLink>
+              </v-list-tile-content>
+            </v-list-tile>
+            <v-list-tile>
+              <v-list-tile-avatar>
+                <v-icon>{{$vuetify.icons.transfer}}</v-icon>
+              </v-list-tile-avatar>
+              <v-list-tile-content>
+              <ExternalLink href="https://github.com/axios/axios" text="Axios"></ExternalLink>
+              </v-list-tile-content>
+            </v-list-tile>
+          </v-list>
           <br>
           <v-divider />
           <p>
diff --git a/src/components/ExternalLink.vue b/src/components/ExternalLink.vue
index f5615e3..d979708 100644
--- a/src/components/ExternalLink.vue
+++ b/src/components/ExternalLink.vue
@@ -4,7 +4,8 @@
     target="_blank"
     :title="title"
   >
-    <v-icon>{{icon || $vuetify.icons.arrowTopRight}}</v-icon>
+    <img :src="img" v-if="img">
+    <v-icon v-else>{{icon || $vuetify.icons.arrowTopRight}}</v-icon>
     {{text || href}}
   </a>
 </template>
@@ -20,6 +21,7 @@ export default class ExternalLink extends Vue {
   @Prop() private href!: string;
   @Prop() private text?: string;
   @Prop() private icon?: string;
+  @Prop() private img?: string;
 }
 </script>
 
@@ -30,4 +32,9 @@ export default class ExternalLink extends Vue {
   line-height: inherit;
 }
 
+img {
+  width: auto;
+  height: 1em;
+}
+
 </style>
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 79dea7a..2b18bc8 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -37,6 +37,7 @@ const icons = {
   email: 'far fa-envelope',
   home: 'fas fa-home',
   upload: 'fas fa-upload',
+  transfer: 'fas fa-exchange-alt',
 };
 
 icons.keywords = icons.tags;