diff --git a/app.vue b/app.vue
index ce13b69..5d78b51 100644
--- a/app.vue
+++ b/app.vue
@@ -1,10 +1,6 @@
 <template>
   <header>
-    <div class="logo">
-      KP
-      <br>
-      TL
-    </div>
+    <img class="logo" src="/logo-no-bg.png" alt="KPTL">
   </header>
 
   <div class="grid">
@@ -75,17 +71,7 @@ header {
 }
 
 .logo {
-  display: inline-block;
-  text-align: center;
-  font-size: 32px;
-  line-height: 1;
   width: 64px;
-  text-transform: uppercase;
-  font-weight: 700;
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-image: linear-gradient(90deg, var(--beaver), var(--walnut-brown));
 }
 
 .grid {
diff --git a/public/logo-no-bg.png b/public/logo-no-bg.png
new file mode 100644
index 0000000..b216bfa
Binary files /dev/null and b/public/logo-no-bg.png differ