Merge branch 'piggz-nav' into develop

doc/NavigationService.md

@@ -0,0 +1,118 @@
+# Navigation Service
+## Introduction
+The navigation ble service provides 4 characteristics to allow the the watch to display navigation instructions from a companion application.  The intended purpose is when performing some outdoor activities, for example running or cycling.
+
+The 4 characteristics are:
+flag (string) - Upcoming icon name
+narrative (string) - Textual description of instruction
+manDist (string) - Manouvre Distance, the distance to the upcoming change
+progress (uint8) - Percent complete of total route, value 0-100
+
+## Service
+The service UUID is c7e60001-78fc-48fe-8e23-433b3a1942d0
+
+## Characteristics
+## Flags (UUID c7e60002-78fc-48fe-8e23-433b3a1942d0)
+All included icons are from pure-maps, which provides the actual routing from the client. The icon names ultimately come from the mapbox project "direction-icons", See https://github.com/rinigus/pure-maps/tree/master/qml/icons/navigation See the end of this document for the full lsit of supported icon names.
+
+## Narrative (UUID c7e60003-78fc-48fe-8e23-433b3a1942d0)
+This is a client supplied string describing the upcoming instruction such as "At the roundabout take the first exit".
+
+## Man Dist (UUID c7e60004-78fc-48fe-8e23-433b3a1942d0)
+This is a short string describing the distance to the upcoming instruction such as "50 m".
+
+## Progress (UUID c7e60001=5-78fc-48fe-8e23-433b3a1942d0)
+The percent complete in a uint8.  The watch displays this as an overall progress in a progress bar.
+
+## Full icon list
+* arrive
+* arrive-left
+* arrive-right
+* arrive-straight
+* close
+* continue
+* continue-left
+* continue-right
+* continue-slight-left
+* continue-slight-right
+* continue-straight
+* continue-uturn
+* depart
+* depart-left
+* depart-right
+* depart-straight
+* end-of-road-left
+* end-of-road-right
+* ferry
+* flag
+* fork
+* fork-left
+* fork-right
+* fork-slight-left
+* fork-slight-right
+* fork-straight
+* invalid
+* invalid-left
+* invalid-right
+* invalid-slight-left
+* invalid-slight-right
+* invalid-straight
+* invalid-uturn
+* merge-left
+* merge-right
+* merge-slight-left
+* merge-slight-right
+* merge-straight
+* new-name-left
+* new-name-right
+* new-name-sharp-left
+* new-name-sharp-right
+* new-name-slight-left
+* new-name-slight-right
+* new-name-straight
+* notification-left
+* notification-right
+* notification-sharp-left
+* notification-sharp-right
+* notification-slight-left
+* notification-slight-right
+* notification-straight
+* off-ramp-left
+* off-ramp-right
+* off-ramp-sharp-left
+* off-ramp-sharp-right
+* off-ramp-slight-left
+* off-ramp-slight-right
+* off-ramp-straight
+* on-ramp-left
+* on-ramp-right
+* on-ramp-sharp-left
+* on-ramp-sharp-right
+* on-ramp-slight-left
+* on-ramp-slight-right
+* on-ramp-straight
+* rotary
+* rotary-left
+* rotary-right
+* rotary-sharp-left
+* rotary-sharp-right
+* rotary-slight-left
+* rotary-slight-right
+* rotary-straight
+* roundabout
+* roundabout-left
+* roundabout-right
+* roundabout-sharp-left
+* roundabout-sharp-right
+* roundabout-slight-left
+* roundabout-slight-right
+* roundabout-straight
+* turn-left
+* turn-right
+* turn-sharp-left
+* turn-sharp-right
+* turn-slight-left
+* turn-slight-right
+* turn-stright
+* updown
+* uturn

src/CMakeLists.txt

