diff --git a/src/components/Header.astro b/src/components/Header.astro
index 849a784..3046e11 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -5,7 +5,9 @@ import { SITE_TITLE } from "../consts";
 
 <header class="w-full flex items-center justify-center">
   <nav class="flex justify-between w-full max-w-screen-lg my-5">
-    <a href="/" class="flex items-center">{SITE_TITLE}</a>
+    <a href="/" class="flex items-center justify-center">
+      <img src="/logo.svg" alt="{SITE_TITLE}" class="w-12 h-12 mr-3" />
+      {SITE_TITLE}</a>
     <div class="flex gap-5 items-center">
       <div class="w-full flex gap-5 items-center">
         <HeaderLink href="/blog">Blog</HeaderLink>