diff --git a/src/Components/AppShell/NavBar.tsx b/src/Components/AppShell/NavBar.tsx
index 1b58b98d..b319eec3 100644
--- a/src/Components/AppShell/NavBar.tsx
+++ b/src/Components/AppShell/NavBar.tsx
@@ -1,10 +1,10 @@
+import Bars3Icon from '@heroicons/react/24/outline/Bars3Icon'
+import EllipsisVerticalIcon from '@heroicons/react/24/outline/EllipsisVerticalIcon'
 import QuestionMarkIcon from '@heroicons/react/24/outline/QuestionMarkCircleIcon'
 import { useEffect, useRef, useState } from 'react'
 import { Link, useLocation } from 'react-router-dom'
 import { toast } from 'react-toastify'
 
-import BurgerMenuSVG from '#assets/burger-menu.svg'
-import MoreMenuSVG from '#assets/more-menu.svg'
 import { useAuth } from '#components/Auth/useAuth'
 import { useItems } from '#components/Map/hooks/useItems'
 
@@ -70,11 +70,7 @@ export default function NavBar({ appName }: { appName: string }) {
             aria-controls='#sidenav'
             aria-haspopup='true'
           >
-            <img
-              src={BurgerMenuSVG}
-              alt='Menu'
-              className='tw-inline-block tw-w-5 tw-h-5 tw-stroke-current'
-            />
+            <Bars3Icon className='tw-inline-block tw-w-5 tw-h-5 tw-stroke-current' />
           </button>
           <div className='tw-flex-1 tw-mr-2'>
             <div
@@ -115,7 +111,7 @@ export default function NavBar({ appName }: { appName: string }) {
               </Link>
               <div className='tw-dropdown tw-dropdown-end'>
                 <label tabIndex={0} className='tw-btn tw-btn-ghost tw-btn-square'>
-                  <img src={MoreMenuSVG} alt='More' className='tw-h-5 tw-w-5' />
+                  <EllipsisVerticalIcon className='tw-h-5 tw-w-5' />
                 </label>
                 <ul
                   tabIndex={0}
@@ -152,7 +148,7 @@ export default function NavBar({ appName }: { appName: string }) {
               </div>
               <div className='tw-dropdown tw-dropdown-end'>
                 <label tabIndex={1} className='tw-btn tw-btn-ghost md:tw-hidden'>
-                  <img src={MoreMenuSVG} alt='More' className='tw-h-5 tw-w-5' />
+                  <EllipsisVerticalIcon className='tw-h-5 tw-w-5' />
                 </label>
                 <ul
                   tabIndex={1}
diff --git a/src/assets/burger-menu.svg b/src/assets/burger-menu.svg
deleted file mode 100644
index c6618a60..00000000
--- a/src/assets/burger-menu.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg
-    xmlns='http://www.w3.org/2000/svg'
-    fill='none'
-    viewBox='0 0 24 24'
->
-    <path
-    strokeLinecap='round'
-    strokeLinejoin='round'
-    strokeWidth='2'
-    stroke="#000"
-    d='M4 6h16M4 12h16M4 18h16'
-    ></path>
-</svg>
\ No newline at end of file
diff --git a/src/assets/more-menu.svg b/src/assets/more-menu.svg
deleted file mode 100644
index 116fc4dc..00000000
--- a/src/assets/more-menu.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg
-    xmlns='http://www.w3.org/2000/svg'
-    viewBox='0 0 20 20'
-    fill='currentColor'
->
-    <path d='M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z' />
-</svg>
\ No newline at end of file