@@ -322,6 +322,96 @@ list(APPEND IMAGE_FILES
 
         displayapp/icons/bluetooth/os_bt_connected.c
         displayapp/icons/bluetooth/os_bt_disconnected.c
+
+        displayapp/icons/navigation/arrive-left.c
+        displayapp/icons/navigation/arrive-right.c
+        displayapp/icons/navigation/arrive-straight.c
+        displayapp/icons/navigation/arrive.c
+        displayapp/icons/navigation/close.c
+        displayapp/icons/navigation/continue-left.c
+        displayapp/icons/navigation/continue-right.c
+        displayapp/icons/navigation/continue-slight-left.c
+        displayapp/icons/navigation/continue-slight-right.c
+        displayapp/icons/navigation/continue-straight.c
+        displayapp/icons/navigation/continue-uturn.c
+        displayapp/icons/navigation/continue.c
+        displayapp/icons/navigation/depart-left.c
+        displayapp/icons/navigation/depart-right.c
+        displayapp/icons/navigation/depart-straight.c
+        displayapp/icons/navigation/end-of-road-left.c
+        displayapp/icons/navigation/end-of-road-right.c
+        displayapp/icons/navigation/ferry.c
+        displayapp/icons/navigation/flag.c
+        displayapp/icons/navigation/fork-left.c
+        displayapp/icons/navigation/fork-right.c
+        displayapp/icons/navigation/fork-slight-left.c
+        displayapp/icons/navigation/fork-slight-right.c
+        displayapp/icons/navigation/fork-straight.c
+        displayapp/icons/navigation/invalid.c
+        displayapp/icons/navigation/invalid-left.c
+        displayapp/icons/navigation/invalid-right.c
+        displayapp/icons/navigation/invalid-slight-left.c
+        displayapp/icons/navigation/invalid-slight-right.c
+        displayapp/icons/navigation/invalid-straight.c
+        displayapp/icons/navigation/invalid-uturn.c
+        displayapp/icons/navigation/merge-left.c
+        displayapp/icons/navigation/merge-right.c
+        displayapp/icons/navigation/merge-slight-left.c
+        displayapp/icons/navigation/merge-slight-right.c
+        displayapp/icons/navigation/merge-straight.c
+        displayapp/icons/navigation/new-name-left.c
+        displayapp/icons/navigation/new-name-right.c
+        displayapp/icons/navigation/new-name-sharp-left.c
+        displayapp/icons/navigation/new-name-sharp-right.c
+        displayapp/icons/navigation/new-name-slight-left.c
+        displayapp/icons/navigation/new-name-slight-right.c
+        displayapp/icons/navigation/new-name-straight.c
+        displayapp/icons/navigation/notification-left.c
+        displayapp/icons/navigation/notification-right.c
+        displayapp/icons/navigation/notification-sharp-left.c
+        displayapp/icons/navigation/notification-sharp-right.c
+        displayapp/icons/navigation/notification-slight-left.c
+        displayapp/icons/navigation/notification-slight-right.c
+        displayapp/icons/navigation/notification-straight.c
+        displayapp/icons/navigation/off-ramp-left.c
+        displayapp/icons/navigation/off-ramp-right.c
+        displayapp/icons/navigation/off-ramp-sharp-left.c
+        displayapp/icons/navigation/off-ramp-sharp-right.c
+        displayapp/icons/navigation/off-ramp-slight-left.c
+        displayapp/icons/navigation/off-ramp-slight-right.c
+        displayapp/icons/navigation/off-ramp-straight.c
+        displayapp/icons/navigation/on-ramp-left.c
+        displayapp/icons/navigation/on-ramp-right.c
+        displayapp/icons/navigation/on-ramp-sharp-left.c
+        displayapp/icons/navigation/on-ramp-sharp-right.c
+        displayapp/icons/navigation/on-ramp-slight-left.c
+        displayapp/icons/navigation/on-ramp-slight-right.c
+        displayapp/icons/navigation/on-ramp-straight.c
+        displayapp/icons/navigation/rotary.c
+        displayapp/icons/navigation/rotary-left.c
+        displayapp/icons/navigation/rotary-right.c
+        displayapp/icons/navigation/rotary-sharp-left.c
+        displayapp/icons/navigation/rotary-sharp-right.c
+        displayapp/icons/navigation/rotary-slight-left.c
+        displayapp/icons/navigation/rotary-slight-right.c
+        displayapp/icons/navigation/rotary-straight.c
+        displayapp/icons/navigation/roundabout.c
+        displayapp/icons/navigation/roundabout-left.c
+        displayapp/icons/navigation/roundabout-right.c
+        displayapp/icons/navigation/roundabout-sharp-left.c
+        displayapp/icons/navigation/roundabout-sharp-right.c
+        displayapp/icons/navigation/roundabout-slight-left.c
+        displayapp/icons/navigation/roundabout-slight-right.c
+        displayapp/icons/navigation/roundabout-straight.c
+        displayapp/icons/navigation/turn-left.c
+        displayapp/icons/navigation/turn-right.c
+        displayapp/icons/navigation/turn-sharp-left.c
+        displayapp/icons/navigation/turn-sharp-right.c
+        displayapp/icons/navigation/turn-slight-left.c
+        displayapp/icons/navigation/turn-slight-right.c
+        displayapp/icons/navigation/turn-stright.c
+        displayapp/icons/navigation/updown.c
+        displayapp/icons/navigation/uturn.c
         )
 
 list(APPEND SOURCE_FILES
@@ -345,6 +435,7 @@ list(APPEND SOURCE_FILES
         displayapp/screens/Label.cpp
         displayapp/screens/FirmwareUpdate.cpp
         displayapp/screens/Music.cpp
+        displayapp/screens/Navigation.cpp
         displayapp/screens/FirmwareValidation.cpp
         displayapp/screens/ApplicationList.cpp
         displayapp/screens/Notifications.cpp
@@ -372,6 +463,7 @@ list(APPEND SOURCE_FILES
         components/ble/CurrentTimeService.cpp
         components/ble/AlertNotificationService.cpp
         components/ble/MusicService.cpp
+        components/ble/NavigationService.cpp
         components/ble/BatteryInformationService.cpp
         components/ble/ImmediateAlertService.cpp
         components/ble/ServiceDiscovery.cpp

src/components/ble/NavigationService.cpp

@@ -0,0 +1,137 @@
+/*  Copyright (C) 2021  Adam Pigg
+
+    This file is part of InfiniTime.
+
+    InfiniTime is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published
+    by the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    InfiniTime is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+
+#include "NavigationService.h"
+
+#include "systemtask/SystemTask.h"
+
+int NAVCallback(uint16_t conn_handle, uint16_t attr_handle, struct ble_gatt_access_ctxt *ctxt, void *arg) {
+  auto navService = static_cast<Pinetime::Controllers::NavigationService *>(arg);
+  return navService->OnCommand(conn_handle, attr_handle, ctxt);
+}
+
+Pinetime::Controllers::NavigationService::NavigationService(Pinetime::System::SystemTask &system) : m_system(system) {
+  navUuid.value[14] = navId[0];
+  navUuid.value[15] = navId[1];
+
+  navFlagCharUuid.value[12] = navFlagCharId[0];
+  navFlagCharUuid.value[13] = navFlagCharId[1];
+  navFlagCharUuid.value[14] = navId[0];
+  navFlagCharUuid.value[15] = navId[1];
+
+  navNarrativeCharUuid.value[12] = navNarrativeCharId[0];
+  navNarrativeCharUuid.value[13] = navNarrativeCharId[1];
+  navNarrativeCharUuid.value[14] = navId[0];
+  navNarrativeCharUuid.value[15] = navId[1];
+
+  navManDistCharUuid.value[12] = navManDistCharId[0];
+  navManDistCharUuid.value[13] = navManDistCharId[1];
+  navManDistCharUuid.value[14] = navId[0];
+  navManDistCharUuid.value[15] = navId[1];
+
+  navProgressCharUuid.value[12] = navProgressCharId[0];
+  navProgressCharUuid.value[13] = navProgressCharId[1];
+  navProgressCharUuid.value[14] = navId[0];
+  navProgressCharUuid.value[15] = navId[1];
+
+  characteristicDefinition[0] = {.uuid = (ble_uuid_t *) (&navFlagCharUuid),
+      .access_cb = NAVCallback,
+      .arg = this,
+      .flags =  BLE_GATT_CHR_F_WRITE | BLE_GATT_CHR_F_READ
+  };
+
+  characteristicDefinition[1] = {.uuid = (ble_uuid_t *) (&navNarrativeCharUuid),
+      .access_cb = NAVCallback,
+      .arg = this,
+      .flags = BLE_GATT_CHR_F_WRITE | BLE_GATT_CHR_F_READ
+  };
+  characteristicDefinition[2] = {.uuid = (ble_uuid_t *) (&navManDistCharUuid),
+      .access_cb = NAVCallback,
+      .arg = this,
+      .flags = BLE_GATT_CHR_F_WRITE | BLE_GATT_CHR_F_READ
+  };
+  characteristicDefinition[3] = {.uuid = (ble_uuid_t *) (&navProgressCharUuid),
+      .access_cb = NAVCallback,
+      .arg = this,
+      .flags = BLE_GATT_CHR_F_WRITE | BLE_GATT_CHR_F_READ
+  };
+
+  characteristicDefinition[4] = {0};
+
+  serviceDefinition[0] = {
+      .type = BLE_GATT_SVC_TYPE_PRIMARY,
+      .uuid = (ble_uuid_t *) &navUuid,
+      .characteristics = characteristicDefinition
+  };
+  serviceDefinition[1] = {0};
+
+  m_progress = 0;
+}
+
+void Pinetime::Controllers::NavigationService::Init() {
+  int res = 0;
+  res = ble_gatts_count_cfg(serviceDefinition);
+  ASSERT(res == 0);
+
+  res = ble_gatts_add_svcs(serviceDefinition);
+  ASSERT(res == 0);
+}
+
+int Pinetime::Controllers::NavigationService::OnCommand(uint16_t conn_handle, uint16_t attr_handle,
+                                                   struct ble_gatt_access_ctxt *ctxt) {
+
+  if (ctxt->op == BLE_GATT_ACCESS_OP_WRITE_CHR) {
+    size_t notifSize = OS_MBUF_PKTLEN(ctxt->om);
+    uint8_t data[notifSize + 1];
+    data[notifSize] = '\0';
+    os_mbuf_copydata(ctxt->om, 0, notifSize, data);
+    char *s = (char *) &data[0];
+    NRF_LOG_INFO("DATA : %s", s);
+    if (ble_uuid_cmp(ctxt->chr->uuid, (ble_uuid_t *) &navFlagCharUuid) == 0) {
+      m_flag = s;
+    } else if (ble_uuid_cmp(ctxt->chr->uuid, (ble_uuid_t *) &navNarrativeCharUuid) == 0) {
+      m_narrative = s;
+    } else if (ble_uuid_cmp(ctxt->chr->uuid, (ble_uuid_t *) &navManDistCharUuid) == 0) {
+      m_manDist = s;
+    } else if (ble_uuid_cmp(ctxt->chr->uuid, (ble_uuid_t *) &navProgressCharUuid) == 0) {
+      m_progress = data[0];
+    }
+  }
+  return 0;
+}
+
+std::string Pinetime::Controllers::NavigationService::getFlag()
+{
+    return m_flag;
+}
+
+std::string Pinetime::Controllers::NavigationService::getNarrative()
+{
+    return m_narrative;
+}
+
+std::string Pinetime::Controllers::NavigationService::getManDist()
+{
+    return m_manDist;
+}
+
+int Pinetime::Controllers::NavigationService::getProgress()
+{
+    return m_progress;
+}
+

src/components/ble/NavigationService.h

@@ -0,0 +1,96 @@
+/*  Copyright (C) 2021  Adam Pigg
+
+    This file is part of InfiniTime.
+
+    InfiniTime is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published
+    by the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    InfiniTime is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+#pragma once
+
+#include <cstdint>
+#include <string>
+#define min // workaround: nimble's min/max macros conflict with libstdc++
+#define max
+#include <host/ble_gap.h>
+#include <host/ble_uuid.h>
+#undef max
+#undef min
+
+//c7e60000-78fc-48fe-8e23-433b3a1942d0
+#define NAVIGATION_SERVICE_UUID_BASE {0xd0, 0x42, 0x19, 0x3a, 0x3b, 0x43, 0x23, 0x8e, 0xfe, 0x48, 0xfc, 0x78, 0x00, 0x00, 0x00, 0x00}
+
+namespace Pinetime {
+  namespace System {
+    class SystemTask;
+  }
+  namespace Controllers {
+
+    class NavigationService {
+    public:
+      explicit NavigationService(Pinetime::System::SystemTask &system);
+
+      void Init();
+
+      int OnCommand(uint16_t conn_handle, uint16_t attr_handle,
+                    struct ble_gatt_access_ctxt *ctxt);
+
+      std::string getFlag();
+
+      std::string getNarrative();
+
+      std::string getManDist();
+
+      int getProgress();
+
+    private:
+      static constexpr uint8_t navId[2] = {0x01, 0x00};
+      static constexpr uint8_t navFlagCharId[2] = {0x01, 0x00};
+      static constexpr uint8_t navNarrativeCharId[2] = {0x02, 0x00};
+      static constexpr uint8_t navManDistCharId[2] = {0x03, 0x00};
+      static constexpr uint8_t navProgressCharId[2] = {0x04, 0x00};
+
+      ble_uuid128_t navUuid{
+          .u = {.type = BLE_UUID_TYPE_128},
+          .value = NAVIGATION_SERVICE_UUID_BASE
+      };
+
+      ble_uuid128_t navFlagCharUuid{
+          .u = {.type = BLE_UUID_TYPE_128},
+          .value = NAVIGATION_SERVICE_UUID_BASE
+      };
+      ble_uuid128_t navNarrativeCharUuid{
+          .u = {.type = BLE_UUID_TYPE_128},
+          .value = NAVIGATION_SERVICE_UUID_BASE
+      };
+      ble_uuid128_t navManDistCharUuid{
+          .u = {.type = BLE_UUID_TYPE_128},
+          .value = NAVIGATION_SERVICE_UUID_BASE
+      };
+      ble_uuid128_t navProgressCharUuid{
+          .u = {.type = BLE_UUID_TYPE_128},
+          .value = NAVIGATION_SERVICE_UUID_BASE
+      };
+
+      struct ble_gatt_chr_def characteristicDefinition[5];
+      struct ble_gatt_svc_def serviceDefinition[2];
+
+      std::string m_flag;
+      std::string m_narrative;
+      std::string m_manDist;
+      int m_progress;
+
+      Pinetime::System::SystemTask &m_system;
+    };
+  }
+}
+

src/components/ble/NimbleController.cpp

@@ -35,6 +35,7 @@ NimbleController::NimbleController(Pinetime::System::SystemTask& systemTask,
         alertNotificationClient{systemTask, notificationManager},
         currentTimeService{dateTimeController},
         musicService{systemTask},
+        navService{systemTask},
         batteryInformationService{batteryController},
         immediateAlertService{systemTask, notificationManager},
         serviceDiscovery({&currentTimeClient, &alertNotificationClient}),
@@ -56,6 +57,7 @@ void NimbleController::Init() {
   currentTimeClient.Init();
   currentTimeService.Init();
   musicService.Init();
+  navService.Init();
   anService.Init();
   dfuService.Init();
   batteryInformationService.Init();

src/components/ble/NimbleController.h

@@ -16,6 +16,7 @@
 #include "DfuService.h"
 #include "ImmediateAlertService.h"
 #include "MusicService.h"
+#include "NavigationService.h"
 #include "ServiceDiscovery.h"
 #include "HeartRateService.h"
 
@@ -56,6 +57,7 @@ namespace Pinetime {
         void StartDiscovery();
 
         Pinetime::Controllers::MusicService& music() {return musicService;};
+        Pinetime::Controllers::NavigationService& navigation() {return navService;};
 
         uint16_t connHandle();
 
@@ -74,6 +76,7 @@ namespace Pinetime {
         AlertNotificationClient alertNotificationClient;
         CurrentTimeService currentTimeService;
         MusicService musicService;
+        NavigationService navService;
         BatteryInformationService batteryInformationService;
         ImmediateAlertService immediateAlertService;
         HeartRateService heartRateService;

src/displayapp/Apps.h

@@ -2,6 +2,6 @@
 
 namespace Pinetime {
   namespace Applications {
-    enum class Apps {None, Launcher, Clock, SysInfo, Meter, Gauge, Brightness, Music, FirmwareValidation, Paint, Paddle, Notifications, Twos, HeartRate};
+    enum class Apps {None, Launcher, Clock, SysInfo, Meter, Gauge, Brightness, Music, FirmwareValidation, Paint, Paddle, Notifications, Twos, HeartRate, Navigation};
   }
 }

src/displayapp/DisplayApp.cpp

@@ -15,6 +15,7 @@
 #include "displayapp/screens/Paddle.h"
 #include "displayapp/screens/Meter.h"
 #include "displayapp/screens/Music.h"
+#include "displayapp/screens/Navigation.h"
 #include "displayapp/screens/Notifications.h"
 #include "displayapp/screens/SystemInfo.h"
 #include "displayapp/screens/Tile.h"
@@ -212,6 +213,7 @@ void DisplayApp::RunningState() {
       case Apps::Paddle: currentScreen.reset(new Screens::Paddle(this, lvgl)); break;
       case Apps::Brightness : currentScreen.reset(new Screens::Brightness(this, brightnessController)); break;
       case Apps::Music : currentScreen.reset(new Screens::Music(this, systemTask.nimble().music())); break;
+      case Apps::Navigation : currentScreen.reset(new Screens::Navigation(this, systemTask.nimble().navigation())); break;
       case Apps::FirmwareValidation: currentScreen.reset(new Screens::FirmwareValidation(this, validator)); break;
       case Apps::Notifications: currentScreen.reset(new Screens::Notifications(this, notificationManager, Screens::Notifications::Modes::Normal)); break;
       case Apps::HeartRate: currentScreen.reset(new Screens::HeartRate(this, heartRateController)); break;

src/displayapp/icons/navigation/.c

@@ -0,0 +1,93 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "../lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_
+#define LV_ATTRIBUTE_IMG_
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_ uint8_t _map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x0f, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xff, 0xff, 0xff, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf8, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0x7f, 0xff, 0xfe, 
+  0x00, 0x00, 0x3f, 0xff, 0xf0, 0x0f, 0xff, 0xfe, 
+  0x00, 0x00, 0x7f, 0xff, 0xe0, 0x03, 0xff, 0xfe, 
+  0x00, 0x00, 0x7f, 0xff, 0x80, 0x01, 0xff, 0xfe, 
+  0x00, 0x00, 0x7f, 0xff, 0x00, 0x00, 0xff, 0xfe, 
+  0x00, 0x00, 0xff, 0xfe, 0x00, 0x00, 0x7f, 0xfe, 
+  0x00, 0x00, 0xff, 0xfc, 0x00, 0x00, 0x3f, 0xfe, 
+  0x00, 0x00, 0xff, 0xfc, 0x00, 0x00, 0x1f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf8, 0x00, 0x00, 0x1f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf8, 0x00, 0x00, 0x0f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x0f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x0f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x0f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x7c, 0x00, 0xff, 0xf0, 0x03, 0xf0, 0x07, 0xfe, 
+  0x7f, 0x00, 0xff, 0xf0, 0x1f, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xc0, 0xff, 0xf0, 0x7f, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xf8, 0xff, 0xf1, 0xff, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xfe, 0xff, 0xf7, 0xff, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x07, 0xfe, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x07, 0xfe, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x07, 0xfe, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x07, 0xfe, 
+  0x1f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x07, 0xfe, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x07, 0xfe, 
+  0x07, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x07, 0xfe, 
+  0x03, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x07, 0xfe, 
+  0x03, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x07, 0xfe, 
+  0x01, 0xff, 0xff, 0xff, 0xf0, 0x00, 0x07, 0xfe, 
+  0x00, 0xff, 0xff, 0xff, 0xf0, 0x00, 0x07, 0xfe, 
+  0x00, 0x7f, 0xff, 0xff, 0xe0, 0x00, 0x07, 0xfe, 
+  0x00, 0x7f, 0xff, 0xff, 0xc0, 0x00, 0x07, 0xfe, 
+  0x00, 0x3f, 0xff, 0xff, 0x80, 0x00, 0x07, 0xfe, 
+  0x00, 0x1f, 0xff, 0xff, 0x80, 0x00, 0x07, 0xfe, 
+  0x00, 0x0f, 0xff, 0xff, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x07, 0xff, 0xfe, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x07, 0xff, 0xfc, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x03, 0xff, 0xfc, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x01, 0xff, 0xf8, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xe0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0x7f, 0xc0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0x3f, 0xc0, 0x00, 0x00, 0x07, 0xfe, 
+};
+
+const lv_img_dsc_t  = {
+  .header.always_zero = 0,
+  .header.w = 64,
+  .header.h = 64,
+  .data_size = 520,
+  .header.cf = LV_IMG_CF_INDEXED_1BIT,
+  .data = _map,
+};

src/displayapp/icons/navigation/arrive-left-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M3,12a2,2,0,1,1,2-2A2,2,0,0,1,3,12Zm10.00293-.96332a4.05782,4.05782,0,0,1,3.98877,4.07324H17v1.37775A0.51232,0.51232,0,0,0,17.51233,17h0.97534A0.51232,0.51232,0,0,0,19,16.48767V15H18.98615a6.05607,6.05607,0,0,0-5.9834-5.96332l-0.011-.00183,0.00012,0.02008H12V9.04584a0.35757,0.35757,0,0,1-.37738-0.54242l1.34375-2.95184a0.38659,0.38659,0,0,0-.62354-0.40942L6,10.04584l6.34283,4.90369a0.3866,0.3866,0,0,0,.62354-0.40942l-1.34375-2.95184A0.35757,0.35757,0,0,1,12,11.04584v0.00909h1"/>
+</svg>

src/displayapp/icons/navigation/arrive-left.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_ARRIVE_LEFT
+#define LV_ATTRIBUTE_IMG_ARRIVE_LEFT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_ARRIVE_LEFT uint8_t arrive_left_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x0f, 0xf8, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xf8, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xf8, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xf8, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x03, 0xff, 0xf0, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x07, 0xff, 0xf0, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x0f, 0xff, 0xe0, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x7f, 0xff, 0xc0, 0x00, 0x00,
+  0x3f, 0xf8, 0x00, 0xff, 0xff, 0xc0, 0x00, 0x00,
+  0xff, 0xfc, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00,
+  0xff, 0xfe, 0x07, 0xff, 0xff, 0x80, 0x00, 0x00,
+  0xff, 0xff, 0x0f, 0xff, 0xff, 0xff, 0x80, 0x00,
+  0xff, 0xff, 0x1f, 0xff, 0xff, 0xff, 0xf0, 0x00,
+  0xff, 0xff, 0x7f, 0xff, 0xff, 0xff, 0xfe, 0x00,
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00,
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0,
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0,
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0,
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8,
+  0xff, 0xff, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xf8,
+  0xff, 0xff, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xfc,
+  0xff, 0xfe, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xfe,
+  0xff, 0xfe, 0x07, 0xff, 0xff, 0x8f, 0xff, 0xfe,
+  0xff, 0xfc, 0x03, 0xff, 0xff, 0xc1, 0xff, 0xff,
+  0x3f, 0xf8, 0x00, 0xff, 0xff, 0xc0, 0x7f, 0xff,
+  0x00, 0x00, 0x00, 0x7f, 0xff, 0xc0, 0x3f, 0xff,
+  0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 0x1f, 0xff,
+  0x00, 0x00, 0x00, 0x0f, 0xff, 0xe0, 0x0f, 0xff,
+  0x00, 0x00, 0x00, 0x07, 0xff, 0xe0, 0x07, 0xff,
+  0x00, 0x00, 0x00, 0x03, 0xff, 0xf0, 0x07, 0xff,
+  0x00, 0x00, 0x00, 0x01, 0xff, 0xf8, 0x07, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xf8, 0x03, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xf8, 0x03, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x0f, 0xf8, 0x03, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x07, 0xf8, 0x01, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x03, 0xf0, 0x01, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0xff,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+};
+
+const lv_img_dsc_t arrive_left = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+arrive_left_map,
+};

src/displayapp/icons/navigation/arrive-right-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M15,10a2,2,0,1,1,2,2A2,2,0,0,1,15,10ZM7,11.05493H8V11.04584a0.35757,0.35757,0,0,1,.37738.54242L7.03363,14.5401a0.3866,0.3866,0,0,0,.62354.40942L14,10.04584,7.65717,5.14215a0.38659,0.38659,0,0,0-.62354.40942L8.37738,8.50342A0.35757,0.35757,0,0,1,8,9.04584V9.05493H7.00818L7.0083,9.03485l-0.011.00183A6.05607,6.05607,0,0,0,1.01385,15H1v1.48767A0.51232,0.51232,0,0,0,1.51233,17H2.48767A0.51232,0.51232,0,0,0,3,16.48767V15.10992H3.0083a4.05782,4.05782,0,0,1,3.98877-4.07324"/>
+</svg>

src/displayapp/icons/navigation/arrive-right.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_ARRIVE_RIGHT
+#define LV_ATTRIBUTE_IMG_ARRIVE_RIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_ARRIVE_RIGHT uint8_t arrive_right_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xf0, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xe0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0x00, 0x1f, 0xfc, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x3f, 0xff, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0xe0, 0x7f, 0xff, 
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xf0, 0xff, 0xff, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xf8, 0xff, 0xff, 
+  0x00, 0x7f, 0xff, 0xff, 0xff, 0xfe, 0xff, 0xff, 
+  0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0x1f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0x1f, 0xff, 0xff, 0xff, 0xff, 0xfe, 0xff, 0xff, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0xff, 0xff, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x7f, 0xff, 
+  0x7f, 0xff, 0xf1, 0xff, 0xff, 0xe0, 0x7f, 0xff, 
+  0xff, 0xff, 0x83, 0xff, 0xff, 0xc0, 0x3f, 0xff, 
+  0xff, 0xfe, 0x03, 0xff, 0xff, 0x00, 0x1f, 0xfc, 
+  0xff, 0xfc, 0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 
+  0xff, 0xf8, 0x07, 0xff, 0xfc, 0x00, 0x00, 0x00, 
+  0xff, 0xf0, 0x07, 0xff, 0xf0, 0x00, 0x00, 0x00, 
+  0xff, 0xe0, 0x07, 0xff, 0xe0, 0x00, 0x00, 0x00, 
+  0xff, 0xe0, 0x0f, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0xff, 0xc0, 0x1f, 0xff, 0x80, 0x00, 0x00, 0x00, 
+  0xff, 0xc0, 0x1f, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0xc0, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0xc0, 0x1f, 0xf0, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0x80, 0x1f, 0xe0, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0x80, 0x0f, 0xc0, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0x80, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0x80, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0x80, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0x80, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0x80, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t arrive_right = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+arrive_right_map,
+};

src/displayapp/icons/navigation/arrive-straight-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M10,5a2,2,0,1,1,2-2A2,2,0,0,1,10,5Zm4.91284,8.35114L10.00916,7.0083,5.10547,13.35114a0.38659,0.38659,0,0,0,.40942.62354l2.95184-1.34375A0.35542,0.35542,0,0,1,9.00769,13H9v5.50006A0.49992,0.49992,0,0,0,9.49994,19h1.00012A0.49992,0.49992,0,0,0,11,18.50006V13.0083h0.00916a0.35757,0.35757,0,0,1,.54242-0.37738l2.95184,1.34375A0.3866,0.3866,0,0,0,14.91284,13.35114Z"/>
+</svg>

src/displayapp/icons/navigation/arrive-straight.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_ARRIVE_STRAIGHT
+#define LV_ATTRIBUTE_IMG_ARRIVE_STRAIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_ARRIVE_STRAIGHT uint8_t arrive_straight_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x07, 0xe0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xfe, 0x3f, 0xfc, 0x7f, 0xc0, 0x00, 
+  0x00, 0x03, 0xfc, 0x3f, 0xfc, 0x3f, 0xc0, 0x00, 
+  0x00, 0x03, 0xe0, 0x3f, 0xfc, 0x07, 0xc0, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t arrive_straight = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+arrive_straight_map,
+};

src/displayapp/icons/navigation/arrive-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M10,5a2,2,0,1,1,2-2A2,2,0,0,1,10,5Zm4.91284,8.35114L10.00916,7.0083,5.10547,13.35114a0.38659,0.38659,0,0,0,.40942.62354l2.95184-1.34375A0.35542,0.35542,0,0,1,9.00769,13H9v5.50006A0.49992,0.49992,0,0,0,9.49994,19h1.00012A0.49992,0.49992,0,0,0,11,18.50006V13.0083h0.00916a0.35757,0.35757,0,0,1,.54242-0.37738l2.95184,1.34375A0.3866,0.3866,0,0,0,14.91284,13.35114Z"/>
+</svg>

src/displayapp/icons/navigation/arrive.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_ARRIVE
+#define LV_ATTRIBUTE_IMG_ARRIVE
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_ARRIVE uint8_t arrive_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x07, 0xe0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xfe, 0x3f, 0xfc, 0x7f, 0xc0, 0x00, 
+  0x00, 0x03, 0xfc, 0x3f, 0xfc, 0x3f, 0xc0, 0x00, 
+  0x00, 0x03, 0xe0, 0x3f, 0xfc, 0x07, 0xc0, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t arrive = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+arrive_map,
+};

src/displayapp/icons/navigation/close-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M17.35551,4.05855L11.76558,9.64848a0.49713,0.49713,0,0,0,0,.703l5.58993,5.58993a0.49713,0.49713,0,0,1,0,.703l-0.711.711a0.49713,0.49713,0,0,1-.703,0l-5.58993-5.58993a0.49713,0.49713,0,0,0-.703,0L4.05855,17.35551a0.49713,0.49713,0,0,1-.703,0l-0.711-.711a0.49713,0.49713,0,0,1,0-.703l5.58993-5.58993a0.49713,0.49713,0,0,0,0-.703L2.64449,4.05855a0.49713,0.49713,0,0,1,0-.703l0.711-.711a0.49713,0.49713,0,0,1,.703,0L9.64848,8.23442a0.49713,0.49713,0,0,0,.703,0l5.58993-5.58993a0.49713,0.49713,0,0,1,.703,0l0.711,0.711A0.49713,0.49713,0,0,1,17.35551,4.05855Z"/>
+</svg>

src/displayapp/icons/navigation/close.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_CLOSE
+#define LV_ATTRIBUTE_IMG_CLOSE
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_CLOSE uint8_t close_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 
+  0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x07, 0xff, 
+  0xff, 0xf0, 0x00, 0x00, 0x00, 0x00, 0x0f, 0xff, 
+  0xff, 0xf8, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 
+  0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 
+  0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 
+  0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 
+  0xff, 0xff, 0x80, 0x00, 0x00, 0x01, 0xff, 0xff, 
+  0xff, 0xff, 0xe0, 0x00, 0x00, 0x07, 0xff, 0xff, 
+  0xff, 0xff, 0xf0, 0x00, 0x00, 0x0f, 0xff, 0xff, 
+  0x7f, 0xff, 0xf8, 0x00, 0x00, 0x1f, 0xff, 0xfe, 
+  0x3f, 0xff, 0xfc, 0x00, 0x00, 0x3f, 0xff, 0xfc, 
+  0x1f, 0xff, 0xfe, 0x00, 0x00, 0x7f, 0xff, 0xf8, 
+  0x0f, 0xff, 0xff, 0x00, 0x00, 0xff, 0xff, 0xf0, 
+  0x07, 0xff, 0xff, 0x00, 0x00, 0xff, 0xff, 0xe0, 
+  0x03, 0xff, 0xff, 0x80, 0x01, 0xff, 0xff, 0xc0, 
+  0x01, 0xff, 0xff, 0xc0, 0x03, 0xff, 0xff, 0x80, 
+  0x00, 0xff, 0xff, 0xe0, 0x07, 0xff, 0xff, 0x00, 
+  0x00, 0xff, 0xff, 0xf0, 0x0f, 0xff, 0xff, 0x00, 
+  0x00, 0x7f, 0xff, 0xf8, 0x1f, 0xff, 0xfe, 0x00, 
+  0x00, 0x3f, 0xff, 0xfc, 0x3f, 0xff, 0xfc, 0x00, 
+  0x00, 0x1f, 0xff, 0xfe, 0x7f, 0xff, 0xf8, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x1f, 0xff, 0xfe, 0x7f, 0xff, 0xf8, 0x00, 
+  0x00, 0x3f, 0xff, 0xfc, 0x3f, 0xff, 0xfc, 0x00, 
+  0x00, 0x7f, 0xff, 0xf8, 0x1f, 0xff, 0xfe, 0x00, 
+  0x00, 0xff, 0xff, 0xf0, 0x0f, 0xff, 0xff, 0x00, 
+  0x00, 0xff, 0xff, 0xe0, 0x07, 0xff, 0xff, 0x00, 
+  0x01, 0xff, 0xff, 0xc0, 0x03, 0xff, 0xff, 0x80, 
+  0x03, 0xff, 0xff, 0x80, 0x01, 0xff, 0xff, 0xc0, 
+  0x07, 0xff, 0xff, 0x00, 0x00, 0xff, 0xff, 0xe0, 
+  0x0f, 0xff, 0xff, 0x00, 0x00, 0xff, 0xff, 0xf0, 
+  0x1f, 0xff, 0xfe, 0x00, 0x00, 0x7f, 0xff, 0xf8, 
+  0x3f, 0xff, 0xfc, 0x00, 0x00, 0x3f, 0xff, 0xfc, 
+  0x7f, 0xff, 0xf8, 0x00, 0x00, 0x1f, 0xff, 0xfe, 
+  0xff, 0xff, 0xf0, 0x00, 0x00, 0x0f, 0xff, 0xff, 
+  0xff, 0xff, 0xe0, 0x00, 0x00, 0x07, 0xff, 0xff, 
+  0xff, 0xff, 0x80, 0x00, 0x00, 0x01, 0xff, 0xff, 
+  0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 
+  0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 
+  0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 
+  0xff, 0xf8, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 
+  0xff, 0xf0, 0x00, 0x00, 0x00, 0x00, 0x0f, 0xff, 
+  0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x07, 0xff, 
+  0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 
+};
+
+const lv_img_dsc_t close = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+close_map,
+};

src/displayapp/icons/navigation/continue-left-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M10,5.97986l0.011,0.00183A6.06019,6.06019,0,0,1,16,12.05493V16H15.99689l0.002,1.50317A0.49614,0.49614,0,0,1,15.50269,18H14.49622A0.49622,0.49622,0,0,1,14,17.50378V12.05493a4.05782,4.05782,0,0,0-3.98877-4.07324H8.01245a0.3576,0.3576,0,0,0-.37738.54248L8.97882,11.476a0.38659,0.38659,0,0,1-.62354.40942L2.0083,7l6.347-4.922a0.38659,0.38659,0,0,1,.62354.40942L7.63507,5.43927a0.35757,0.35757,0,0,0,.37738.54242H10"/>
+</svg>

src/displayapp/icons/navigation/continue-left.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_CONTINUE_LEFT
+#define LV_ATTRIBUTE_IMG_CONTINUE_LEFT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_CONTINUE_LEFT uint8_t continue_left_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x7f, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0x80, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0x80, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x7f, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x01, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x00, 0xff, 0xff, 0xfc, 0x07, 0xff, 0xff, 0xe0, 
+  0x00, 0x7f, 0xff, 0xfc, 0x00, 0xff, 0xff, 0xf0, 
+  0x00, 0x3f, 0xff, 0xfc, 0x00, 0x3f, 0xff, 0xf0, 
+  0x00, 0x1f, 0xff, 0xfe, 0x00, 0x1f, 0xff, 0xf0, 
+  0x00, 0x07, 0xff, 0xfe, 0x00, 0x07, 0xff, 0xf0, 
+  0x00, 0x03, 0xff, 0xff, 0x00, 0x03, 0xff, 0xf0, 
+  0x00, 0x00, 0xff, 0xff, 0x00, 0x01, 0xff, 0xf0, 
+  0x00, 0x00, 0x7f, 0xff, 0x80, 0x01, 0xff, 0xf0, 
+  0x00, 0x00, 0x3f, 0xff, 0x80, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x1f, 0xff, 0xc0, 0x00, 0x7f, 0xf0, 
+  0x00, 0x00, 0x07, 0xff, 0xc0, 0x00, 0x7f, 0xf0, 
+  0x00, 0x00, 0x03, 0xff, 0xc0, 0x00, 0x7f, 0xf0, 
+  0x00, 0x00, 0x00, 0xff, 0xc0, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x7f, 0xc0, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x3f, 0xc0, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x1f, 0xc0, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+};
+
+const lv_img_dsc_t continue_left = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+continue_left_map,
+};

src/displayapp/icons/navigation/continue-right-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M9.98877,7.98169A4.05782,4.05782,0,0,0,6,12.05493v5.44885A0.49622,0.49622,0,0,1,5.50378,18H4.49731a0.49614,0.49614,0,0,1-.49615-0.49683L4.00311,16H4V12.05493A6.06019,6.06019,0,0,1,9.989,5.98169L10,5.97986V5.98169h1.98755a0.35757,0.35757,0,0,0,.37738-0.54242L11.02118,2.48743A0.38659,0.38659,0,0,1,11.64471,2.078L17.9917,7l-6.347,4.88544a0.38659,0.38659,0,0,1-.62354-0.40942l1.34375-2.95184a0.3576,0.3576,0,0,0-.37738-0.54248H9.98877Z"/>
+</svg>

src/displayapp/icons/navigation/continue-right.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_CONTINUE_RIGHT
+#define LV_ATTRIBUTE_IMG_CONTINUE_RIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_CONTINUE_RIGHT uint8_t continue_right_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x03, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x01, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x01, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0xe0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xfe, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x01, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x07, 0xff, 0xff, 0xe0, 0x3f, 0xff, 0xff, 0x00, 
+  0x0f, 0xff, 0xff, 0x00, 0x3f, 0xff, 0xfe, 0x00, 
+  0x0f, 0xff, 0xfc, 0x00, 0x3f, 0xff, 0xfc, 0x00, 
+  0x0f, 0xff, 0xf8, 0x00, 0x7f, 0xff, 0xf8, 0x00, 
+  0x0f, 0xff, 0xe0, 0x00, 0x7f, 0xff, 0xe0, 0x00, 
+  0x0f, 0xff, 0xc0, 0x00, 0xff, 0xff, 0xc0, 0x00, 
+  0x0f, 0xff, 0x80, 0x00, 0xff, 0xff, 0x00, 0x00, 
+  0x0f, 0xff, 0x80, 0x01, 0xff, 0xfe, 0x00, 0x00, 
+  0x0f, 0xff, 0x00, 0x01, 0xff, 0xfc, 0x00, 0x00, 
+  0x0f, 0xfe, 0x00, 0x03, 0xff, 0xf8, 0x00, 0x00, 
+  0x0f, 0xfe, 0x00, 0x03, 0xff, 0xf0, 0x00, 0x00, 
+  0x0f, 0xfe, 0x00, 0x03, 0xff, 0xc0, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x03, 0xff, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x03, 0xfe, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x03, 0xfc, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x03, 0xf8, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t continue_right = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+continue_right_map,
+};

src/displayapp/icons/navigation/continue-slight-left-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M14.9859,14.043v3.46082A0.49621,0.49621,0,0,1,14.48974,18H13.48321a0.49614,0.49614,0,0,1-.49615-0.49683l0.0047-3.60767a5.21819,5.21819,0,0,0-1.665-4.144L8.87854,7.68585a0.35758,0.35758,0,0,0-.6405.16266l-0.91821,3.1106A0.38663,0.38663,0,0,1,6.58044,10.86L5,3l8.00476,0.44965a0.38658,0.38658,0,0,1,.20294.71777L10.25878,5.51758a0.3576,0.3576,0,0,0-.07019.6571l2.45746,2.07385A7.25158,7.25158,0,0,1,14.9859,14.043Z"/>
+</svg>

src/displayapp/icons/navigation/continue-slight-left.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_CONTINUE_SLIGHT_LEFT
+#define LV_ATTRIBUTE_IMG_CONTINUE_SLIGHT_LEFT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_CONTINUE_SLIGHT_LEFT uint8_t continue_slight_left_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x03, 0xff, 0xc7, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x03, 0xff, 0xc3, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xc1, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x03, 0xff, 0x80, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x01, 0xff, 0x80, 0x7f, 0xff, 0xf0, 0x00, 
+  0x00, 0x01, 0xff, 0x80, 0x1f, 0xff, 0xf8, 0x00, 
+  0x00, 0x01, 0xff, 0x80, 0x0f, 0xff, 0xf8, 0x00, 
+  0x00, 0x01, 0xff, 0x00, 0x07, 0xff, 0xf8, 0x00, 
+  0x00, 0x01, 0xff, 0x00, 0x03, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0x00, 0x01, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xfe, 0x00, 0x01, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xfe, 0x00, 0x00, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xfe, 0x00, 0x00, 0x7f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+};
+
+const lv_img_dsc_t continue_slight_left = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+continue_slight_left_map,
+};

src/displayapp/icons/navigation/continue-slight-right-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M7.35395,8.24854L9.81141,6.17468a0.3576,0.3576,0,0,0-.07019-0.6571L6.7923,4.16742a0.38658,0.38658,0,0,1,.20294-0.71777L15,3l-1.58044,7.86a0.38663,0.38663,0,0,1-.73938.09912L11.762,7.84851a0.35758,0.35758,0,0,0-.6405-0.16266L8.67328,9.75146a5.21819,5.21819,0,0,0-1.665,4.144l0.0047,3.60767A0.49614,0.49614,0,0,1,6.51679,18H5.51026a0.49621,0.49621,0,0,1-.49615-0.49622V14.043A7.25157,7.25157,0,0,1,7.35395,8.24854Z"/>
+</svg>

src/displayapp/icons/navigation/continue-slight-right.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_CONTINUE_SLIGHT_RIGHT
+#define LV_ATTRIBUTE_IMG_CONTINUE_SLIGHT_RIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_CONTINUE_SLIGHT_RIGHT uint8_t continue_slight_right_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x07, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xf1, 0xff, 0xe0, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0xe1, 0xff, 0xe0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xc1, 0xff, 0xe0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0x80, 0xff, 0xe0, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0x00, 0xff, 0xc0, 0x00, 
+  0x00, 0x0f, 0xff, 0xfc, 0x00, 0xff, 0xc0, 0x00, 
+  0x00, 0x0f, 0xff, 0xf8, 0x00, 0xff, 0xc0, 0x00, 
+  0x00, 0x0f, 0xff, 0xf0, 0x00, 0x7f, 0xc0, 0x00, 
+  0x00, 0x1f, 0xff, 0xe0, 0x00, 0x7f, 0xc0, 0x00, 
+  0x00, 0x1f, 0xff, 0xc0, 0x00, 0x7f, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xc0, 0x00, 0x3f, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0x80, 0x00, 0x3f, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0x00, 0x00, 0x3f, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t continue_slight_right = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+continue_slight_right_map,
+};

src/displayapp/icons/navigation/continue-straight-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M14.50342,8.96637L11.55157,7.62262A0.35755,0.35755,0,0,0,11.00916,8v9.49652A0.50346,0.50346,0,0,1,10.50568,18h-0.993a0.50346,0.50346,0,0,1-.50348-0.50348V8a0.35756,0.35756,0,0,0-.54242-0.37738L5.51489,8.96637a0.38659,0.38659,0,0,1-.40942-0.62354L10.00916,2l4.90369,6.34283A0.3866,0.3866,0,0,1,14.50342,8.96637Z"/>
+</svg>

src/displayapp/icons/navigation/continue-straight.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_CONTINUE_STRAIGHT
+#define LV_ATTRIBUTE_IMG_CONTINUE_STRAIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_CONTINUE_STRAIGHT uint8_t continue_straight_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x0f, 0xfe, 0x3f, 0xfc, 0x7f, 0xf0, 0x00, 
+  0x00, 0x0f, 0xf8, 0x3f, 0xfc, 0x1f, 0xf0, 0x00, 
+  0x00, 0x0f, 0xe0, 0x3f, 0xfc, 0x07, 0xf0, 0x00, 
+  0x00, 0x0f, 0x80, 0x3f, 0xfc, 0x01, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t continue_straight = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+continue_straight_map,
+};

src/displayapp/icons/navigation/continue-uturn-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M17.00909,8v9.49652A0.50346,0.50346,0,0,1,16.50562,18h-0.993a0.50346,0.50346,0,0,1-.50348-0.50348V8a3.5,3.5,0,1,0-7,0v4H8a0.35757,0.35757,0,0,0,.54242.37738l2.95184-1.34375a0.3866,0.3866,0,0,1,.40942.62354L7,18,2.09625,11.65717a0.3866,0.3866,0,0,1,.40942-0.62354l2.95184,1.34375A0.3576,0.3576,0,0,0,6,12H6.00909V8A5.5,5.5,0,1,1,17.00909,8Z"/>
+</svg>

src/displayapp/icons/navigation/continue-uturn.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_CONTINUE_UTURN
+#define LV_ATTRIBUTE_IMG_CONTINUE_UTURN
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_CONTINUE_UTURN uint8_t continue_uturn_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x0f, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xff, 0xff, 0xff, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf8, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0x7f, 0xff, 0xfe, 
+  0x00, 0x00, 0x3f, 0xff, 0xf8, 0x0f, 0xff, 0xfe, 
+  0x00, 0x00, 0x7f, 0xff, 0xe0, 0x03, 0xff, 0xfe, 
+  0x00, 0x00, 0x7f, 0xff, 0x80, 0x01, 0xff, 0xfe, 
+  0x00, 0x00, 0x7f, 0xff, 0x00, 0x00, 0xff, 0xfe, 
+  0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x7f, 0xfe, 
+  0x00, 0x00, 0xff, 0xfc, 0x00, 0x00, 0x3f, 0xfe, 
+  0x00, 0x00, 0xff, 0xfc, 0x00, 0x00, 0x1f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf8, 0x00, 0x00, 0x1f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf8, 0x00, 0x00, 0x0f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf8, 0x00, 0x00, 0x0f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x0f, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x7c, 0x00, 0xff, 0xf0, 0x03, 0xf0, 0x07, 0xfe, 
+  0x7f, 0x00, 0xff, 0xf0, 0x1f, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xc0, 0xff, 0xf0, 0x7f, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xf8, 0xff, 0xf1, 0xff, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xfe, 0xff, 0xf7, 0xff, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x07, 0xfe, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x07, 0xfe, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x07, 0xfe, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x07, 0xfe, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x07, 0xfe, 
+  0x1f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x07, 0xfe, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x07, 0xfe, 
+  0x07, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x07, 0xfe, 
+  0x03, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x07, 0xfe, 
+  0x03, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x07, 0xfe, 
+  0x01, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x07, 0xfe, 
+  0x00, 0xff, 0xff, 0xff, 0xf0, 0x00, 0x07, 0xfe, 
+  0x00, 0x7f, 0xff, 0xff, 0xe0, 0x00, 0x07, 0xfe, 
+  0x00, 0x7f, 0xff, 0xff, 0xc0, 0x00, 0x07, 0xfe, 
+  0x00, 0x3f, 0xff, 0xff, 0x80, 0x00, 0x07, 0xfe, 
+  0x00, 0x1f, 0xff, 0xff, 0x80, 0x00, 0x07, 0xfe, 
+  0x00, 0x0f, 0xff, 0xff, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x07, 0xff, 0xfe, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x07, 0xff, 0xfc, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x03, 0xff, 0xfc, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x01, 0xff, 0xf8, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xf0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0xff, 0xe0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0x7f, 0xc0, 0x00, 0x00, 0x07, 0xfe, 
+  0x00, 0x00, 0x3f, 0xc0, 0x00, 0x00, 0x07, 0xfe, 
+};
+
+const lv_img_dsc_t continue_uturn = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+continue_uturn_map,
+};

src/displayapp/icons/navigation/continue-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M14.50342,8.96637L11.55157,7.62262A0.35755,0.35755,0,0,0,11.00916,8v9.49652A0.50346,0.50346,0,0,1,10.50568,18h-0.993a0.50346,0.50346,0,0,1-.50348-0.50348V8a0.35756,0.35756,0,0,0-.54242-0.37738L5.51489,8.96637a0.38659,0.38659,0,0,1-.40942-0.62354L10.00916,2l4.90369,6.34283A0.3866,0.3866,0,0,1,14.50342,8.96637Z"/>
+</svg>

src/displayapp/icons/navigation/continue.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_CONTINUE
+#define LV_ATTRIBUTE_IMG_CONTINUE
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_CONTINUE uint8_t continue_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00,
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00,
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00,
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00,
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xf0, 0x00, 0x00,
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00,
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00,
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00,
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00,
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00,
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00,
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00,
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00,
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00,
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00,
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00,
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00,
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00,
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00,
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00,
+  0x00, 0x0f, 0xfe, 0x3f, 0xfc, 0x7f, 0xf0, 0x00,
+  0x00, 0x0f, 0xf8, 0x3f, 0xfc, 0x1f, 0xf0, 0x00,
+  0x00, 0x0f, 0xe0, 0x3f, 0xfc, 0x07, 0xf0, 0x00,
+  0x00, 0x0f, 0x80, 0x3f, 0xfc, 0x01, 0xf0, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00,
+};
+
+const lv_img_dsc_t continue_icon = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+continue_map,
+};

src/displayapp/icons/navigation/depart-left-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M15,19a2,2,0,1,1,2-2A2,2,0,0,1,15,19ZM10.00293,8.03668a4.05782,4.05782,0,0,1,3.98877,4.07324H14v1.37775A0.51232,0.51232,0,0,0,14.51233,14h0.97534A0.51232,0.51232,0,0,0,16,13.48767V12H15.98615a6.05607,6.05607,0,0,0-5.9834-5.96332l-0.011-.00183L9.99182,6.05493H9V6.04584a0.35757,0.35757,0,0,1-.37738-0.54242L9.96637,2.55157a0.38659,0.38659,0,0,0-.62354-0.40942L3,7.04584l6.34283,4.90369a0.3866,0.3866,0,0,0,.62354-0.40942L8.62262,8.58826A0.35757,0.35757,0,0,1,9,8.04584V8.05493h1"/>
+</svg>

src/displayapp/icons/navigation/depart-left.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_DEPART_LEFT
+#define LV_ATTRIBUTE_IMG_DEPART_LEFT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_DEPART_LEFT uint8_t depart_left_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x3f, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0x80, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0x80, 0x00, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x3f, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x00, 0x00, 
+  0x01, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x3f, 0xff, 0xfe, 0x1f, 0xff, 0xfe, 0x00, 
+  0x00, 0x0f, 0xff, 0xfe, 0x03, 0xff, 0xfe, 0x00, 
+  0x00, 0x07, 0xff, 0xfe, 0x01, 0xff, 0xfe, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0x00, 0xff, 0xff, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0x80, 0x7f, 0xff, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0x80, 0x3f, 0xff, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0x80, 0x1f, 0xff, 0x80, 
+  0x00, 0x00, 0x1f, 0xff, 0xc0, 0x0f, 0xff, 0x80, 
+  0x00, 0x00, 0x0f, 0xff, 0xc0, 0x0f, 0xff, 0x80, 
+  0x00, 0x00, 0x03, 0xff, 0xc0, 0x07, 0xff, 0x80, 
+  0x00, 0x00, 0x01, 0xff, 0xc0, 0x07, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0xff, 0xc0, 0x07, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x3f, 0xc0, 0x07, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x1f, 0xc0, 0x07, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x0f, 0xc0, 0x07, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x07, 0xff, 0xc0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x0f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x0f, 0xff, 0xe0, 
+};
+
+const lv_img_dsc_t depart_left = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+depart_left_map,
+};

src/displayapp/icons/navigation/depart-right-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M3,17a2,2,0,1,1,2,2A2,2,0,0,1,3,17Zm7-8.94507h1V8.04584a0.35757,0.35757,0,0,1,.37738.54242L10.03363,11.5401a0.3866,0.3866,0,0,0,.62354.40942L17,7.04584,10.65717,2.14215a0.38659,0.38659,0,0,0-.62354.40942l1.34375,2.95184A0.35757,0.35757,0,0,1,11,6.04584V6.05493H10.00818l0.00012-.02008-0.011.00183A6.05607,6.05607,0,0,0,4.01385,12H4v1.48767A0.51232,0.51232,0,0,0,4.51233,14H5.48767A0.51232,0.51232,0,0,0,6,13.48767V12.10992H6.0083A4.05782,4.05782,0,0,1,9.99707,8.03668"/>
+</svg>

src/displayapp/icons/navigation/depart-right.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_DEPART_RIGHT
+#define LV_ATTRIBUTE_IMG_DEPART_RIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_DEPART_RIGHT uint8_t depart_right_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x01, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x01, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x01, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x01, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x01, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x01, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0xc0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0xe0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xfe, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0x80, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 
+  0x00, 0x3f, 0xff, 0xfc, 0x3f, 0xff, 0xfe, 0x00, 
+  0x00, 0x3f, 0xff, 0xe0, 0x3f, 0xff, 0xf8, 0x00, 
+  0x00, 0x3f, 0xff, 0xc0, 0x3f, 0xff, 0xf0, 0x00, 
+  0x00, 0x7f, 0xff, 0x80, 0x7f, 0xff, 0xe0, 0x00, 
+  0x00, 0x7f, 0xff, 0x00, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x7f, 0xfe, 0x00, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0xff, 0xfc, 0x00, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0xff, 0xf8, 0x01, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0xff, 0xf8, 0x01, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0xff, 0xf0, 0x01, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0xff, 0xf0, 0x01, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0xff, 0xf0, 0x01, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0xff, 0xf0, 0x01, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xf0, 0x01, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xf0, 0x01, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x01, 0xff, 0xf0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xf8, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xf8, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t depart_right = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+depart_right_map,
+};

src/displayapp/icons/navigation/depart-straight-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M10,19a2,2,0,1,1,2-2A2,2,0,0,1,10,19ZM14.91284,7.34283L10.00916,1,5.10547,7.34283a0.38659,0.38659,0,0,0,.40942.62354L8.46674,6.62262a0.35542,0.35542,0,0,1,.541.36908H9v5.50006a0.49992,0.49992,0,0,0,.49994.49994h1.00012A0.49992,0.49992,0,0,0,11,12.49176V7h0.00916a0.35757,0.35757,0,0,1,.54242-0.37738l2.95184,1.34375A0.3866,0.3866,0,0,0,14.91284,7.34283Z"/>
+</svg>

src/displayapp/icons/navigation/depart-straight.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_DEPART_STRAIGHT
+#define LV_ATTRIBUTE_IMG_DEPART_STRAIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_DEPART_STRAIGHT uint8_t depart_straight_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xbf, 0xfd, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xfe, 0x3f, 0xfc, 0x7f, 0xc0, 0x00, 
+  0x00, 0x03, 0xf8, 0x3f, 0xfc, 0x1f, 0xc0, 0x00, 
+  0x00, 0x03, 0xc0, 0x3f, 0xfc, 0x03, 0xc0, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t depart_straight = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+depart_straight_map,
+};

src/displayapp/icons/navigation/depart-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M9.98172,19a2,2,0,1,1,2-2A2,2,0,0,1,9.98172,19ZM14.89456,7.34283L9.99087,1,5.08719,7.34283a0.38659,0.38659,0,0,0,.40942.62354L8.44845,6.62262a0.35542,0.35542,0,0,1,.541.36908H8.98172v5.50006a0.49992,0.49992,0,0,0,.49994.49994h1.00012a0.49992,0.49992,0,0,0,.49994-0.49994V7h0.00916a0.35757,0.35757,0,0,1,.54242-0.37738l2.95184,1.34375A0.3866,0.3866,0,0,0,14.89456,7.34283Z"/>
+</svg>

src/displayapp/icons/navigation/depart.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_DEPART
+#define LV_ATTRIBUTE_IMG_DEPART
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_DEPART uint8_t depart_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xbf, 0xfd, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xfe, 0x3f, 0xfc, 0x7f, 0xc0, 0x00, 
+  0x00, 0x03, 0xf8, 0x3f, 0xfc, 0x1f, 0xc0, 0x00, 
+  0x00, 0x03, 0xc0, 0x3f, 0xfc, 0x03, 0xc0, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t depart = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+depart_map,
+};

src/displayapp/icons/navigation/end-of-road-left-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M16.50354,6.2A0.29678,0.29678,0,0,1,16.8,6.49646V7.50354A0.29678,0.29678,0,0,1,16.50354,7.8H7.2V6.2h9.30353m0-.2H7V8h9.50354A0.49645,0.49645,0,0,0,17,7.50354V6.49646A0.49645,0.49645,0,0,0,16.50354,6h0ZM10,5.98169H8.01245a0.35757,0.35757,0,0,1-.37738-0.54242L8.97882,2.48743A0.38659,0.38659,0,0,0,8.35529,2.078L2.0083,7l6.347,4.88544A0.38659,0.38659,0,0,0,8.97882,11.476L7.63507,8.52417a0.3576,0.3576,0,0,1,.37738-0.54248h1.99878A4.05782,4.05782,0,0,1,14,12.05493v5.44885A0.49622,0.49622,0,0,0,14.49622,18h1.00647a0.49614,0.49614,0,0,0,.49615-0.49683L15.99689,16H16V12.05493a6.06019,6.06019,0,0,0-5.989-6.07324L10,5.97986"/>
+</svg>

src/displayapp/icons/navigation/end-of-road-left.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_END_OF_ROAD_LEFT
+#define LV_ATTRIBUTE_IMG_END_OF_ROAD_LEFT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_END_OF_ROAD_LEFT uint8_t end_of_road_left_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x01, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x03, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xf8, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x3f, 0xff, 0xf8, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x7f, 0xff, 0xf0, 0x00, 0x00, 0x00, 0x00, 
+  0x01, 0xff, 0xff, 0xf0, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xff, 0xf0, 0x00, 0x00, 0x00, 0x00, 
+  0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x1c, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x1c, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x1f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x03, 0xff, 0xff, 0xe0, 0x1f, 0xff, 0xff, 0x80, 
+  0x01, 0xff, 0xff, 0xf0, 0x03, 0xff, 0xff, 0x80, 
+  0x00, 0xff, 0xff, 0xf0, 0x00, 0xff, 0xff, 0xc0, 
+  0x00, 0x7f, 0xff, 0xf8, 0x00, 0x7f, 0xff, 0xc0, 
+  0x00, 0x1f, 0xff, 0xf8, 0x00, 0x1f, 0xff, 0xc0, 
+  0x00, 0x0f, 0xff, 0xfc, 0x00, 0x0f, 0xff, 0xe0, 
+  0x00, 0x03, 0xff, 0xfc, 0x00, 0x07, 0xff, 0xe0, 
+  0x00, 0x01, 0xff, 0xfe, 0x00, 0x07, 0xff, 0xe0, 
+  0x00, 0x00, 0xff, 0xfe, 0x00, 0x03, 0xff, 0xf0, 
+  0x00, 0x00, 0x7f, 0xff, 0x00, 0x03, 0xff, 0xf0, 
+  0x00, 0x00, 0x1f, 0xff, 0x00, 0x01, 0xff, 0xf0, 
+  0x00, 0x00, 0x0f, 0xff, 0x00, 0x01, 0xff, 0xf0, 
+  0x00, 0x00, 0x03, 0xff, 0x00, 0x01, 0xff, 0xf0, 
+  0x00, 0x00, 0x01, 0xff, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0xff, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x7f, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xf0, 
+};
+
+const lv_img_dsc_t end_of_road_left = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+end_of_road_left_map,
+};

src/displayapp/icons/navigation/end-of-road-right-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M12.8,6.2V7.8H2.50119A0.30152,0.30152,0,0,1,2.2,7.49882V6.50118A0.30152,0.30152,0,0,1,2.50119,6.2H12.8M13,6H2.50119A0.50119,0.50119,0,0,0,2,6.50118V7.49882A0.50119,0.50119,0,0,0,2.50119,8H13V6h0ZM10,7.98169h1.98755a0.3576,0.3576,0,0,1,.37738.54248L11.02118,11.476a0.38659,0.38659,0,0,0,.62354.40942L17.9917,7l-6.347-4.922a0.38659,0.38659,0,0,0-.62354.40942l1.34375,2.95184a0.35757,0.35757,0,0,1-.37738.54242H10V5.97986l-0.011.00183A6.06019,6.06019,0,0,0,4,12.05493V16H4.00311l-0.002,1.50317A0.49614,0.49614,0,0,0,4.49731,18H5.50378A0.49622,0.49622,0,0,0,6,17.50378V12.05493A4.05782,4.05782,0,0,1,9.98877,7.98169H10Z"/>
+</svg>

src/displayapp/icons/navigation/end-of-road-right.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_END_OF_ROAD_RIGHT
+#define LV_ATTRIBUTE_IMG_END_OF_ROAD_RIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_END_OF_ROAD_RIGHT uint8_t end_of_road_right_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xc0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x1f, 0xff, 0xe0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x0f, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x0f, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x07, 0xff, 0xfe, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x07, 0xff, 0xff, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0xff, 0x80, 
+  0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0xff, 0xf0, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xe0, 0x01, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xe0, 0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfe, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x7f, 0xff, 0xfe, 0x03, 0xff, 0xff, 0xf0, 
+  0x00, 0xff, 0xff, 0xf0, 0x03, 0xff, 0xff, 0xe0, 
+  0x00, 0xff, 0xff, 0xc0, 0x03, 0xff, 0xff, 0xc0, 
+  0x00, 0xff, 0xff, 0x80, 0x07, 0xff, 0xff, 0x80, 
+  0x01, 0xff, 0xfe, 0x00, 0x07, 0xff, 0xfe, 0x00, 
+  0x01, 0xff, 0xfc, 0x00, 0x0f, 0xff, 0xfc, 0x00, 
+  0x01, 0xff, 0xf8, 0x00, 0x0f, 0xff, 0xf0, 0x00, 
+  0x03, 0xff, 0xf8, 0x00, 0x1f, 0xff, 0xe0, 0x00, 
+  0x03, 0xff, 0xf0, 0x00, 0x1f, 0xff, 0xc0, 0x00, 
+  0x03, 0xff, 0xe0, 0x00, 0x3f, 0xff, 0x80, 0x00, 
+  0x03, 0xff, 0xe0, 0x00, 0x3f, 0xff, 0x00, 0x00, 
+  0x03, 0xff, 0xe0, 0x00, 0x3f, 0xfc, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x3f, 0xf0, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x3f, 0xe0, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x3f, 0xc0, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x3f, 0x80, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t end_of_road_right = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+end_of_road_right_map,
+};

src/displayapp/icons/navigation/ferry-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>ferry</title>
+  <path fill="#ffffff" d="m 7.3995155,14.184682 c 0.8083073,0.01079 1.5892915,0.293603 2.2170029,0.802914 l 0.3115788,0.275628 0.059919,0 0.3714978,-0.335547 c 1.17645,-0.972485 2.850946,-1.060086 4.122427,-0.215708 l 2.708339,-5.3208066 -1.79757,-1.1983797 0,-4.2542487 C 15.336866,2.9798301 14.555162,2.2242515 13.59514,2.2008831 l -0.59919,0 c 0.0411,-0.6207608 -0.4289,-1.1572754 -1.049661,-1.1983799 -0.04949,-0.00324 -0.09923,-0.00324 -0.148719,0 l -3.5951399,0 c -0.6207608,-0.041104 -1.1572755,0.4289002 -1.1983799,1.049661 -0.00324,0.049493 -0.00324,0.099226 0,0.1487189 l -0.59919,0 C 5.4448381,2.2242511 4.6631348,2.9798301 4.6072903,3.938534 l 0,4.2542487 -1.7975698,1.1983797 2.6963548,5.4286606 C 6.0624831,14.429271 6.720154,14.208649 7.3995155,14.184682 Z M 5.8056702,3.938534 c 0.012583,-0.3108597 0.2747886,-0.552573 0.5855285,-0.53999 0.00455,2.397e-4 0.00911,4.794e-4 0.013661,7.19e-4 l 7.1902793,0 c 0.310381,-0.020492 0.578698,0.2143902 0.59919,0.5247706 0.0017,0.024807 0.0017,0.049613 0,0.074419 l 0,3.5951398 L 9.9999999,5.1968329 5.8056702,7.5336738 c 0,0 0,-3.5951398 0,-3.5951398 z m 11.9837988,12.642908 0,1.19838 c -0.314695,0.02325 -0.607459,0.16969 -0.814898,0.407449 -0.325599,0.345493 -0.74036,0.594276 -1.19838,0.719028 -0.736644,0.217506 -1.533326,0.05093 -2.121133,-0.443401 l -0.467367,-0.419433 c -0.364667,-0.36263 -0.953551,-0.36263 -1.318218,0 -0.167773,0.143806 -0.323562,0.299595 -0.503319,0.443401 -0.878174,0.701771 -2.1347949,0.666299 -2.9719831,-0.08389 l -0.4673682,-0.41943 c -0.343216,-0.299834 -0.8551639,-0.299834 -1.1983799,0 C 6.5007306,18.163303 6.297006,18.367028 6.0693138,18.546785 5.2252949,19.17174 4.0641846,19.14214 3.253121,18.474885 L 2.8816233,18.151319 C 2.7082177,17.952748 2.4708186,17.821286 2.2105305,17.779822 l 0,-1.19838 c 0.3097812,-0.03835 0.6237567,0.02025 0.8987849,0.167773 0.3333893,0.206361 0.6500013,0.438727 0.9467202,0.69506 0.2457877,0.267838 0.6168061,0.382283 0.9706877,0.299595 0.1348177,-0.03991 0.2608873,-0.104978 0.3714978,-0.191741 0.1917408,-0.143805 0.3475302,-0.311578 0.5392709,-0.467368 0.8515688,-0.705606 2.0844621,-0.705606 2.9360308,0 0.1917408,0.15579 0.3714978,0.335547 0.5632386,0.491336 0.343216,0.299835 0.8551636,0.299835 1.1983796,0 0.191741,-0.155789 0.371498,-0.335546 0.563239,-0.491336 0.853606,-0.712197 2.094409,-0.712197 2.948015,0 0.179757,0.15579 0.34753,0.323563 0.527287,0.467368 0.343216,0.299835 0.855164,0.299835 1.19838,0 L 16.4353,17.060794 c 0.382882,-0.31062 0.861155,-0.479951 1.354169,-0.479352 z"/>
+</svg>

src/displayapp/icons/navigation/ferry.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_FERRY
+#define LV_ATTRIBUTE_IMG_FERRY
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_FERRY uint8_t ferry_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xe0, 0x00, 0x00, 0x07, 0xf8, 0x00, 
+  0x00, 0x1f, 0xe0, 0x00, 0x00, 0x07, 0xf8, 0x00, 
+  0x00, 0x1f, 0xe0, 0x07, 0xe0, 0x07, 0xf8, 0x00, 
+  0x00, 0x1f, 0xe0, 0x0f, 0xf0, 0x07, 0xf8, 0x00, 
+  0x00, 0x1f, 0xe0, 0x7f, 0xfc, 0x07, 0xf8, 0x00, 
+  0x00, 0x1f, 0xe0, 0xff, 0xff, 0x07, 0xf8, 0x00, 
+  0x00, 0x1f, 0xe3, 0xff, 0xff, 0xc7, 0xf8, 0x00, 
+  0x00, 0x1f, 0xef, 0xff, 0xff, 0xf7, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 
+  0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x01, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x01, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 
+  0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 
+  0x00, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 
+  0x00, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 
+  0x00, 0x3f, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x3f, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x07, 0xf8, 0x7f, 0xfc, 0x0f, 0xc0, 0x00, 
+  0x00, 0x03, 0xe0, 0x1f, 0xf8, 0x03, 0xc0, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xe0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xc0, 0x00, 0x00, 0x00, 
+  0x0f, 0x00, 0x1f, 0xe0, 0x07, 0xfc, 0x00, 0xf0, 
+  0x0f, 0xc0, 0xff, 0xf8, 0x1f, 0xff, 0x03, 0xf0, 
+  0x0f, 0xf1, 0xff, 0xfc, 0x3f, 0xff, 0x8f, 0xf0, 
+  0x0f, 0xfb, 0xff, 0xff, 0xff, 0xff, 0xdf, 0xf0, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x0f, 0xff, 0xfd, 0xff, 0xff, 0x3f, 0xff, 0xe0, 
+  0x07, 0xff, 0xf8, 0xff, 0xff, 0x3f, 0xff, 0xc0, 
+};
+
+const lv_img_dsc_t ferry = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+ferry_map,
+};

src/displayapp/icons/navigation/flag-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M3.5,18h0A0.5,0.5,0,0,1,3,17.5V3.5A0.5,0.5,0,0,1,3.5,3h0a0.5,0.5,0,0,1,.5.5v14A0.5,0.5,0,0,1,3.5,18ZM13.33333,7L17,3H6v8H17Z"/>
+</svg>

src/displayapp/icons/navigation/flag.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_FLAG
+#define LV_ATTRIBUTE_IMG_FLAG
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_FLAG uint8_t flag_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t flag = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+flag_map,
+};

src/displayapp/icons/navigation/fork-left-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M17.73611,6.57682a0.30465,0.30465,0,0,1,.23032.10507l0.649,0.74859a0.30457,0.30457,0,0,1-.03369.43226L16.5213,9.60119a5.4089,5.4089,0,0,0-1.73306,4.29459l0.0047,3.60769A0.29612,0.29612,0,0,1,14.4968,17.8H13.49033a0.29657,0.29657,0,0,1-.29623-0.29622l-0.00058-3.47624A6.99129,6.99129,0,0,1,15.463,8.40138l2.077-1.75275a0.30475,0.30475,0,0,1,.1962-0.07182m0-.2a0.50269,0.50269,0,0,0-.32516.119L15.334,8.24854A7.25157,7.25157,0,0,0,12.99411,14.043v3.46082A0.49622,0.49622,0,0,0,13.49033,18H14.4968a0.49614,0.49614,0,0,0,.49615-0.49681l-0.0047-3.60767a5.2182,5.2182,0,0,1,1.665-4.14405L18.71066,8.0156a0.50455,0.50455,0,0,0,.05585-0.71613l-0.649-.74859a0.50345,0.50345,0,0,0-.38147-0.17406h0ZM9.00078,5.98169H7.01323a0.35757,0.35757,0,0,1-.37738-0.54242L7.9796,2.48743A0.38659,0.38659,0,0,0,7.35606,2.078L1.00908,7l6.347,4.88544A0.38659,0.38659,0,0,0,7.9796,11.476L6.63585,8.52417a0.3576,0.3576,0,0,1,.37738-0.54248H9.012a4.05782,4.05782,0,0,1,3.98877,4.07324v5.44885A0.49622,0.49622,0,0,0,13.497,18h1.00647a0.49614,0.49614,0,0,0,.49615-0.49683L14.99766,16h0.00311V12.05493a6.06019,6.06019,0,0,0-5.989-6.07324l-0.011-.00183"/>
+</svg>

src/displayapp/icons/navigation/fork-left.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_FORK_LEFT
+#define LV_ATTRIBUTE_IMG_FORK_LEFT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_FORK_LEFT uint8_t fork_left_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xe0, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xe0, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xe0, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x3f, 0xff, 0xc0, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x3f, 0xff, 0x80, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xff, 0x80, 0x00, 0x00, 0x00, 0x00, 
+  0x03, 0xff, 0xff, 0x80, 0x00, 0x00, 0x00, 0x00, 
+  0x07, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x1f, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x7f, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x00, 0x00, 
+  0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x00, 0xfe, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x01, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x03, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 0x0f, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x0f, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x3f, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x7f, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0x7f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x7f, 
+  0x1f, 0xff, 0xfe, 0x0f, 0xff, 0xff, 0xff, 0xff, 
+  0x0f, 0xff, 0xfe, 0x01, 0xff, 0xff, 0xff, 0xff, 
+  0x03, 0xff, 0xff, 0x00, 0x3f, 0xff, 0xff, 0xfe, 
+  0x03, 0xff, 0xff, 0x00, 0x1f, 0xff, 0xff, 0xfc, 
+  0x00, 0xff, 0xff, 0x80, 0x07, 0xff, 0xff, 0xf0, 
+  0x00, 0x7f, 0xff, 0x80, 0x07, 0xff, 0xff, 0xe0, 
+  0x00, 0x1f, 0xff, 0xc0, 0x03, 0xff, 0xff, 0xc0, 
+  0x00, 0x0f, 0xff, 0xc0, 0x01, 0xff, 0xff, 0x80, 
+  0x00, 0x07, 0xff, 0xe0, 0x01, 0xff, 0xff, 0x00, 
+  0x00, 0x01, 0xff, 0xe0, 0x00, 0xff, 0xfe, 0x00, 
+  0x00, 0x00, 0xff, 0xe0, 0x00, 0xff, 0xfe, 0x00, 
+  0x00, 0x00, 0x7f, 0xe0, 0x00, 0x7f, 0xfc, 0x00, 
+  0x00, 0x00, 0x3f, 0xe0, 0x00, 0x7f, 0xfc, 0x00, 
+  0x00, 0x00, 0x0f, 0xe0, 0x00, 0x7f, 0xf8, 0x00, 
+  0x00, 0x00, 0x07, 0xc0, 0x00, 0x7f, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t fork_left = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+fork_left_map,
+};

src/displayapp/icons/navigation/fork-right-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M2.27386,6.57682A0.30457,0.30457,0,0,1,2.47,6.64864L4.544,8.39882A7.00218,7.00218,0,0,1,6.81586,14.043v3.46088A0.29651,0.29651,0,0,1,6.51968,17.8H5.51318A0.29613,0.29613,0,0,1,5.217,17.50343L5.22079,13.9146a5.42,5.42,0,0,0-1.73517-4.316L1.42825,7.86274a0.30461,0.30461,0,0,1-.03372-0.43226l0.649-.74859a0.30466,0.30466,0,0,1,.23035-0.10507m0-.2a0.50345,0.50345,0,0,0-.38147.17406l-0.649.74859a0.50458,0.50458,0,0,0,.05588.71613L3.35666,9.75146a5.2182,5.2182,0,0,1,1.665,4.14405L5.017,17.50317A0.49617,0.49617,0,0,0,5.51318,18h1.0065a0.49616,0.49616,0,0,0,.49615-0.49615V14.043A7.25157,7.25157,0,0,0,4.676,8.24854L2.599,6.49579a0.50264,0.50264,0,0,0-.32516-0.119h0ZM11.0083,7.98169h1.98755a0.3576,0.3576,0,0,1,.37738.54248L12.02948,11.476a0.38659,0.38659,0,0,0,.62354.40942L19,7,12.653,2.078a0.38659,0.38659,0,0,0-.62354.40942l1.34375,2.95184a0.35757,0.35757,0,0,1-.37738.54242H11.0083V5.97986l-0.011.00183a6.06019,6.06019,0,0,0-5.989,6.07324V16H5.01141l-0.002,1.50317A0.49614,0.49614,0,0,0,5.50562,18H6.51208a0.49622,0.49622,0,0,0,.49622-0.49622V12.05493a4.05782,4.05782,0,0,1,3.98877-4.07324H11.0083Z"/>
+</svg>

src/displayapp/icons/navigation/fork-right.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_FORK_RIGHT
+#define LV_ATTRIBUTE_IMG_FORK_RIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_FORK_RIGHT uint8_t fork_right_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x07, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x07, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x07, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x07, 0xff, 0xc0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x07, 0xff, 0xe0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x03, 0xff, 0xfe, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x01, 0xff, 0xff, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0xc0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0xe0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xf8, 
+  0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xfe, 
+  0x7f, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0x80, 0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xc0, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xe0, 0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xf0, 0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xfc, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xfe, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfe, 
+  0xff, 0xff, 0xff, 0xff, 0xf0, 0x7f, 0xff, 0xf8, 
+  0xff, 0xbf, 0xff, 0xff, 0x00, 0xff, 0xff, 0xf0, 
+  0x7f, 0xff, 0xff, 0xfc, 0x00, 0xff, 0xff, 0xe0, 
+  0x3f, 0xff, 0xff, 0xf8, 0x00, 0xff, 0xff, 0xc0, 
+  0x1f, 0xf7, 0xff, 0xf0, 0x01, 0xff, 0xff, 0x00, 
+  0x0f, 0xff, 0xff, 0xe0, 0x03, 0xff, 0xfe, 0x00, 
+  0x03, 0xff, 0xff, 0xc0, 0x03, 0xff, 0xf8, 0x00, 
+  0x01, 0xff, 0xff, 0x80, 0x03, 0xff, 0xf0, 0x00, 
+  0x00, 0xff, 0xff, 0x00, 0x07, 0xff, 0xe0, 0x00, 
+  0x00, 0xff, 0xff, 0x00, 0x07, 0xff, 0x80, 0x00, 
+  0x00, 0x7f, 0xff, 0x00, 0x07, 0xff, 0x00, 0x00, 
+  0x00, 0x3f, 0xfe, 0x00, 0x07, 0xfe, 0x00, 0x00, 
+  0x00, 0x3f, 0xfe, 0x00, 0x07, 0xfc, 0x00, 0x00, 
+  0x00, 0x1f, 0xfe, 0x00, 0x07, 0xf0, 0x00, 0x00, 
+  0x00, 0x1f, 0xfe, 0x00, 0x03, 0xe0, 0x00, 0x00, 
+  0x00, 0x1f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t fork_right = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+fork_right_map,
+};

src/displayapp/icons/navigation/fork-slight-left-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M15.75607,6.57682a0.30471,0.30471,0,0,1,.23035.10507l0.649,0.74859a0.30457,0.30457,0,0,1-.03369.43226L14.54129,9.60119a5.4089,5.4089,0,0,0-1.73306,4.29459l0.0047,3.60769a0.29613,0.29613,0,0,1-.29614.29654H11.51031a0.29657,0.29657,0,0,1-.29623-0.29622L11.2135,14.02754a6.99129,6.99129,0,0,1,2.26944-5.62616l2.077-1.75275a0.30461,0.30461,0,0,1,.19617-0.07182m0-.2a0.50263,0.50263,0,0,0-.32516.119l-2.077,1.75275A7.25157,7.25157,0,0,0,11.0141,14.043v3.46082A0.49622,0.49622,0,0,0,11.51031,18h1.00647a0.49616,0.49616,0,0,0,.49615-0.49681l-0.0047-3.60767a5.2182,5.2182,0,0,1,1.665-4.14405L16.73065,8.0156a0.50458,0.50458,0,0,0,.05585-0.71613l-0.649-.74859a0.50345,0.50345,0,0,0-.38147-0.17406h0Zm-5.11,1.87171L8.18859,6.17468a0.3576,0.3576,0,0,1,.07019-0.6571L11.2077,4.16742a0.38658,0.38658,0,0,0-.20294-0.71777L3,3l1.58044,7.86a0.38663,0.38663,0,0,0,.73938.09912L6.238,7.84851a0.35758,0.35758,0,0,1,.6405-0.16266L9.32672,9.75146a5.21819,5.21819,0,0,1,1.665,4.144l-0.0047,3.60767A0.49614,0.49614,0,0,0,11.48321,18h1.00653a0.49621,0.49621,0,0,0,.49615-0.49622V14.043A7.25158,7.25158,0,0,0,10.64605,8.24854Z"/>
+</svg>

src/displayapp/icons/navigation/fork-slight-left.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_FORK_SLIGHT_LEFT
+#define LV_ATTRIBUTE_IMG_FORK_SLIGHT_LEFT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_FORK_SLIGHT_LEFT uint8_t fork_slight_left_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x3f, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0xf0, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x3f, 0xff, 0xff, 0xe0, 0x00, 0x00, 0x03, 0xe0, 
+  0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 0x07, 0xf8, 
+  0x1f, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x0f, 0xf8, 
+  0x1f, 0xff, 0xff, 0xfe, 0x00, 0x00, 0x1f, 0xfc, 
+  0x1f, 0xff, 0xff, 0xff, 0x00, 0x00, 0x3f, 0xfc, 
+  0x1f, 0xff, 0xff, 0xff, 0x80, 0x00, 0xff, 0xfc, 
+  0x0f, 0xff, 0xff, 0xff, 0xc0, 0x01, 0xff, 0xfc, 
+  0x0f, 0xff, 0xff, 0xff, 0xf0, 0x03, 0xff, 0x7c, 
+  0x0f, 0xff, 0xff, 0xff, 0xf8, 0x07, 0xfe, 0x7c, 
+  0x0f, 0xff, 0xff, 0xff, 0xfc, 0x1f, 0xfd, 0xfc, 
+  0x0f, 0xff, 0xff, 0xff, 0xfe, 0x1f, 0xf3, 0xfc, 
+  0x07, 0xff, 0xff, 0xff, 0xff, 0x3f, 0xe7, 0xfc, 
+  0x07, 0xff, 0xcf, 0xff, 0xff, 0xff, 0xcf, 0xfc, 
+  0x07, 0xff, 0x87, 0xff, 0xff, 0xff, 0x9f, 0xf8, 
+  0x07, 0xff, 0x83, 0xff, 0xff, 0xff, 0x7f, 0xe0, 
+  0x07, 0xff, 0x81, 0xff, 0xff, 0xfe, 0xff, 0xc0, 
+  0x03, 0xff, 0x00, 0x7f, 0xff, 0xfd, 0xff, 0x80, 
+  0x03, 0xff, 0x00, 0x3f, 0xff, 0xfb, 0xff, 0x00, 
+  0x03, 0xff, 0x00, 0x1f, 0xff, 0xf3, 0xfe, 0x00, 
+  0x03, 0xfe, 0x00, 0x0f, 0xff, 0xff, 0xfc, 0x00, 
+  0x03, 0xfe, 0x00, 0x07, 0xff, 0xff, 0xf8, 0x00, 
+  0x01, 0xfe, 0x00, 0x03, 0xff, 0xff, 0xe0, 0x00, 
+  0x01, 0xfc, 0x00, 0x03, 0xff, 0xff, 0xe0, 0x00, 
+  0x01, 0xfc, 0x00, 0x01, 0xff, 0xff, 0xc0, 0x00, 
+  0x01, 0xfc, 0x00, 0x00, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0x80, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xfe, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t fork_slight_left = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+fork_slight_left_map,
+};

src/displayapp/icons/navigation/fork-slight-right-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M4.26865,6.57682a0.30457,0.30457,0,0,1,.19617.07182l2.074,1.75018A7.00218,7.00218,0,0,1,8.81064,14.043v3.46088A0.29651,0.29651,0,0,1,8.51447,17.8H7.50793a0.29612,0.29612,0,0,1-.29614-0.29655L7.21558,13.9146a5.42,5.42,0,0,0-1.73517-4.316L3.423,7.86274a0.30454,0.30454,0,0,1-.03372-0.43226l0.649-.74859a0.30466,0.30466,0,0,1,.23035-0.10507m0-.2a0.50345,0.50345,0,0,0-.38147.17406l-0.649.74859a0.50455,0.50455,0,0,0,.05588.71613L5.35144,9.75146a5.2182,5.2182,0,0,1,1.665,4.14405l-0.0047,3.60767A0.49614,0.49614,0,0,0,7.50793,18H8.51447a0.49616,0.49616,0,0,0,.49615-0.49615V14.043A7.25157,7.25157,0,0,0,6.67078,8.24854l-2.077-1.75275a0.50264,0.50264,0,0,0-.32516-0.119h0ZM7.0141,14.043v3.46082A0.49621,0.49621,0,0,0,7.51025,18H8.51678a0.49614,0.49614,0,0,0,.49615-0.49683l-0.0047-3.60767a5.21819,5.21819,0,0,1,1.665-4.144l2.44818-2.06561a0.35758,0.35758,0,0,1,.6405.16266l0.91821,3.1106A0.38663,0.38663,0,0,0,15.41956,10.86L17,3l-8.00476.44965a0.38658,0.38658,0,0,0-.20294.71777l2.94891,1.35016a0.3576,0.3576,0,0,1,.07019.6571L9.35394,8.24854A7.25157,7.25157,0,0,0,7.0141,14.043Z"/>
+</svg>

src/displayapp/icons/navigation/fork-slight-right.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_FORK_SLIGHT_RIGHT
+#define LV_ATTRIBUTE_IMG_FORK_SLIGHT_RIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_FORK_SLIGHT_RIGHT uint8_t fork_slight_right_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x7f, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0x0f, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xfc, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0xfc, 
+  0x07, 0xc0, 0x00, 0x00, 0x07, 0xff, 0xff, 0xfc, 
+  0x1f, 0xe0, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 
+  0x1f, 0xf0, 0x00, 0x00, 0x3f, 0xff, 0xff, 0xf8, 
+  0x3f, 0xf8, 0x00, 0x00, 0x7f, 0xff, 0xff, 0xf8, 
+  0x3f, 0xfc, 0x00, 0x00, 0xff, 0xff, 0xff, 0xf8, 
+  0x3f, 0xff, 0x00, 0x01, 0xff, 0xff, 0xff, 0xf8, 
+  0x3f, 0xff, 0x80, 0x03, 0xff, 0xff, 0xff, 0xf0, 
+  0x3e, 0xff, 0xc0, 0x0f, 0xff, 0xff, 0xff, 0xf0, 
+  0x3f, 0x7f, 0xf0, 0x1f, 0xff, 0xff, 0xff, 0xf0, 
+  0x3f, 0xbf, 0xf8, 0x3f, 0xff, 0xff, 0xff, 0xf0, 
+  0x3f, 0xcf, 0xfc, 0x7f, 0xff, 0xff, 0xff, 0xf0, 
+  0x3f, 0xe7, 0xfc, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x3f, 0xf3, 0xff, 0xff, 0xff, 0xf3, 0xff, 0xe0, 
+  0x0f, 0xfd, 0xff, 0xff, 0xff, 0xe1, 0xff, 0xe0, 
+  0x07, 0xfe, 0xff, 0xff, 0xff, 0xc1, 0xff, 0xe0, 
+  0x03, 0xff, 0x7f, 0xff, 0xff, 0x81, 0xff, 0xe0, 
+  0x01, 0xff, 0xbf, 0xff, 0xfe, 0x00, 0xff, 0xc0, 
+  0x00, 0xff, 0xdf, 0xff, 0xfc, 0x00, 0xff, 0xc0, 
+  0x00, 0x7f, 0xcf, 0xff, 0xf8, 0x00, 0xff, 0xc0, 
+  0x00, 0x1f, 0xff, 0xff, 0xf0, 0x00, 0x7f, 0xc0, 
+  0x00, 0x1f, 0xff, 0xff, 0xe0, 0x00, 0x7f, 0xc0, 
+  0x00, 0x07, 0xff, 0xff, 0xc0, 0x00, 0x7f, 0x80, 
+  0x00, 0x07, 0xff, 0xff, 0xc0, 0x00, 0x3f, 0x80, 
+  0x00, 0x03, 0xff, 0xff, 0x80, 0x00, 0x3f, 0x80, 
+  0x00, 0x03, 0xff, 0xff, 0x00, 0x00, 0x3f, 0x80, 
+  0x00, 0x01, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t fork_slight_right = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+fork_slight_right_map,
+};

src/displayapp/icons/navigation/fork-straight-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M17.75607,6.59766a0.30466,0.30466,0,0,1,.23035.10507l0.649,0.74859a0.30457,0.30457,0,0,1-.03369.43226L16.54129,9.622a5.4089,5.4089,0,0,0-1.73306,4.29459l0.0047,3.60769a0.29613,0.29613,0,0,1-.29614.29654H13.51031a0.29657,0.29657,0,0,1-.29623-0.29622L13.2135,14.04838a6.99129,6.99129,0,0,1,2.26944-5.62616l2.077-1.75275a0.30461,0.30461,0,0,1,.19617-0.07182m0-.2a0.50264,0.50264,0,0,0-.32516.119l-2.077,1.75275A7.25157,7.25157,0,0,0,13.0141,14.0638v3.46082a0.49622,0.49622,0,0,0,.49622.49622h1.00647a0.49616,0.49616,0,0,0,.49615-0.49681l-0.0047-3.60767a5.2182,5.2182,0,0,1,1.665-4.14405l2.05737-1.73586A0.50455,0.50455,0,0,0,18.7865,7.3203l-0.649-.74859a0.50345,0.50345,0,0,0-.38147-0.17406h0ZM2.24393,6.57682a0.30457,0.30457,0,0,1,.19617.07182l2.074,1.75018A7.00218,7.00218,0,0,1,6.78592,14.043v3.46088A0.29651,0.29651,0,0,1,6.48975,17.8H5.48322a0.29613,0.29613,0,0,1-.29614-0.29655L5.19086,13.9146a5.42,5.42,0,0,0-1.73517-4.316L1.39832,7.86274a0.30457,0.30457,0,0,1-.03369-0.43226l0.649-.74859a0.30466,0.30466,0,0,1,.23035-0.10507m0-.2a0.50345,0.50345,0,0,0-.38147.17406l-0.649.74859a0.50455,0.50455,0,0,0,.05585.71613L3.32672,9.75146a5.2182,5.2182,0,0,1,1.665,4.14405l-0.0047,3.60767A0.49616,0.49616,0,0,0,5.48322,18H6.48975a0.49616,0.49616,0,0,0,.49615-0.49615V14.043A7.25157,7.25157,0,0,0,4.64606,8.24854l-2.077-1.75275a0.50264,0.50264,0,0,0-.32516-0.119h0Zm12.66891,1.966L10.00916,2,5.10547,8.34283a0.38659,0.38659,0,0,0,.40942.62354L8.46674,7.62262A0.35756,0.35756,0,0,1,9.00916,8v9.49652A0.50346,0.50346,0,0,0,9.51263,18h0.993a0.50346,0.50346,0,0,0,.50348-0.50348V8a0.35755,0.35755,0,0,1,.54242-0.37738l2.95184,1.34375A0.3866,0.3866,0,0,0,14.91284,8.34283Z"/>
+</svg>

src/displayapp/icons/navigation/fork-straight.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_FORK_STRAIGHT
+#define LV_ATTRIBUTE_IMG_FORK_STRAIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_FORK_STRAIGHT uint8_t fork_straight_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x0f, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xf8, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x3e, 0x00, 0x3f, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x7f, 0x00, 0x7f, 0xff, 0xff, 0xfe, 0x00, 0xfe, 
+  0xff, 0x80, 0xff, 0xff, 0xff, 0xff, 0x01, 0xff, 
+  0xff, 0xc0, 0xff, 0xff, 0xff, 0xff, 0x03, 0xff, 
+  0xff, 0xf1, 0xff, 0xff, 0xff, 0xff, 0x8f, 0xff, 
+  0xff, 0xfb, 0xff, 0xff, 0xff, 0xff, 0xdf, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xfd, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xbf, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xbf, 0xfd, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xfe, 0x3f, 0xfc, 0x7f, 0xff, 0xff, 
+  0x3f, 0xff, 0xf0, 0x3f, 0xfc, 0x0f, 0xff, 0xfe, 
+  0x3f, 0xff, 0xf0, 0x3f, 0xfc, 0x0f, 0xff, 0xfc, 
+  0x0f, 0xff, 0xf0, 0x3f, 0xfc, 0x0f, 0xff, 0xf0, 
+  0x07, 0xff, 0xf8, 0x3f, 0xfc, 0x1f, 0xff, 0xe0, 
+  0x03, 0xff, 0xf8, 0x3f, 0xfc, 0x1f, 0xff, 0xc0, 
+  0x01, 0xff, 0xfc, 0x3f, 0xfc, 0x3f, 0xff, 0x80, 
+  0x00, 0xfe, 0xfc, 0x3f, 0xfc, 0x3f, 0x7f, 0x00, 
+  0x00, 0x7f, 0xfc, 0x3f, 0xfc, 0x3f, 0xfe, 0x00, 
+  0x00, 0x3f, 0x7e, 0x3f, 0xfc, 0x7e, 0xfe, 0x00, 
+  0x00, 0x3f, 0x7e, 0x3f, 0xfc, 0x7e, 0xfc, 0x00, 
+  0x00, 0x3f, 0x7e, 0x3f, 0xfc, 0x7e, 0xfc, 0x00, 
+  0x00, 0x1f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf8, 0x00, 
+  0x00, 0x1f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf8, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xbe, 0x3f, 0xfc, 0x7d, 0xf0, 0x00, 
+  0x00, 0x0f, 0xfe, 0x3f, 0xfc, 0x7f, 0xf0, 0x00, 
+  0x00, 0x0f, 0xfe, 0x3f, 0xfc, 0x7f, 0xf0, 0x00, 
+  0x00, 0x0f, 0xfe, 0x3f, 0xfc, 0x7f, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t fork_straight = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+fork_straight_map,
+};

src/displayapp/icons/navigation/fork-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M19,3l-1.58044,7.86a0.38663,0.38663,0,0,1-.73938.09912L15.762,7.84851a0.35758,0.35758,0,0,0-.6405-0.16266L12.67328,9.75146a5.21819,5.21819,0,0,0-1.665,4.144l0.0047,3.60767A0.49614,0.49614,0,0,1,10.51678,18H9.48322a0.49614,0.49614,0,0,1-.49615-0.49683l0.0047-3.60767a5.21819,5.21819,0,0,0-1.665-4.144L4.87854,7.68585a0.35758,0.35758,0,0,0-.6405.16266l-0.91821,3.1106A0.38663,0.38663,0,0,1,2.58044,10.86L1,3,9.00476,3.44965a0.38658,0.38658,0,0,1,.20294.71777L6.25879,5.51758a0.3576,0.3576,0,0,0-.07019.6571L8.64606,8.24854A6.64064,6.64064,0,0,1,10,9.89148a6.64064,6.64064,0,0,1,1.35394-1.64294L13.8114,6.17468a0.3576,0.3576,0,0,0-.07019-0.6571L10.7923,4.16742a0.38658,0.38658,0,0,1,.20294-0.71777Z"/>
+</svg>

src/displayapp/icons/navigation/fork.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_FORK
+#define LV_ATTRIBUTE_IMG_FORK
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_FORK uint8_t fork_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xfe, 0x3f, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xf0, 0x0f, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0xc0, 0x03, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0x00, 0x00, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xfc, 0x00, 0x00, 0x3f, 0xff, 0xff, 
+  0xff, 0xff, 0xfe, 0x00, 0x00, 0x7f, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0x00, 0x00, 0xff, 0xff, 0xff, 
+  0xff, 0xff, 0xff, 0x80, 0x01, 0xff, 0xff, 0xff, 
+  0x7f, 0xff, 0xff, 0xe0, 0x07, 0xff, 0xff, 0xfe, 
+  0x7f, 0xff, 0xff, 0xf0, 0x0f, 0xff, 0xff, 0xfe, 
+  0x7f, 0xff, 0xff, 0xf8, 0x1f, 0xff, 0xff, 0xfe, 
+  0x7f, 0xff, 0xff, 0xfc, 0x3f, 0xff, 0xff, 0xfe, 
+  0x3f, 0xff, 0xff, 0xfe, 0x7f, 0xff, 0xff, 0xfc, 
+  0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 
+  0x3f, 0xfb, 0xff, 0xff, 0xff, 0xff, 0xdf, 0xfc, 
+  0x3f, 0xf9, 0xff, 0xff, 0xff, 0xff, 0x9f, 0xfc, 
+  0x3f, 0xf8, 0x7f, 0xff, 0xff, 0xfe, 0x1f, 0xfc, 
+  0x3f, 0xf0, 0x3f, 0xff, 0xff, 0xfc, 0x0f, 0xfc, 
+  0x1f, 0xf0, 0x1f, 0xff, 0xff, 0xf8, 0x0f, 0xf8, 
+  0x1f, 0xf0, 0x0f, 0xff, 0xff, 0xf0, 0x0f, 0xf8, 
+  0x1f, 0xe0, 0x07, 0xff, 0xff, 0xe0, 0x07, 0xf8, 
+  0x1f, 0xe0, 0x03, 0xff, 0xff, 0xc0, 0x07, 0xf8, 
+  0x0f, 0xe0, 0x01, 0xff, 0xff, 0x80, 0x07, 0xf0, 
+  0x0f, 0xe0, 0x00, 0xff, 0xff, 0x00, 0x07, 0xf0, 
+  0x0f, 0xc0, 0x00, 0xff, 0xff, 0x00, 0x03, 0xf0, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t fork = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+fork_map,
+};

src/displayapp/icons/navigation/img_conv_core.php

@@ -0,0 +1,822 @@
+<?php
+
+class Converter {
+    var $dith;      /*Dithering enable/disable*/
+    var $w;         /*Image width*/
+    var $h;         /*Image height*/
+    var $cf;        /*Color format*/
+    var $alpha;     /*Add alpha byte or not*/
+    var $chroma;    /*Chroma keyed?*/
+    var $d_out;     /*Output data (result)*/
+    var $img;       /*Image resource*/
+    var $out_name;  /*Name of the output file*/
+    var $path;      /*Path to the image file*/
+
+    /*Helper variables*/
+    var $r_act;
+    var $b_act;
+    var $g_act;
+
+    /*For dithering*/
+    var $r_earr;  /*Classification error for next row of pixels*/
+    var $g_earr;
+    var $b_earr;
+
+    var $r_nerr;  /*Classification error for next pixel*/
+    var $g_err;
+    var $b_nerr;
+
+    const CF_TRUE_COLOR_332 = 0;      /*Helper formats. Used internally*/
+    const CF_TRUE_COLOR_565 = 1;
+    const CF_TRUE_COLOR_565_SWAP = 2;
+    const CF_TRUE_COLOR_888 = 3;
+    const CF_ALPHA_1_BIT = 4;
+    const CF_ALPHA_2_BIT = 5;
+    const CF_ALPHA_4_BIT = 6;
+    const CF_ALPHA_8_BIT = 7;
+    const CF_INDEXED_1_BIT = 8;
+    const CF_INDEXED_2_BIT = 9;
+    const CF_INDEXED_4_BIT = 10;
+    const CF_INDEXED_8_BIT = 11;
+    const CF_RAW = 12;
+    const CF_RAW_ALPHA = 13;
+    const CF_RAW_CHROMA = 12;
+
+    const CF_TRUE_COLOR = 100;          /*Helper formats is C arrays contains all treu color formats (usin in "download")*/
+    const CF_TRUE_COLOR_ALPHA = 101;
+    const CF_TRUE_COLOR_CHROMA = 102;
+
+    /**
+     * @param path the image file
+     * @param real_name the real image file name (different in online mode)
+     * @param out_name name of the output file
+     * @param dith 1: dither enabled; 0: disabled
+     * @param cf color format
+     */
+    function __construct ($path, $real_name, $out_name ,$dith, $cf) {
+     		
+        $this->dith = $dith;
+        $this->out_name = $out_name;
+        $this->path = $path;
+
+     		if($cf == "raw" || $cf == "raw_alpha" || $cf == "raw_chroma") return;
+
+        $size = getimagesize($path);
+        $this->w = $size[0];
+        $this->h = $size[1];
+
+        $ext = pathinfo($real_name, PATHINFO_EXTENSION);
+        if(!strcmp(strtolower($ext), "png")) $this->img = imagecreatefrompng($path);
+        else if(!strcmp(strtolower($ext), "bmp")) $this->img = imagecreatefrombmp($path);
+        else if(!strcmp(strtolower($ext), "jpg")) $this->img = imagecreatefromjpeg($path);
+        else if(!strcmp(strtolower($ext), "jpeg")) $this->img = imagecreatefromjpeg($path);
+        else {
+            echo("$ext is a not supported image type. use png, jpg, jpeg or bmp");
+            exit(1);
+        }
+
+        $this->r_earr = array();  /*Classification error for next row of pixels*/
+        $this->g_earr = array();
+        $this->b_earr = array();
+
+        if($this->dith) {
+            for($i = 0; $i < $this->w + 2; ++$i){
+                $this->r_earr[$i] = 0;
+                $this->g_earr[$i] = 0;
+                $this->b_earr[$i] = 0;
+            }
+        }
+
+        $this->r_nerr = 0;  /*Classification error for next pixel*/
+        $this->g_nerr = 0;
+        $this->b_nerr = 0;
+    }
+
+    function convert($cf, $alpha = 0) {
+        $this->cf = $cf;
+        $this->d_out = array();
+        $this->alpha = $alpha;
+
+        if($this->cf == self::CF_RAW || $this->cf == self::CF_RAW_ALPHA || $this->cf == self::CF_RAW_CHROMA) {
+            $myfile = fopen($this->path, "r") or die("Unable to open file!");
+            $this->d_out = unpack('C*', fread($myfile, filesize($this->path)));
+            fclose($myfile);
+            return;
+        }
+
+        $palette_size = 0;
+        if($this->cf == self::CF_INDEXED_1_BIT) $palette_size = 2;
+        if($this->cf == self::CF_INDEXED_2_BIT) $palette_size = 4;
+        if($this->cf == self::CF_INDEXED_4_BIT) $palette_size = 16;
+        if($this->cf == self::CF_INDEXED_8_BIT) $palette_size = 256;
+
+        if($palette_size) {
+            $img_tmp = imagecreatetruecolor($this->w, $this->h);
+            imagecopy ($img_tmp, $this->img, 0 , 0 , 0 , 0, $this->w , $this->h);
+            imagetruecolortopalette($this->img, false, $palette_size);
+            $real_palette_size = imagecolorstotal($this->img);                          /*The real number of colos in the image's palette*/
+	        for($i = 0; $i < $palette_size; $i++) {
+	            if($i < $real_palette_size) {
+	                $c = imagecolorsforindex ($this->img , $i);
+                    array_push($this->d_out, $c['blue'], $c['green'], $c['red'], 0xFF);
+                } else {
+                    array_push($this->d_out, 0xFF, 0xFF, 0xFF, 0xFF);
+                }
+	        }
+        }
+
+        /*Convert all the pixels*/
+        for($y = 0; $y < $this->h; $y++) {
+            $this->dith_reset();
+
+            for($x = 0; $x < $this->w; ++$x){
+                $this->conv_px($x, $y);
+            }
+        }
+
+        /*Revert the original image if it was converted to indexed*/
+        if($palette_size) {
+            imagecopy ($this->img, $img_tmp,  0 , 0 , 0 , 0 , $this->w , $this->h);
+        }
+    }
+
+    function format_to_c_array() {
+
+        $c_array = "";
+        $i = 0;
+        $y_end = $this->h;
+        $x_end = $this->w;
+
+        if($this->cf == self::CF_TRUE_COLOR_332) {
+            $c_array .= "\n#if LV_COLOR_DEPTH == 1 || LV_COLOR_DEPTH == 8";
+            if(!$this->alpha) $c_array .= "\n  /*Pixel format: Blue: 2 bit, Green: 3 bit, Red: 3 bit*/";
+            else  $c_array .= "\n  /*Pixel format: Blue: 2 bit, Green: 3 bit, Red: 3 bit, Alpha 8 bit */";
+        } else if($this->cf == self::CF_TRUE_COLOR_565) {
+            $c_array .= "\n#if LV_COLOR_DEPTH == 16 && LV_COLOR_16_SWAP == 0";
+            if(!$this->alpha) $c_array .= "\n  /*Pixel format: Blue: 5 bit, Green: 6 bit, Red: 5 bit*/";
+            else $c_array .= "\n  /*Pixel format: Blue: 5 bit, Green: 6 bit, Red: 5 bit, Alpha 8 bit*/";
+        }  else if($this->cf == self::CF_TRUE_COLOR_565_SWAP) {
+            $c_array .= "\n#if LV_COLOR_DEPTH == 16 && LV_COLOR_16_SWAP != 0";
+            if(!$this->alpha) $c_array .=  "\n  /*Pixel format: Blue: 5 bit, Green: 6 bit, Red: 5 bit BUT the 2 bytes are swapped*/";
+            else $c_array .= "\n  /*Pixel format:  Blue: 5 bit Green: 6 bit, Red: 5 bit, Alpha 8 bit  BUT the 2  color bytes are swapped*/";
+        }  else if($this->cf == self::CF_TRUE_COLOR_888) {
+            $c_array .= "\n#if LV_COLOR_DEPTH == 32";
+            if(!$this->alpha) $c_array .= "\n  /*Pixel format: Blue: 8 bit, Green: 8 bit, Red: 8 bit, Fix 0xFF: 8 bit, */";
+            else $c_array .= "\n  /*Pixel format:  Blue: 8 bit, Green: 8 bit, Red: 8 bit, Alpha: 8 bit*/";
+        } else if($this->cf == self::CF_INDEXED_1_BIT) {
+            $c_array .= "\n";
+            for($p = 0; $p < 2; $p ++) {
+                $c_array .= "  0x" . str_pad(dechex($this->d_out[$p * 4 + 0]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 1]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 2]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 3]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "\t/*Color of index $p*/\n";
+            }
+
+            $i = $p * 4;
+        }
+        else if($this->cf == self::CF_INDEXED_2_BIT) {
+            $c_array .= "\n";
+            for($p = 0; $p < 4; $p ++) {
+                $c_array .= "  0x" . str_pad(dechex($this->d_out[$p * 4 + 0]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 1]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 2]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 3]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "\t/*Color of index $p*/\n";
+            }
+
+            $i = $p * 4;
+        }
+        else if($this->cf == self::CF_INDEXED_4_BIT) {
+            $c_array .= "\n";
+            for($p = 0; $p < 16; $p ++) {
+                $c_array .= "  0x" . str_pad(dechex($this->d_out[$p * 4 + 0]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 1]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 2]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 3]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "\t/*Color of index $p*/\n";
+            }
+
+            $i = $p * 4;
+        }
+        else if($this->cf == self::CF_INDEXED_8_BIT) {
+            $c_array .= "\n";
+            for($p = 0; $p < 256; $p ++) {
+                $c_array .= "  0x" . str_pad(dechex($this->d_out[$p * 4 + 0]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 1]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 2]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "0x" . str_pad(dechex($this->d_out[$p * 4 + 3]), 2, '0', STR_PAD_LEFT) . ", ";
+                $c_array .= "\t/*Color of index $p*/\n";
+            }
+
+            $i = $p * 4;
+        }
+         else if($this->cf == self::CF_RAW || $this->cf == self::CF_RAW_ALPHA || $this->cf == self::CF_RAW_CHROMA) {
+            $y_end = 1;
+            $x_end = count($this->d_out);
+            $i = 1;
+         }
+
+
+        for($y = 0; $y < $y_end; $y++) {
+            $c_array .= "\n  ";
+            for($x = 0; $x < $x_end; $x++) {
+                if($this->cf == self::CF_TRUE_COLOR_332) {
+                    $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";  $i++;
+                    if($this->alpha) {
+                        $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";
+                        $i++;
+                    }
+                }
+                else if($this->cf == self::CF_TRUE_COLOR_565 || $this->cf == self::CF_TRUE_COLOR_565_SWAP) {
+                    $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";  $i++;
+                    $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";  $i++;
+                    if($this->alpha) {
+                        $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";
+                        $i++;
+                    }
+                }
+                else if($this->cf == self::CF_TRUE_COLOR_888) {
+
+                    $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";  $i++;
+                    $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";  $i++;
+                    $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";  $i++;
+                    $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";  $i++;
+                }
+                else if($this->cf == self::CF_ALPHA_1_BIT || $this->cf == self::CF_INDEXED_1_BIT) {
+                    if(($x & 0x7) == 0) {
+                        $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";
+                        $i++;
+                    }
+                }
+                else if($this->cf == self::CF_ALPHA_2_BIT || $this->cf == self::CF_INDEXED_2_BIT) {
+                    if(($x & 0x3) == 0) {
+                        $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";
+                        $i++;
+                    }
+                }
+                else if($this->cf == self::CF_ALPHA_4_BIT || $this->cf == self::CF_INDEXED_4_BIT) {
+                    if(($x & 0x1) == 0) {
+                        $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";
+                        $i++;
+                    }
+                }
+                else if($this->cf == self::CF_ALPHA_8_BIT || $this->cf == self::CF_INDEXED_8_BIT) {
+                    $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";
+                    $i++;
+                }
+                else if($this->cf == self::CF_RAW || $this->cf == self::CF_RAW_ALPHA || $this->cf == self::CF_RAW_CHROMA) {
+                    $c_array .= "0x" . str_pad(dechex($this->d_out[$i]), 2, '0', STR_PAD_LEFT) . ", ";
+                    if($i != 0 && (($i % 16) == 0)) $c_array .= "\n  ";
+                    $i++;
+                }
+            }
+        }
+
+        if($this->cf == self::CF_TRUE_COLOR_332 || $this->cf == self::CF_TRUE_COLOR_565 || $this->cf == self::CF_TRUE_COLOR_565_SWAP || $this->cf == self::CF_TRUE_COLOR_888) {
+            $c_array .= "\n#endif";
+        }
+
+        return $c_array;
+
+    }
+
+    function get_c_header() {
+        $c_header ="#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include \"lvgl.h\"
+#else
+#include \"../lvgl/lvgl.h\"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+";
+        $attr_name = "LV_ATTRIBUTE_IMG_" . strtoupper($this->out_name); 
+        $c_header .= 
+"#ifndef $attr_name
+#define $attr_name
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST $attr_name uint8_t " . $this->out_name . "_map[] = {";
+
+        return $c_header;
+    }
+
+    function get_c_footer($cf) {
+        $c_footer =
+        "\n};\n
+const lv_img_dsc_t " . $this->out_name . " = {
+  .header.always_zero = 0,
+  .header.w = " . $this->w . ",
+  .header.h = " . $this->h . ",\n";
+
+      if($cf == self::CF_TRUE_COLOR) $c_footer .= "  .data_size = " . $this->w * $this->h . " * LV_COLOR_SIZE / 8,\n  .header.cf = LV_IMG_CF_TRUE_COLOR,";
+      else if($cf == self::CF_TRUE_COLOR_ALPHA) $c_footer .= "  .data_size = " . $this->w * $this->h . " * LV_IMG_PX_SIZE_ALPHA_BYTE,\n  .header.cf = LV_IMG_CF_TRUE_COLOR_ALPHA,";
+      else if($cf == self::CF_TRUE_COLOR_CHROMA) $c_footer .= "  .data_size = " . $this->w * $this->h . " * LV_COLOR_SIZE / 8,\n  .header.cf = LV_IMG_CF_TRUE_COLOR_CHROMA_KEYED,";
+      else if($cf == self::CF_ALPHA_1_BIT) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_ALPHA_1BIT,";
+      else if($cf == self::CF_ALPHA_2_BIT) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_ALPHA_2BIT,";
+      else if($cf == self::CF_ALPHA_4_BIT) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_ALPHA_4BIT,";
+      else if($cf == self::CF_ALPHA_8_BIT) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_ALPHA_8BIT,";
+      else if($cf == self::CF_INDEXED_1_BIT) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_INDEXED_1BIT,";
+      else if($cf == self::CF_INDEXED_2_BIT) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_INDEXED_2BIT,";
+      else if($cf == self::CF_INDEXED_4_BIT) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_INDEXED_4BIT,";
+      else if($cf == self::CF_INDEXED_8_BIT) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_INDEXED_8BIT,";
+      else if($cf == self::CF_RAW) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_RAW,";
+      else if($cf == self::CF_RAW_ALPHA) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_RAW_ALPHA,";
+      else if($cf == self::CF_RAW_CHROMA) $c_footer .= "  .data_size = " . count($this->d_out) . ",\n  .header.cf = LV_IMG_CF_RAW_CHROMA_KEYED,";
+
+    $c_footer .= "\n  .data = " . $this->out_name . "_map,
+};\n";
+
+        return $c_footer;
+    }
+
+    function download_c($name, $cf = -1, $content = ""){
+      global $offline;
+
+      if(strlen($content) < 1) {
+        $content = $this->format_to_c_array();
+      }
+
+      if($cf < 0) $cf = $this->cf;
+
+        $out = $this->get_c_header() . $content . "" . $this->get_c_footer($cf);
+        $name = $name . ".c";
+
+      if($offline){
+        $file = fopen($name, "w");
+        fwrite($file, $out);
+        fclose($file);
+      }
+      else{
+        header('Content-Type: application/text');
+        header('Content-disposition: attachment; filename='.$name);
+        header('Content-Length: ' . strlen($out));
+
+        echo($out);
+
+      }
+    }
+
+
+    function download_bin($name, $cf = -1, $content = 0){
+      global $offline;
+
+      if($content == 0) {
+        $content = $this->d_out;
+      }
+
+      if($cf < 0) $cf = $this->cf;
+      $name .= ".bin";
+
+      $lv_cf = 4;               /*Color format in LittlevGL*/
+      switch($cf) {
+        case self::CF_TRUE_COLOR:
+            $lv_cf = 4; break;
+        case self::CF_TRUE_COLOR_ALPHA:
+            $lv_cf = 5; break;
+        case self::CF_TRUE_COLOR_CHROMA:
+            $lv_cf = 6; break;
+        case self::CF_INDEXED_1_BIT:
+            $lv_cf = 7; break;
+        case self::CF_INDEXED_2_BIT:
+            $lv_cf = 8; break;
+        case self::CF_INDEXED_4_BIT:
+            $lv_cf = 9; break;
+        case self::CF_INDEXED_8_BIT:
+            $lv_cf = 10; break;
+        case self::CF_ALPHA_1_BIT:
+            $lv_cf = 11; break;
+        case self::CF_ALPHA_2_BIT:
+            $lv_cf = 12; break;
+        case self::CF_ALPHA_4_BIT:
+            $lv_cf = 13; break;
+        case self::CF_ALPHA_8_BIT:
+            $lv_cf = 14; break;
+      }
+
+
+      $header = $lv_cf + ($this->w << 10) + ($this->h << 21);
+      $header_bin = pack("V", $header);
+
+      $content = pack("C*", ...$content);
+
+      if($offline){
+        $file = fopen($name, "w");
+        fwrite($file, $header_bin);
+        fwrite($file, $content);
+        fclose($file);
+      }
+      else{
+        $len = strlen($content) + 4;
+        header('Content-Type: application/text');
+        header('Content-disposition: attachment; filename='.$name);
+        header('Content-Length:' . $len);
+        echo($header_bin[0]);
+        echo($header_bin[1]);
+        echo($header_bin[2]);
+        echo($header_bin[3]);
+        echo($content);
+
+
+      }
+    }
+
+    private function conv_px($x, $y) {
+        $c = imagecolorat($this->img, $x, $y);
+        if($this->alpha){
+            $a = ($c & 0xff000000) >> 23;       /*Alpha is 7 bit*/
+            if($a & 0x02) $a |= 0x01;           /*Repeate the last bit: 0000000 -> 00000000; 1111110 -> 11111111*/
+            $a = 255 - $a;
+        } else {
+            $a = 0xff;
+        }
+        $r = ($c & 0x00ff0000) >> 16;
+        $g = ($c & 0x0000ff00) >> 8;
+        $b = ($c & 0x000000ff) >> 0;
+
+        $this->dith_next($r, $g, $b, $x);
+
+        if($this->cf == self::CF_TRUE_COLOR_332) {
+           $c8 = ($this->r_act) | ($this->g_act >> 3) | ($this->b_act >> 6);	//RGB332
+            array_push($this->d_out, $c8);
+            if($this->alpha) array_push($this->d_out, $a);
+        } else if($this->cf == self::CF_TRUE_COLOR_565) {
+          $c16 = (($this->r_act) << 8) | (($this->g_act) << 3) | (($this->b_act) >> 3);	//RGR565
+            array_push($this->d_out, $c16 & 0xFF);
+            array_push($this->d_out, ($c16 >> 8) & 0xFF);
+            if($this->alpha) array_push($this->d_out, $a);
+        } else if($this->cf == self::CF_TRUE_COLOR_565_SWAP) {
+            $c16 = (($this->r_act) << 8) | (($this->g_act) << 3) | (($this->b_act) >> 3);	//RGR565
+            array_push($this->d_out, ($c16 >> 8) & 0xFF);
+            array_push($this->d_out, $c16 & 0xFF);
+            if($this->alpha) array_push($this->d_out, $a);
+        } else if($this->cf == self::CF_TRUE_COLOR_888) {
+            array_push($this->d_out, $this->b_act);
+            array_push($this->d_out, $this->g_act);
+            array_push($this->d_out, $this->r_act);
+            array_push($this->d_out, $a);
+        } else if($this->cf == self::CF_ALPHA_1_BIT) {
+            $w = $this->w >> 3;
+            if($this->w & 0x07) $w++;
+            $p = $w * $y + ($x >> 3);
+            if(!isset($this->d_out[$p])) $this->d_out[$p] = 0;          /*Clear the bits first*/
+            if($a > 0x80) {
+                $this->d_out[$p] |= 1 << (7 - ($x & 0x7));
+            }
+        }
+        else if($this->cf == self::CF_ALPHA_2_BIT) {
+            $w = $this->w >> 2;
+            if($this->w & 0x03) $w++;
+
+            $p = $w * $y + ($x >> 2);
+            if(!isset($this->d_out[$p])) $this->d_out[$p] = 0;          /*Clear the bits first*/
+            $this->d_out[$p] |= ($a >> 6) << (6 - (($x & 0x3) * 2));
+        }
+        else if($this->cf == self::CF_ALPHA_4_BIT) {
+            $w = $this->w >> 1;
+            if($this->w & 0x01) $w++;
+
+            $p = $w * $y + ($x >> 1);
+            if(!isset($this->d_out[$p])) $this->d_out[$p] = 0;          /*Clear the bits first*/
+            $this->d_out[$p] |= ($a >> 4) << (4 - (($x & 0x1) * 4));
+        }
+        else if($this->cf == self::CF_ALPHA_8_BIT) {
+            $p = $this->w * $y + $x;
+            $this->d_out[$p] = $a;
+        }
+        else if($this->cf == self::CF_INDEXED_1_BIT) {
+            $w = $this->w >> 3;
+            if($this->w & 0x07) $w++;
+
+            $p = $w * $y + ($x >> 3) + 8;                       /* +8 for the palette*/
+            if(!isset($this->d_out[$p])) $this->d_out[$p] = 0;          /*Clear the bits first*/
+            $this->d_out[$p] |= ($c & 0x1) << (7 - ($x & 0x7));
+        }
+        else if($this->cf == self::CF_INDEXED_2_BIT) {
+            $w = $this->w >> 2;
+            if($this->w & 0x03) $w++;
+
+            $p = $w * $y + ($x >> 2) + 16;                              /* +16 for the palette*/
+            if(!isset($this->d_out[$p])) $this->d_out[$p] = 0;          /*Clear the bits first*/
+            $this->d_out[$p] |= ($c & 0x3) << (6 - (($x & 0x3) * 2));
+        }
+        else if($this->cf == self::CF_INDEXED_4_BIT) {
+            $w = $this->w >> 1;
+            if($this->w & 0x01) $w++;
+
+            $p = $w * $y + ($x >> 1) + 64;                              /* +64 for the palette*/
+            if(!isset($this->d_out[$p])) $this->d_out[$p] = 0;          /*Clear the bits first*/
+            $this->d_out[$p] |= ($c & 0xF) << (4 - (($x & 0x1) * 4));
+        }
+        else if($this->cf == self::CF_INDEXED_8_BIT) {
+            $p = $this->w * $y + $x + 1024;                              /* +1024 for the palette*/
+            $this->d_out[$p] = $c & 0xFF;
+        }
+	}
+
+    private function dith_reset() {
+        if($this->dith){
+          $this->r_nerr = 0;
+          $this->g_nerr = 0;
+          $this->b_nerr = 0;
+        }
+    }
+
+    private function dith_next($r, $g, $b, $x) {
+
+     if($this->dith){
+        $this->r_act = $r + $this->r_nerr + $this->r_earr[$x+1];
+        $this->r_earr[$x+1] = 0;
+
+        $this->g_act = $g + $this->g_nerr + $this->g_earr[$x+1];
+        $this->g_earr[$x+1] = 0;
+
+        $this->b_act = $b + $this->b_nerr + $this->b_earr[$x+1];
+        $this->b_earr[$x+1] = 0;
+
+        if($this->cf == self::CF_TRUE_COLOR_332) {
+            $this->r_act = $this->classify_pixel($this->r_act, 3);
+            $this->g_act = $this->classify_pixel($this->g_act, 3);
+            $this->b_act = $this->classify_pixel($this->b_act, 2);
+
+            if($this->r_act > 0xE0) $this->r_act = 0xE0;
+            if($this->g_act > 0xE0) $this->g_act = 0xE0;
+            if($this->b_act > 0xC0) $this->b_act = 0xC0;
+
+        } else if($this->cf == self::CF_TRUE_COLOR_565 || $this->cf == self::CF_TRUE_COLOR_565_SWAP) {
+            $this->r_act = $this->classify_pixel($this->r_act, 5);
+            $this->g_act = $this->classify_pixel($this->g_act, 6);
+            $this->b_act = $this->classify_pixel($this->b_act, 5);
+
+            if($this->r_act > 0xF8) $this->r_act = 0xF8;
+            if($this->g_act > 0xFC) $this->g_act = 0xFC;
+            if($this->b_act > 0xF8) $this->b_act = 0xF8;
+
+        } else if($this->cf == self::CF_TRUE_COLOR_888) {
+            $this->r_act = $this->classify_pixel($this->r_act, 8);
+            $this->g_act = $this->classify_pixel($this->g_act, 8);
+            $this->b_act = $this->classify_pixel($this->b_act, 8);
+
+            if($this->r_act > 0xFF) $this->r_act = 0xFF;
+            if($this->g_act > 0xFF) $this->g_act = 0xFF;
+            if($this->b_act > 0xFF) $this->b_act = 0xFF;
+        }
+
+        $this->r_err = $r - $this->r_act;
+        $this->g_err = $g - $this->g_act;
+        $this->b_err = $b - $this->b_act;
+
+        $this->r_nerr = round((7 * $this->r_err) / 16);
+        $this->g_nerr = round((7 * $this->g_err) / 16);
+        $this->b_nerr = round((7 * $this->b_err) / 16);
+
+        $this->r_earr[$x] += round((3 * $this->r_err) / 16);
+        $this->g_earr[$x] += round((3 * $this->g_err) / 16);
+        $this->b_earr[$x] += round((3 * $this->b_err) / 16);
+
+        $this->r_earr[$x+1] += round((5 * $this->r_err) / 16);
+        $this->g_earr[$x+1] += round((5 * $this->g_err) / 16);
+        $this->b_earr[$x+1] += round((5 * $this->b_err) / 16);
+
+        $this->r_earr[$x+2] += round($this->r_err / 16);
+        $this->g_earr[$x+2] += round($this->g_err / 16);
+        $this->b_earr[$x+2] += round($this->b_err / 16);
+      }
+      else{
+        if($this->cf == self::CF_TRUE_COLOR_332) {
+            $this->r_act = $this->classify_pixel($r, 3);
+            $this->g_act = $this->classify_pixel($g, 3);
+            $this->b_act = $this->classify_pixel($b, 2);
+
+            if($this->r_act > 0xE0) $this->r_act = 0xE0;
+            if($this->g_act > 0xE0) $this->g_act = 0xE0;
+            if($this->b_act > 0xC0) $this->b_act = 0xC0;
+
+        } else if($this->cf == self::CF_TRUE_COLOR_565 || $this->cf == self::CF_TRUE_COLOR_565_SWAP) {
+            $this->r_act = $this->classify_pixel($r, 5);
+            $this->g_act = $this->classify_pixel($g, 6);
+            $this->b_act = $this->classify_pixel($b, 5);
+
+            if($this->r_act > 0xF8) $this->r_act = 0xF8;
+            if($this->g_act > 0xFC) $this->g_act = 0xFC;
+            if($this->b_act > 0xF8) $this->b_act = 0xF8;
+
+        } else if($this->cf == self::CF_TRUE_COLOR_888) {
+            $this->r_act = $this->classify_pixel($r, 8);
+            $this->g_act = $this->classify_pixel($g, 8);
+            $this->b_act = $this->classify_pixel($b, 8);
+
+            if($this->r_act > 0xFF) $this->r_act = 0xFF;
+            if($this->g_act > 0xFF) $this->g_act = 0xFF;
+            if($this->b_act > 0xFF) $this->b_act = 0xFF;
+        }
+      }
+    }
+
+    private function classify_pixel($value, $bits){
+      $tmp = 1 << (8 - $bits);
+      $val = round($value / $tmp, 0, PHP_ROUND_HALF_DOWN) * $tmp;
+      if($val < 0) $val = 0;
+      return $val;
+    }
+}
+
+$offline = 0;
+if (!isset($_SERVER["HTTP_HOST"])) {
+  parse_str($argv[1], $_POST);
+  $offline = 1;
+}
+
+
+if($offline == 0){
+  /*The scripts runs ONLINE (likely on littelvgl.com)*/
+  header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
+  header("Cache-Control: post-check=0, pre-check=0", false);
+  header("Pragma: no-cache");
+
+  $img_file = $_FILES["img_file"]["tmp_name"];
+  $img_file_name = $_FILES["img_file"]["name"];
+  $output_name = $_POST["name"];
+  $cf = $_POST["cf"];
+  $format = $_POST["format"];
+  $dith = $_POST["dith"];
+}
+else{
+  /*The scripts runs OFFLINE (likely in command)*/
+  if(isset($_POST["name"])){
+    $output_name = $_POST["name"];
+  }
+  else{
+    echo("Mising Name\n");
+    exit(0);
+  }
+
+  if(isset($_POST["img"])){
+    $img_file = $_POST["img"];
+    $img_file_name = $_POST["img"];
+  }
+  else{
+    echo("Mising image file\n");
+    exit(0);
+  }
+
+  if(isset($_POST["format"])){
+    $format = $_POST["format"];
+  }
+  else{
+    $format = "c_array";
+  }
+
+  if(isset($_POST["dith"])){
+    $dith = $_POST["dith"];
+  }
+  else {
+    $dith = 0;
+  }
+
+  if(isset($_POST["cf"])){
+    $cf = $_POST["cf"];
+  }
+  else {
+    $cf = "true_color";
+  }
+}
+
+$conv = new Converter($img_file, $img_file_name, $output_name, $dith, $cf);
+
+if(!strcmp($format, "c_array")) {
+    if(!strcmp($cf, "true_color") || !strcmp($cf, "true_color_alpha") || !strcmp($cf, "true_color_chroma")) {
+        $alpha = 0;
+        if(!strcmp($cf, "true_color_alpha"))  $alpha = 1;
+
+        $conv->convert($conv::CF_TRUE_COLOR_332, $alpha);
+        $c_332 = $conv->format_to_c_array();
+
+        $conv->convert($conv::CF_TRUE_COLOR_565, $alpha);
+        $c_565 = $conv->format_to_c_array();
+
+        $conv->convert($conv::CF_TRUE_COLOR_565_SWAP, $alpha);
+        $c_565_swap = $conv->format_to_c_array();
+
+        $conv->convert($conv::CF_TRUE_COLOR_888, $alpha);
+        $c_888 = $conv->format_to_c_array();
+
+        $c_res = $c_332 . $c_565 . $c_565_swap . $c_888;
+
+        if(!strcmp($cf, "true_color")) $conv->download_c($conv->out_name, $conv::CF_TRUE_COLOR, $c_res);
+        if(!strcmp($cf, "true_color_alpha")) $conv->download_c($conv->out_name, $conv::CF_TRUE_COLOR_ALPHA, $c_res);
+        if(!strcmp($cf, "true_color_chroma")) $conv->download_c($conv->out_name, $conv::CF_TRUE_COLOR_CHROMA, $c_res);
+    }
+    else if(!strcmp($cf, "alpha_1")) {
+         $conv->convert($conv::CF_ALPHA_1_BIT, 1);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "alpha_2")) {
+         $conv->convert($conv::CF_ALPHA_2_BIT, 1);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "alpha_4")) {
+         $conv->convert($conv::CF_ALPHA_4_BIT, 1);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "alpha_8")) {
+         $conv->convert($conv::CF_ALPHA_8_BIT, 1);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "indexed_1")) {
+         $conv->convert($conv::CF_INDEXED_1_BIT);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "indexed_2")) {
+         $conv->convert($conv::CF_INDEXED_2_BIT);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "indexed_4")) {
+         $conv->convert($conv::CF_INDEXED_4_BIT);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "indexed_8")) {
+         $conv->convert($conv::CF_INDEXED_8_BIT);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "raw")) {
+         $conv->convert($conv::CF_RAW);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "raw_alpha")) {
+         $conv->convert($conv::CF_RAW_ALPHA, 1);
+         $conv->download_c($conv->out_name);
+    }
+    else if(!strcmp($cf, "raw_chroma")) {
+         $conv->convert($conv::CF_RAW_CHROMA);
+         $conv->download_c($conv->out_name);
+    }
+}
+/*Binary download*/
+else  {
+    if(!strcmp($cf, "true_color") || !strcmp($cf, "true_color_alpha") || !strcmp($cf, "true_color_chroma")) {
+        $alpha = 0;
+        if(!strcmp($cf, "true_color_alpha")) $alpha = 1;
+
+        if (!strcmp($format, "bin_332"))            $conv->convert($conv::CF_TRUE_COLOR_332, $alpha);
+        else if (!strcmp($format, "bin_565"))       $conv->convert($conv::CF_TRUE_COLOR_565, $alpha);
+        else if (!strcmp($format, "bin_565_swap"))  $conv->convert($conv::CF_TRUE_COLOR_565_SWAP, $alpha);
+        else if (!strcmp($format, "bin_888"))       $conv->convert($conv::CF_TRUE_COLOR_888, $alpha);
+        else {
+         echo("Unknown output file format: $format");
+         exit(1);
+        }
+        if(!strcmp($cf, "true_color"))          $conv->download_bin($conv->out_name, $conv::CF_TRUE_COLOR);
+        if(!strcmp($cf, "true_color_alpha"))    $conv->download_bin($conv->out_name, $conv::CF_TRUE_COLOR_ALPHA);
+        if(!strcmp($cf, "true_color_chroma"))   $conv->download_bin($conv->out_name, $conv::CF_TRUE_COLOR_CHROMA);
+    }
+    else if(!strcmp($cf, "alpha_1")) {
+         $conv->convert($conv::CF_ALPHA_1_BIT, 1);
+         $conv->download_bin($conv->out_name);
+    }
+    else if(!strcmp($cf, "alpha_2")) {
+         $conv->convert($conv::CF_ALPHA_2_BIT, 1);
+         $conv->download_bin($conv->out_name);
+    }
+    else if(!strcmp($cf, "alpha_4")) {
+         $conv->convert($conv::CF_ALPHA_4_BIT, 1);
+         $conv->download_bin($conv->out_name);
+    }
+    else if(!strcmp($cf, "alpha_8")) {
+         $conv->convert($conv::CF_ALPHA_8_BIT, 1);
+         $conv->download_bin($conv->out_name);
+    }
+    else if(!strcmp($cf, "indexed_1")) {
+         $conv->convert($conv::CF_INDEXED_1_BIT);
+         $conv->download_bin($conv->out_name);
+    }
+    else if(!strcmp($cf, "indexed_2")) {
+         $conv->convert($conv::CF_INDEXED_2_BIT);
+         $conv->download_bin($conv->out_name);
+    }
+    else if(!strcmp($cf, "indexed_4")) {
+         $conv->convert($conv::CF_INDEXED_4_BIT);
+         $conv->download_bin($conv->out_name);
+    }
+    else if(!strcmp($cf, "indexed_8")) {
+         $conv->convert($conv::CF_INDEXED_8_BIT);
+         $conv->download_bin($conv->out_name);
+    }
+}
+
+
+
+
+/*
+$c_array .= "#include <stdint.h>
+            #include \"lv_conf.h\"
+            #include \"lvgl/lv_draw/lv_draw.h\""; */
+
+
+//download("test", $c_565);
+
+?>

