From 93f031c25318ed1a8c69207852117a525f850836 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 21 Feb 2025 12:39:27 +0100
Subject: [PATCH] SidebarControl - bars-3

---
 .../Subcomponents/Controls/SidebarControl.tsx    | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/src/Components/Map/Subcomponents/Controls/SidebarControl.tsx b/src/Components/Map/Subcomponents/Controls/SidebarControl.tsx
index 76f27776..e1d420d6 100644
--- a/src/Components/Map/Subcomponents/Controls/SidebarControl.tsx
+++ b/src/Components/Map/Subcomponents/Controls/SidebarControl.tsx
@@ -1,3 +1,5 @@
+import Bars3Icon from '@heroicons/react/24/outline/Bars3Icon'
+
 // Converts leaflet.locatecontrol to a React Component
 export const SidebarControl = () => {
   return (
@@ -11,19 +13,7 @@ export const SidebarControl = () => {
             aria-controls='#sidenav'
             aria-haspopup='true'
           >
-            <svg
-              xmlns='http://www.w3.org/2000/svg'
-              fill='none'
-              viewBox='0 0 24 24'
-              className='tw-inline-block tw-w-5 tw-h-5 tw-stroke-current'
-            >
-              <path
-                strokeLinecap='round'
-                strokeLinejoin='round'
-                strokeWidth='2'
-                d='M4 6h16M4 12h16M4 18h16'
-              ></path>
-            </svg>
+            <Bars3Icon className='tw-inline-block tw-w-5 tw-h-5 tw-stroke-current' />
           </button>
         </div>
       </div>