diff --git a/public/media/logo.png b/public/media/logo.png
new file mode 100644
index 0000000..f1b1cab
Binary files /dev/null and b/public/media/logo.png differ
diff --git a/src/app/components/logo.tsx b/src/app/components/logo.tsx
index f5faf78..a11c164 100644
--- a/src/app/components/logo.tsx
+++ b/src/app/components/logo.tsx
@@ -1,5 +1,6 @@
 import Image from "next/image";
 import { ReactElement } from "react";
+import config from "@root/config.json";
 
 type LogoProps = {
   /**
@@ -11,7 +12,7 @@ type LogoProps = {
 export default function Logo({ size = 30 }: LogoProps): ReactElement {
   return (
     <Image
-      src="https://git.fascinated.cc/MinecraftUtilities/Assets/raw/branch/master/logo.png"
+      src={`/media/logo.png`}
       alt={"The Logo"}
       width={size}
       height={size}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index eed7b66..f996cf6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -30,7 +30,7 @@ export const metadata: Metadata = {
     type: "website",
     images: [
       {
-        url: "https://git.fascinated.cc/MinecraftUtilities/Assets/raw/branch/master/logo.png",
+        url: `${config.siteUrl}/media/logo.png`,
       },
     ],
   },