Increase icon size and move from tsx to svg icon

components/navigation/topMenu/topMenu.tsx

@@ -1,11 +1,10 @@
 import { Share } from '@mui/icons-material';
 import { IconButton, Snackbar, Tooltip } from '@mui/material';
+import Image from 'next/image';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import React, { useState } from 'react';
 
-import LogoIcon from '../../icons/LogoIcon/logoIcon';
-
 /**
  * This is a component to hold UTD Trends branding and basic navigation
  * @returns
@@ -44,10 +43,16 @@ export function TopMenu() {
     <>
       <div className="bg-primary h-16 text-light relative py-2 px-4">
         <div className="h-full flex min-w-fit justify-between">
-          <Link href="/" className="m-2">
+          <Link href="/" className="m-1">
             <div className="h-full flex align-middle place-items-center justify-center">
-              <div className="h-full float-left mr-2 w-7">
-                <LogoIcon />
+              <div className="h-full float-left mr-2">
+                <Image
+                  src="/icon-white.svg"
+                  alt="Nebula Labs logo"
+                  width={100}
+                  height={76}
+                  className="h-full w-full"
+                />
               </div>
               <h1 className="float-right text-xl text-light-always">
                 UTD Trends

pages/index.tsx

@@ -4,11 +4,11 @@ import { styled } from '@mui/material/styles';
 import { tooltipClasses, TooltipProps } from '@mui/material/Tooltip';
 import type { NextPage } from 'next';
 import Head from 'next/head';
+import Image from 'next/image';
 import { useRouter } from 'next/router';
 import React, { useEffect } from 'react';
 
 import { SplashPageSearchBar } from '../components/common/SplashPageSearchBar/splashPageSearchBar';
-import LogoIcon from '../components/icons/LogoIcon/logoIcon';
 import { WaveSVG } from '../components/icons/Wave/waveSVG';
 import { Wave2SVG } from '../components/icons/Wave2/wave2SVG';
 import SearchQuery from '../modules/SearchQuery/SearchQuery';
@@ -109,7 +109,13 @@ const Home: NextPage = () => {
               <div className="w-11/12 h-3/4 m-auto -translate-y-1/2 relative">
                 <Card className="bg-primary rounded-xl drop-shadow-lg text-light p-8 relative h-full">
                   <div className="m-auto  w-1/5">
-                    <LogoIcon />
+                    <Image
+                      src="/icon-white.svg"
+                      alt="Nebula Labs logo"
+                      width={100}
+                      height={100}
+                      priority
+                    />
                   </div>
                   <div className="text-center pb-2">
                     <h2 className="text-headline4 text-light-always">