diff --git a/client/src/assets/icons/freeCodeCampLogo.js b/client/src/assets/icons/freeCodeCampLogo.js
new file mode 100644
index 0000000000..12b5007686
--- /dev/null
+++ b/client/src/assets/icons/freeCodeCampLogo.js
@@ -0,0 +1,24 @@
+/* eslint-disable max-len */
+import React from 'react';
+
+function freeCodeCampLogo() {
+ return (
+
+ );
+}
+
+freeCodeCampLogo.displayName = 'freeCodeCampLogo';
+
+export default freeCodeCampLogo;
diff --git a/client/src/components/Header/components/NavLogo.js b/client/src/components/Header/components/NavLogo.js
index 87f7e6cdc3..7596a6f185 100644
--- a/client/src/components/Header/components/NavLogo.js
+++ b/client/src/components/Header/components/NavLogo.js
@@ -1,17 +1,8 @@
import React from 'react';
-
-const fCClogo = 'https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg';
+import freeCodeCampLogo from '../../../assets/icons/freeCodeCampLogo';
function NavLogo() {
- return (
-
-
-
- );
+ return ;
}
NavLogo.displayName = 'NavLogo';
diff --git a/client/src/components/Header/components/universalNav.css b/client/src/components/Header/components/universalNav.css
index 29dc3811c3..a873f6717a 100644
--- a/client/src/components/Header/components/universalNav.css
+++ b/client/src/components/Header/components/universalNav.css
@@ -49,7 +49,7 @@
background-color: var(--theme-color);
}
-#universal-nav-logo img {
+#universal-nav-logo svg {
display: block;
width: auto;
height: 25px;