src/displayapp/icons/navigation/invalid-left-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M10,5.97986l0.011,0.00183A6.06019,6.06019,0,0,1,16,12.05493V16H15.99689l0.002,1.50317A0.49614,0.49614,0,0,1,15.50269,18H14.49622A0.49622,0.49622,0,0,1,14,17.50378V12.05493a4.05782,4.05782,0,0,0-3.98877-4.07324H8.01245a0.3576,0.3576,0,0,0-.37738.54248L8.97882,11.476a0.38659,0.38659,0,0,1-.62354.40942L2.0083,7l6.347-4.922a0.38659,0.38659,0,0,1,.62354.40942L7.63507,5.43927a0.35757,0.35757,0,0,0,.37738.54242H10"/>
+</svg>

src/displayapp/icons/navigation/invalid-left.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_INVALID_LEFT
+#define LV_ATTRIBUTE_IMG_INVALID_LEFT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_INVALID_LEFT uint8_t invalid_left_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x7f, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x07, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xc0, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0x80, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0x80, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xfe, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x7f, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 0x00, 
+  0x01, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xfe, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x00, 
+  0x0f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x00, 0xff, 0xff, 0xfc, 0x07, 0xff, 0xff, 0xe0, 
+  0x00, 0x7f, 0xff, 0xfc, 0x00, 0xff, 0xff, 0xf0, 
+  0x00, 0x3f, 0xff, 0xfc, 0x00, 0x3f, 0xff, 0xf0, 
+  0x00, 0x1f, 0xff, 0xfe, 0x00, 0x1f, 0xff, 0xf0, 
+  0x00, 0x07, 0xff, 0xfe, 0x00, 0x07, 0xff, 0xf0, 
+  0x00, 0x03, 0xff, 0xff, 0x00, 0x03, 0xff, 0xf0, 
+  0x00, 0x00, 0xff, 0xff, 0x00, 0x01, 0xff, 0xf0, 
+  0x00, 0x00, 0x7f, 0xff, 0x80, 0x01, 0xff, 0xf0, 
+  0x00, 0x00, 0x3f, 0xff, 0x80, 0x00, 0xff, 0xf0, 
+  0x00, 0x00, 0x1f, 0xff, 0xc0, 0x00, 0x7f, 0xf0, 
+  0x00, 0x00, 0x07, 0xff, 0xc0, 0x00, 0x7f, 0xf0, 
+  0x00, 0x00, 0x03, 0xff, 0xc0, 0x00, 0x7f, 0xf0, 
+  0x00, 0x00, 0x00, 0xff, 0xc0, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x7f, 0xc0, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x3f, 0xc0, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x1f, 0xc0, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xf0, 
+};
+
+const lv_img_dsc_t invalid_left = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+invalid_left_map,
+};

