diff --git a/landing/assets/comm-logo.react.js b/landing/assets/comm-logo.react.js
--- a/landing/assets/comm-logo.react.js
+++ b/landing/assets/comm-logo.react.js
@@ -2,11 +2,17 @@
 
 import * as React from 'react';
 
-function CommLogo(): React.Node {
+type Props = {
+  +size?: number,
+};
+
+function CommLogo(props: Props): React.Node {
+  const { size } = props;
+
   return (
     <svg
-      width="50"
-      height="50"
+      width={size ?? 50}
+      height={size ?? 50}
       viewBox="0 0 51 50"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/landing/assets/discord-logo.react.js b/landing/assets/discord-logo.react.js
--- a/landing/assets/discord-logo.react.js
+++ b/landing/assets/discord-logo.react.js
@@ -2,11 +2,17 @@
 
 import * as React from 'react';
 
-function DiscordLogo(): React.Node {
+type Props = {
+  +size?: number,
+};
+
+function DiscordLogo(props: Props): React.Node {
+  const { size } = props;
+
   return (
     <svg
-      width="50"
-      height="50"
+      width={size ?? 50}
+      height={size ?? 50}
       viewBox="0 0 50 50"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/landing/assets/keybase-logo.react.js b/landing/assets/keybase-logo.react.js
--- a/landing/assets/keybase-logo.react.js
+++ b/landing/assets/keybase-logo.react.js
@@ -2,11 +2,17 @@
 
 import * as React from 'react';
 
-function KeybaseLogo(): React.Node {
+type Props = {
+  +size?: number,
+};
+
+function KeybaseLogo(props: Props): React.Node {
+  const { size } = props;
+
   return (
     <svg
-      width="50"
-      height="50"
+      width={size ?? 50}
+      height={size ?? 50}
       viewBox="0 0 50 50"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/landing/assets/matrix-logo.react.js b/landing/assets/matrix-logo.react.js
--- a/landing/assets/matrix-logo.react.js
+++ b/landing/assets/matrix-logo.react.js
@@ -2,11 +2,17 @@
 
 import * as React from 'react';
 
-function MatrixLogo(): React.Node {
+type Props = {
+  +size?: number,
+};
+
+function MatrixLogo(props: Props): React.Node {
+  const { size } = props;
+
   return (
     <svg
-      width="50"
-      height="50"
+      width={size ?? 50}
+      height={size ?? 50}
       viewBox="0 0 50 50"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/landing/assets/signal-logo.react.js b/landing/assets/signal-logo.react.js
--- a/landing/assets/signal-logo.react.js
+++ b/landing/assets/signal-logo.react.js
@@ -2,11 +2,17 @@
 
 import * as React from 'react';
 
-function SignalLogo(): React.Node {
+type Props = {
+  +size?: number,
+};
+
+function SignalLogo(props: Props): React.Node {
+  const { size } = props;
+
   return (
     <svg
-      width="50"
-      height="50"
+      width={size ?? 50}
+      height={size ?? 50}
       viewBox="0 0 50 50"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/landing/assets/slack-logo.react.js b/landing/assets/slack-logo.react.js
--- a/landing/assets/slack-logo.react.js
+++ b/landing/assets/slack-logo.react.js
@@ -2,11 +2,17 @@
 
 import * as React from 'react';
 
-function SlackLogo(): React.Node {
+type Props = {
+  +size?: number,
+};
+
+function SlackLogo(props: Props): React.Node {
+  const { size } = props;
+
   return (
     <svg
-      width="50"
-      height="50"
+      width={size ?? 50}
+      height={size ?? 50}
       viewBox="0 0 50 50"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/landing/assets/telegram-logo.react.js b/landing/assets/telegram-logo.react.js
--- a/landing/assets/telegram-logo.react.js
+++ b/landing/assets/telegram-logo.react.js
@@ -2,11 +2,17 @@
 
 import * as React from 'react';
 
-function TelegramLogo(): React.Node {
+type Props = {
+  +size?: number,
+};
+
+function TelegramLogo(props: Props): React.Node {
+  const { size } = props;
+
   return (
     <svg
-      width="50"
-      height="50"
+      width={size ?? 50}
+      height={size ?? 50}
       viewBox="0 0 50 50"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"