diff --git a/src/web/package.json b/src/web/package.json
index 25bbb12957..90fce95afd 100644
--- a/src/web/package.json
+++ b/src/web/package.json
@@ -25,6 +25,7 @@
"next-pwa": "^5.2.14",
"react": "^17.0.2",
"react-dom": "^17.0.2",
+ "react-icons": "^4.2.0",
"react-use": "^17.2.1",
"smoothscroll-polyfill": "^0.4.4",
"swr": "^0.5.5",
diff --git a/src/web/public/slack-logo.svg b/src/web/public/slack-logo.svg
deleted file mode 100644
index d021c160a3..0000000000
--- a/src/web/public/slack-logo.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/src/web/src/components/AboutFooter.tsx b/src/web/src/components/AboutFooter.tsx
index 4d5e29b75d..aafd21b4d6 100644
--- a/src/web/src/components/AboutFooter.tsx
+++ b/src/web/src/components/AboutFooter.tsx
@@ -3,8 +3,7 @@ import { Box, Divider, Grid, Typography, useMediaQuery } from '@material-ui/core
import GitHubIcon from '@material-ui/icons/GitHub';
import GitHubContributorCard from './GitHubContributorCard';
import Logo from './Logo';
-
-const slackLogo = '/slack-logo.svg';
+import { FaSlack } from 'react-icons/fa';
const useStyles = makeStyles((theme) => ({
root: {
@@ -121,7 +120,7 @@ const AboutFooter = () => {
href="https://seneca-open-source.slack.com/archives/CS5DGCAE5"
className={classes.links}
>
- 
+
@@ -187,7 +186,7 @@ const AboutFooter = () => {
href="https://seneca-open-source.slack.com/archives/CS5DGCAE5"
className={classes.links}
>
-
+
@@ -208,4 +207,3 @@ const AboutFooter = () => {
};
export default AboutFooter;
-export { slackLogo };
diff --git a/src/web/src/components/__snapshots__/AboutFooter.test.tsx.snap b/src/web/src/components/__snapshots__/AboutFooter.test.tsx.snap
index 9b8b9185a2..4337128e54 100644
--- a/src/web/src/components/__snapshots__/AboutFooter.test.tsx.snap
+++ b/src/web/src/components/__snapshots__/AboutFooter.test.tsx.snap
@@ -120,12 +120,19 @@ exports[`renders correctly 1`] = `
class="makeStyles-links-5"
href="https://seneca-open-source.slack.com/archives/CS5DGCAE5"
>
- 
+