src/displayapp/icons/navigation/invalid-right-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M9.98877,7.98169A4.05782,4.05782,0,0,0,6,12.05493v5.44885A0.49622,0.49622,0,0,1,5.50378,18H4.49731a0.49614,0.49614,0,0,1-.49615-0.49683L4.00311,16H4V12.05493A6.06019,6.06019,0,0,1,9.989,5.98169L10,5.97986V5.98169h1.98755a0.35757,0.35757,0,0,0,.37738-0.54242L11.02118,2.48743A0.38659,0.38659,0,0,1,11.64471,2.078L17.9917,7l-6.347,4.88544a0.38659,0.38659,0,0,1-.62354-0.40942l1.34375-2.95184a0.3576,0.3576,0,0,0-.37738-0.54248H9.98877Z"/>
+</svg>

src/displayapp/icons/navigation/invalid-right.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_INVALID_RIGHT
+#define LV_ATTRIBUTE_IMG_INVALID_RIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_INVALID_RIGHT uint8_t invalid_right_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x00, 0x03, 0xfe, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x03, 0xff, 0xf0, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x01, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x01, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0xe0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x7f, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xfe, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x3f, 0xff, 0xff, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0x80, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x3f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0x7f, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x00, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x01, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xf0, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xe0, 
+  0x03, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xc0, 
+  0x07, 0xff, 0xff, 0xe0, 0x3f, 0xff, 0xff, 0x00, 
+  0x0f, 0xff, 0xff, 0x00, 0x3f, 0xff, 0xfe, 0x00, 
+  0x0f, 0xff, 0xfc, 0x00, 0x3f, 0xff, 0xfc, 0x00, 
+  0x0f, 0xff, 0xf8, 0x00, 0x7f, 0xff, 0xf8, 0x00, 
+  0x0f, 0xff, 0xe0, 0x00, 0x7f, 0xff, 0xe0, 0x00, 
+  0x0f, 0xff, 0xc0, 0x00, 0xff, 0xff, 0xc0, 0x00, 
+  0x0f, 0xff, 0x80, 0x00, 0xff, 0xff, 0x00, 0x00, 
+  0x0f, 0xff, 0x80, 0x01, 0xff, 0xfe, 0x00, 0x00, 
+  0x0f, 0xff, 0x00, 0x01, 0xff, 0xfc, 0x00, 0x00, 
+  0x0f, 0xfe, 0x00, 0x03, 0xff, 0xf8, 0x00, 0x00, 
+  0x0f, 0xfe, 0x00, 0x03, 0xff, 0xf0, 0x00, 0x00, 
+  0x0f, 0xfe, 0x00, 0x03, 0xff, 0xc0, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x03, 0xff, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x03, 0xfe, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x03, 0xfc, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x03, 0xf8, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x0f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t invalid_right = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+invalid_right_map,
+};

