DEVPROD-7957 Spruce goes to the beach! (#214)

apps/spruce/src/components/Header/Navbar.tsx

@@ -7,7 +7,6 @@ import Cookies from "js-cookie";
 import { Link, useParams } from "react-router-dom";
 import { useNavbarAnalytics } from "analytics";
 import Icon from "components/Icon";
-import { PrideTree } from "components/Icon/icons/PrideTree";
 import { CURRENT_PROJECT } from "constants/cookies";
 import { wikiUrl } from "constants/externalResources";
 import {
@@ -23,6 +22,7 @@ import { USER, SPRUCE_CONFIG } from "gql/queries";
 import { useLegacyUIURL } from "hooks";
 import { validators } from "utils";
 import { AuxiliaryDropdown } from "./AuxiliaryDropdown";
+import SpruceSummerTree from "./SpruceSummerTree.svg";
 import { UserDropdown } from "./UserDropdown";
 
 const { validateObjectId } = validators;
@@ -71,7 +71,10 @@ export const Navbar: React.FC = () => {
           to={routes.myPatches}
           onClick={() => sendEvent({ name: "Click Logo Link" })}
         >
-          <PrideTree />
+          <SpruceSummerTreeIcon
+            src={SpruceSummerTree}
+            alt="Evergreen tree on an island with a beach ball"
+          />
         </LogoLink>
         <PrimaryLink
           data-cy="project-health-link"
@@ -184,3 +187,8 @@ const secondaryStyle = css`
 const SecondaryLink = styled.a`
   ${secondaryStyle}
 `;
+
+const SpruceSummerTreeIcon = styled.img`
+  height: 72px;
+  position: relative;
+`;