diff --git a/components/helmet/index.js b/components/helmet/index.js
index 2a4f44bb8..2522fef23 100644
--- a/components/helmet/index.js
+++ b/components/helmet/index.js
@@ -26,7 +26,7 @@ const Helmet = (props) => (
 
     <meta property="og:title" content={ prepareTitle(props.title) } />
     <meta property="og:description" content={ prepareDescription(props.description) } />
-    <meta property="og:image" content={ siteConfig.logo } />
+    <meta property="og:image" content={ `${siteConfig.url.web}${siteConfig.logoSquare}` } />
     <meta property="og:url" content={ siteConfig.url.web } />
     <meta property="og:type" content="website" />
     <meta property="article:publisher" content={ `https://facebook.com/${siteConfig.facebook}` } />
diff --git a/static/brand-square.png b/static/brand-square.png
new file mode 100644
index 000000000..e98c0d821
Binary files /dev/null and b/static/brand-square.png differ
diff --git a/storage/site.json b/storage/site.json
index d4b362012..6a8b3b50d 100644
--- a/storage/site.json
+++ b/storage/site.json
@@ -6,6 +6,7 @@
   "twitter": "kamranahmedse",
   "facebook": "kamranahmedse",
   "logo": "/static/brand.png",
+  "logoSquare": "/static/brand-square.png",
   "url": {
     "web": "https://roadmap.sh",
     "repo": "https://github.com/kamranahmedse/roadmap.sh",