src/displayapp/icons/navigation/invalid-slight-left-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M14.9859,14.043v3.46082A0.49621,0.49621,0,0,1,14.48974,18H13.48321a0.49614,0.49614,0,0,1-.49615-0.49683l0.0047-3.60767a5.21819,5.21819,0,0,0-1.665-4.144L8.87854,7.68585a0.35758,0.35758,0,0,0-.6405.16266l-0.91821,3.1106A0.38663,0.38663,0,0,1,6.58044,10.86L5,3l8.00476,0.44965a0.38658,0.38658,0,0,1,.20294.71777L10.25878,5.51758a0.3576,0.3576,0,0,0-.07019.6571l2.45746,2.07385A7.25158,7.25158,0,0,1,14.9859,14.043Z"/>
+</svg>

src/displayapp/icons/navigation/invalid-slight-left.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_INVALID_SLIGHT_LEFT
+#define LV_ATTRIBUTE_IMG_INVALID_SLIGHT_LEFT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_INVALID_SLIGHT_LEFT uint8_t invalid_slight_left_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xff, 0xff, 0xf0, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xfc, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0x00, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0x80, 0x00, 0x00, 
+  0x00, 0x0f, 0xff, 0xff, 0xff, 0xc0, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xe0, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xf8, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xfc, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xfe, 0x00, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0xff, 0xff, 0x00, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x03, 0xff, 0xc7, 0xff, 0xff, 0x80, 0x00, 
+  0x00, 0x03, 0xff, 0xc3, 0xff, 0xff, 0xc0, 0x00, 
+  0x00, 0x03, 0xff, 0xc1, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x03, 0xff, 0x80, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x01, 0xff, 0x80, 0x7f, 0xff, 0xf0, 0x00, 
+  0x00, 0x01, 0xff, 0x80, 0x1f, 0xff, 0xf8, 0x00, 
+  0x00, 0x01, 0xff, 0x80, 0x0f, 0xff, 0xf8, 0x00, 
+  0x00, 0x01, 0xff, 0x00, 0x07, 0xff, 0xf8, 0x00, 
+  0x00, 0x01, 0xff, 0x00, 0x03, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0x00, 0x01, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xfe, 0x00, 0x01, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xfe, 0x00, 0x00, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xfe, 0x00, 0x00, 0x7f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x7f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x3f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x00, 0x00, 0x1f, 0xfc, 0x00, 
+};
+
+const lv_img_dsc_t invalid_slight_left = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+invalid_slight_left_map,
+};

