diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index 0ae4605..e2ed1a0 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -1,5 +1,6 @@
 ---
 import { IconSun, IconGithub, IconMenu, IconRSS } from "~/components/icons";
+import Logo from "~/components/widgets/Logo.astro";
 const {} = Astro.props;
 ---
 
@@ -11,10 +12,7 @@ const {} = Astro.props;
   >
     <div class="flex justify-between">
       <a class="flex items-center" href="/">
-        <span
-          class="self-center ml-2 text-2xl font-extrabold text-gray-900 whitespace-nowrap dark:text-white"
-          >🚀 AstroWind
-        </span>
+        <Logo />
       </a>
       <div class="flex items-center md:hidden">
         <button
diff --git a/src/components/widgets/Logo.astro b/src/components/widgets/Logo.astro
new file mode 100644
index 0000000..1af78b8
--- /dev/null
+++ b/src/components/widgets/Logo.astro
@@ -0,0 +1,8 @@
+---
+---
+
+<span
+  class="self-center ml-2 text-2xl font-extrabold text-gray-900 whitespace-nowrap dark:text-white"
+>
+  🚀 AstroWind
+</span>