diff --git a/vocodes/public/social-icons/016-discord.png b/vocodes/public/social-icons/016-discord.png
new file mode 100644
index 0000000000..60ef37a774
Binary files /dev/null and b/vocodes/public/social-icons/016-discord.png differ
diff --git a/vocodes/public/social-icons/024-facebook.png b/vocodes/public/social-icons/024-facebook.png
new file mode 100644
index 0000000000..518ec3cf51
Binary files /dev/null and b/vocodes/public/social-icons/024-facebook.png differ
diff --git a/vocodes/public/social-icons/096-twitter.png b/vocodes/public/social-icons/096-twitter.png
new file mode 100644
index 0000000000..03a5a0dbf4
Binary files /dev/null and b/vocodes/public/social-icons/096-twitter.png differ
diff --git a/vocodes/src/App.scss b/vocodes/src/App.scss
index 7e3d7321a7..7862822725 100644
--- a/vocodes/src/App.scss
+++ b/vocodes/src/App.scss
@@ -70,6 +70,14 @@ footer {
color: $light-text-color;
}
+.social {
+ img {
+ max-width: 70px;
+ max-height: 70px;
+ padding: 1em;
+ }
+}
+
nav {
font-family: "Fugaz One";
margin: 0.2em 0 0 0;
@@ -183,5 +191,12 @@ nav {
footer p:after {
content: ' '; // Not sure why the space disappears when inline.
}
-}
+ .social {
+ img {
+ max-width: 50px;
+ max-height: 50px;
+ padding: 0.2em;
+ }
+ }
+}
diff --git a/vocodes/src/navigation/Footer.tsx b/vocodes/src/navigation/Footer.tsx
index 2fb80c1475..f5cbdeb012 100644
--- a/vocodes/src/navigation/Footer.tsx
+++ b/vocodes/src/navigation/Footer.tsx
@@ -18,6 +18,11 @@ function Footer(props: Props) {
props.switchModeCallback(Mode.TERMS_MODE)}>terms of use.
+
)
}
+ 
+ 
+