diff --git a/pages/_document.tsx b/pages/_document.tsx
index 32e2816..022816b 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -7,7 +7,7 @@ const description =
   // "Behavior and progress tracker for ABDLs and babyfurs alike. Track multiple littles and create any trackers you would like.";
   "Pre-alpha preview of the behavior and progress tracker for ABDLs and babyfurs.";
 
-const logo = "/images/logo.svg";
+const logo = "/images/logo.png";
 
 class Document extends NextDocument {
   render(): JSX.Element {
@@ -21,7 +21,7 @@ class Document extends NextDocument {
           <meta name="og:description" content={description} />
           <meta property="og:type" content="Progress Tracking" />
           <meta property="og:image" content={logo} />
-          <meta property="og:image:type" content="image/svg" />
+          <meta property="og:image:type" content="image/png" />
           <meta property="og:image:alt" content="LCM Potty Chart Logo" />
           <meta property="og:url" content="https://lucidcreations.media" />
           <meta name="twitter:card" content="summary_large_image" />
@@ -29,7 +29,7 @@ class Document extends NextDocument {
           <meta name="description" content={description} />
           <meta property="type" content="Progress Tracking" />
           <meta property="image" content={logo} />
-          <meta property="image:type" content="image/svg" />
+          <meta property="image:type" content="image/png" />
           <meta property="image:alt" content="LCM Potty Chart Logo" />
           <meta property="url" content="https://https://lucidcreations.media" />
           <meta httpEquiv="content-language" content="en_US" />
diff --git a/public/images/logo.png b/public/images/logo.png
new file mode 100644
index 0000000..1009fd0
Binary files /dev/null and b/public/images/logo.png differ