diff --git a/src/lib/assets/icon.webp b/src/lib/assets/icon.webp
new file mode 100644
index 0000000..be276b7
Binary files /dev/null and b/src/lib/assets/icon.webp differ
diff --git a/src/lib/components/NavBar.svelte b/src/lib/components/NavBar.svelte
index 609f792..66fba74 100644
--- a/src/lib/components/NavBar.svelte
+++ b/src/lib/components/NavBar.svelte
@@ -6,6 +6,7 @@
   import Settings from './Settings/Settings.svelte';
   import UploadModal from './UploadModal.svelte';
   import { settings } from '$lib/settings';
+  import Icon from '$lib/assets/icon.webp';
 
   let settingsHidden = true;
   let uploadModalOpen = false;
@@ -29,7 +30,10 @@
 <div class="relative z-10">
   <Navbar hidden={isReader}>
     <NavBrand href="/">
-      <span class="text-xl font-semibold dark:text-white">Mokuro</span>
+      <div class="flex flex-row gap-2 items-center">
+        <img src={Icon} alt="icon" class="w-[32px] h-[32px]" />
+        <span class="text-xl font-semibold dark:text-white">Mokuro</span>
+      </div>
     </NavBrand>
     <div class="flex md:order-2 gap-5">
       <UserSettingsSolid class="hover:text-primary-700" on:click={openSettings} />