diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_finish.imageset/Contents.json b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_finish.imageset/Contents.json
new file mode 100644
index 0000000000..901be6f140
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_finish.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_custom_trip_rec_finish.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_finish.imageset/ic_custom_trip_rec_finish.svg b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_finish.imageset/ic_custom_trip_rec_finish.svg
new file mode 100644
index 0000000000..374ed696c5
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_finish.imageset/ic_custom_trip_rec_finish.svg
@@ -0,0 +1,6 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 13.874C10.7252 13.4299 12 11.8638 12 10C12 7.79086 10.2091 6 8 6C5.79086 6 4 7.79086 4 10C4 11.8638 5.27477 13.4299 7 13.874V19.5C7 21.9853 9.01474 24 11.5 24C11.669 24 11.8358 23.9907 12 23.9725V21.95C11.8385 21.9828 11.6712 22 11.5 22C10.1193 22 9 20.8807 9 19.5V13.874ZM8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" fill="#FF8800"/>
+<path d="M21 10.5V12H23V10.5C23 8.01472 20.9853 6 18.5 6C16.0147 6 14 8.01472 14 10.5V12H16V10.5C16 9.11929 17.1193 8 18.5 8C19.8807 8 21 9.11929 21 10.5Z" fill="#FF8800"/>
+<path d="M21 18V20H23V18H21Z" fill="#FF8800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 15C15 14.4477 15.4477 14 16 14H24C25.1046 14 26 14.8954 26 16V22C26 23.1046 25.1046 24 24 24H17V27C17 27.5523 16.5523 28 16 28C15.4477 28 15 27.5523 15 27V15ZM17 18V16H19V18H17ZM21 18H19V20H17V22H19V20H21V22H23V20H25V18H23V16H21V18Z" fill="#FF8800"/>
+</svg>
diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_new_segment.imageset/Contents.json b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_new_segment.imageset/Contents.json
new file mode 100644
index 0000000000..ff25ae2081
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_new_segment.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_custom_trip_rec_new_segment.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_new_segment.imageset/ic_custom_trip_rec_new_segment.svg b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_new_segment.imageset/ic_custom_trip_rec_new_segment.svg
new file mode 100644
index 0000000000..1456bb2a78
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_new_segment.imageset/ic_custom_trip_rec_new_segment.svg
@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M22 10C21.4477 10 21 10.4477 21 11V19.5C21 20.8807 19.8807 22 18.5 22C17.1193 22 16 20.8807 16 19.5V17C16 16.4477 15.5523 16 15 16C14.4477 16 14 16.4477 14 17V19.5C14 21.9852 16.0147 24 18.5 24C20.9853 24 23 21.9853 23 19.5V11C23 10.4477 22.5523 10 22 10Z" fill="#FF8800"/>
+<path d="M18.8604 14H18.8051C18.3605 14 18 13.6395 18 13.1949C18 13.0668 18.0306 12.9406 18.0891 12.8267L21.4171 6.35571C21.5294 6.1373 21.7544 6 22 6C22.2456 6 22.4706 6.1373 22.5829 6.35572L25.9109 12.8267C25.9694 12.9406 26 13.0668 26 13.1949C26 13.6395 25.6395 14 25.1949 14H25.1396C25.0471 14 24.9553 13.9851 24.8675 13.9558L22 13L19.1325 13.9558C19.0447 13.9851 18.9529 14 18.8604 14Z" fill="#FF8800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 6C13.9853 6 16 8.01472 16 10.5V13C16 13.5523 15.5523 14 15 14C14.4477 14 14 13.5523 14 13V10.5C14 9.11929 12.8807 8 11.5 8C10.1193 8 9 9.11929 9 10.5V16.126C10.7252 16.5701 12 18.1362 12 20C12 22.2091 10.2091 24 8 24C5.79086 24 4 22.2091 4 20C4 18.1362 5.27477 16.5701 7 16.126V10.5C7 8.01472 9.01472 6 11.5 6ZM8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18Z" fill="#FF8800"/>
+</svg>
diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_pause.imageset/Contents.json b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_pause.imageset/Contents.json
new file mode 100644
index 0000000000..882354506d
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_pause.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_custom_trip_rec_pause.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_pause.imageset/ic_custom_trip_rec_pause.svg b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_pause.imageset/ic_custom_trip_rec_pause.svg
new file mode 100644
index 0000000000..9a15078bcf
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_pause.imageset/ic_custom_trip_rec_pause.svg
@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 13.874C10.7252 13.4299 12 11.8638 12 10C12 7.79086 10.2091 6 8 6C5.79086 6 4 7.79086 4 10C4 11.8638 5.27477 13.4299 7 13.874V19.5C7 21.9853 9.01474 24 11.5 24C11.835 24 12.1613 23.9634 12.4754 23.894C12.2638 23.2704 12.1186 22.6161 12.0485 21.9396C11.872 21.9791 11.6884 22 11.5 22C10.1193 22 9 20.8807 9 19.5V13.874ZM8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" fill="#FF8800"/>
+<path d="M21 12C21.6874 12 22.3568 12.0771 23 12.223V10.5C23 8.01472 20.9853 6 18.5 6C16.0147 6 14 8.01472 14 10.5V15.3427C14.5702 14.638 15.2447 14.0211 16 13.5155V10.5C16 9.11929 17.1193 8 18.5 8C19.8807 8 21 9.11929 21 10.5V12Z" fill="#FF8800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28 21C28 24.866 24.866 28 21 28C17.134 28 14 24.866 14 21C14 17.134 17.134 14 21 14C24.866 14 28 17.134 28 21ZM19 18C18.4477 18 18 18.4477 18 19V23C18 23.5523 18.4477 24 19 24C19.5523 24 20 23.5523 20 23V19C20 18.4477 19.5523 18 19 18ZM23 18C22.4477 18 22 18.4477 22 19V23C22 23.5523 22.4477 24 23 24C23.5523 24 24 23.5523 24 23V19C24 18.4477 23.5523 18 23 18Z" fill="#FF8800"/>
+</svg>
diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_save.imageset/Contents.json b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_save.imageset/Contents.json
new file mode 100644
index 0000000000..b2e0304213
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_save.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_custom_trip_rec_save.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_save.imageset/ic_custom_trip_rec_save.svg b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_save.imageset/ic_custom_trip_rec_save.svg
new file mode 100644
index 0000000000..8f0815f506
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_save.imageset/ic_custom_trip_rec_save.svg
@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 13.874C10.7252 13.4299 12 11.8638 12 10C12 7.79086 10.2091 6 8 6C5.79086 6 4 7.79086 4 10C4 11.8638 5.27477 13.4299 7 13.874V19.5C7 21.9853 9.01474 24 11.5 24C11.835 24 12.1613 23.9634 12.4754 23.894C12.2638 23.2704 12.1186 22.6161 12.0485 21.9396C11.872 21.9791 11.6884 22 11.5 22C10.1193 22 9 20.8807 9 19.5V13.874ZM8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" fill="#FF8800"/>
+<path d="M21 12C21.6874 12 22.3568 12.0771 23 12.223V10.5C23 8.01472 20.9853 6 18.5 6C16.0147 6 14 8.01472 14 10.5V15.3427C14.5702 14.638 15.2447 14.0211 16 13.5155V10.5C16 9.11929 17.1193 8 18.5 8C19.8807 8 21 9.11929 21 10.5V12Z" fill="#FF8800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28 21C28 24.866 24.866 28 21 28C17.134 28 14 24.866 14 21C14 17.134 17.134 14 21 14C24.866 14 28 17.134 28 21ZM24.7071 21.2928C25.0976 21.6834 25.0976 22.3165 24.7071 22.707L21.7071 25.707C21.3166 26.0976 20.6834 26.0976 20.2929 25.707L17.2929 22.707C16.9024 22.3165 16.9024 21.6834 17.2929 21.2928C17.6834 20.9023 18.3166 20.9023 18.7071 21.2928L20 22.5857V16.9999C20 16.4477 20.4477 15.9999 21 15.9999C21.5523 15.9999 22 16.4477 22 16.9999V22.5857L23.2929 21.2928C23.6834 20.9023 24.3166 20.9023 24.7071 21.2928Z" fill="#FF8800"/>
+</svg>
diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_start.imageset/Contents.json b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_start.imageset/Contents.json
new file mode 100644
index 0000000000..83ec7ff735
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_start.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_custom_trip_rec_start.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Resources/Images.xcassets/Icons/ic_custom_trip_rec_start.imageset/ic_custom_trip_rec_start.svg b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_start.imageset/ic_custom_trip_rec_start.svg
new file mode 100644
index 0000000000..0c0a0df288
--- /dev/null
+++ b/Resources/Images.xcassets/Icons/ic_custom_trip_rec_start.imageset/ic_custom_trip_rec_start.svg
@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 13.874C10.7252 13.4299 12 11.8638 12 10C12 7.79086 10.2091 6 8 6C5.79086 6 4 7.79086 4 10C4 11.8638 5.27477 13.4299 7 13.874V19.5C7 21.9853 9.01474 24 11.5 24C11.835 24 12.1613 23.9634 12.4754 23.894C12.2638 23.2704 12.1186 22.6161 12.0485 21.9396C11.872 21.9791 11.6884 22 11.5 22C10.1193 22 9 20.8807 9 19.5V13.874ZM8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" fill="#FF8800"/>
+<path d="M21 12C21.6874 12 22.3568 12.0771 23 12.223V10.5C23 8.01472 20.9853 6 18.5 6C16.0147 6 14 8.01472 14 10.5V15.3427C14.5702 14.638 15.2447 14.0211 16 13.5155V10.5C16 9.11929 17.1193 8 18.5 8C19.8807 8 21 9.11929 21 10.5V12Z" fill="#FF8800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28 21C28 24.866 24.866 28 21 28C17.134 28 14 24.866 14 21C14 17.134 17.134 14 21 14C24.866 14 28 17.134 28 21ZM19.7771 18C19.9228 18 20.0655 18.0409 20.189 18.1181L23.576 20.235C23.8398 20.3999 24 20.689 24 21C24 21.311 23.8398 21.6001 23.576 21.765L20.189 23.8819C20.0655 23.9591 19.9228 24 19.7771 24C19.3479 24 19 23.6521 19 23.2229V18.7771C19 18.3479 19.3479 18 19.7771 18Z" fill="#FF8800"/>
+</svg>