src/displayapp/icons/navigation/invalid-slight-right-white.svg

@@ -0,0 +1,4 @@
+<svg id="WORKING_ICONS" data-name="WORKING ICONS" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <title>direction</title>
+  <path fill="#ffffff" d="M7.35395,8.24854L9.81141,6.17468a0.3576,0.3576,0,0,0-.07019-0.6571L6.7923,4.16742a0.38658,0.38658,0,0,1,.20294-0.71777L15,3l-1.58044,7.86a0.38663,0.38663,0,0,1-.73938.09912L11.762,7.84851a0.35758,0.35758,0,0,0-.6405-0.16266L8.67328,9.75146a5.21819,5.21819,0,0,0-1.665,4.144l0.0047,3.60767A0.49614,0.49614,0,0,1,6.51679,18H5.51026a0.49621,0.49621,0,0,1-.49615-0.49622V14.043A7.25157,7.25157,0,0,1,7.35395,8.24854Z"/>
+</svg>

src/displayapp/icons/navigation/invalid-slight-right.c

@@ -0,0 +1,96 @@
+#if defined(LV_LVGL_H_INCLUDE_SIMPLE)
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+#ifndef LV_ATTRIBUTE_MEM_ALIGN
+#define LV_ATTRIBUTE_MEM_ALIGN
+#endif
+
+#ifndef LV_ATTRIBUTE_IMG_INVALID_SLIGHT_RIGHT
+#define LV_ATTRIBUTE_IMG_INVALID_SLIGHT_RIGHT
+#endif
+
+const LV_ATTRIBUTE_MEM_ALIGN LV_ATTRIBUTE_LARGE_CONST LV_ATTRIBUTE_IMG_INVALID_SLIGHT_RIGHT uint8_t invalid_slight_right_map[] = {
+  0x04, 0x02, 0x04, 0xff, 	/*Color of index 0*/
+  0xfc, 0xfe, 0xfc, 0xff, 	/*Color of index 1*/
+
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x07, 0xff, 0xff, 0xfc, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x1f, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0x7f, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x00, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x01, 0xff, 0xff, 0xff, 0xf8, 0x00, 
+  0x00, 0x00, 0x03, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x0f, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x1f, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x3f, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0x7f, 0xff, 0xff, 0xff, 0xf0, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xff, 0xff, 0xe0, 0x00, 
+  0x00, 0x00, 0xff, 0xff, 0xf1, 0xff, 0xe0, 0x00, 
+  0x00, 0x01, 0xff, 0xff, 0xe1, 0xff, 0xe0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0xc1, 0xff, 0xe0, 0x00, 
+  0x00, 0x03, 0xff, 0xff, 0x80, 0xff, 0xe0, 0x00, 
+  0x00, 0x07, 0xff, 0xff, 0x00, 0xff, 0xc0, 0x00, 
+  0x00, 0x0f, 0xff, 0xfc, 0x00, 0xff, 0xc0, 0x00, 
+  0x00, 0x0f, 0xff, 0xf8, 0x00, 0xff, 0xc0, 0x00, 
+  0x00, 0x0f, 0xff, 0xf0, 0x00, 0x7f, 0xc0, 0x00, 
+  0x00, 0x1f, 0xff, 0xe0, 0x00, 0x7f, 0xc0, 0x00, 
+  0x00, 0x1f, 0xff, 0xc0, 0x00, 0x7f, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0xc0, 0x00, 0x3f, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0x80, 0x00, 0x3f, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0x00, 0x00, 0x3f, 0x80, 0x00, 
+  0x00, 0x1f, 0xff, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfe, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+  0x00, 0x1f, 0xfc, 0x00, 0x00, 0x00, 0x00, 0x00, 
+};
+
+const lv_img_dsc_t invalid_slight_right = {
+      {
+        LV_IMG_CF_INDEXED_1BIT,
+        0,
+        0,
+        64,
+        64
+    },
+    520,
+invalid_slight_right_map,
+};