Halloween themed Evergreen logo

src/components/Header/Navbar.tsx

@@ -7,6 +7,7 @@ import Cookies from "js-cookie";
 import { Link, useParams } from "react-router-dom";
 import { useNavbarAnalytics } from "analytics";
 import Icon from "components/Icon";
+import HalloweenTree from "components/Icon/icons/Halloween.svg";
 import { CURRENT_PROJECT } from "constants/cookies";
 import { wikiUrl } from "constants/externalResources";
 import { getCommitsRoute, getUserPatchesRoute, routes } from "constants/routes";
@@ -60,7 +61,10 @@ export const Navbar: React.FC = () => {
           to={routes.myPatches}
           onClick={() => sendEvent({ name: "Click Logo Link" })}
         >
-          <Icon glyph="EvergreenLogo" size={32} />
+          <HalloweenTreeIcon
+            src={HalloweenTree}
+            alt="Evergreen Logo with Halloween Decorations"
+          />
         </LogoLink>
         <PrimaryLink
           data-cy="project-health-link"
@@ -172,3 +176,10 @@ const secondaryStyle = css`
 const SecondaryLink = styled.a`
   ${secondaryStyle}
 `;
+
+const HalloweenTreeIcon = styled.img`
+  height: 46px;
+  width: 46px;
+  position: relative;
+  bottom: 4px;
+`;