diff --git a/public/assets/icons/dock-pin-alarm.svg b/public/assets/icons/dock-pin-alarm.svg
new file mode 100644
index 0000000..d0b0e41
--- /dev/null
+++ b/public/assets/icons/dock-pin-alarm.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#CC3D43" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
+  <path d="M20.2 27.4h7.6" stroke="#CC3D43" stroke-width="1.6" stroke-linecap="round"/>
+</svg>
diff --git a/public/assets/icons/dock-pin-mission.svg b/public/assets/icons/dock-pin-mission.svg
new file mode 100644
index 0000000..d842b8b
--- /dev/null
+++ b/public/assets/icons/dock-pin-mission.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#2D82DA" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
+  <path d="M20.2 27.4h7.6" stroke="#2D82DA" stroke-width="1.6" stroke-linecap="round"/>
+</svg>
diff --git a/public/assets/icons/dock-pin-offline.svg b/public/assets/icons/dock-pin-offline.svg
new file mode 100644
index 0000000..d959359
--- /dev/null
+++ b/public/assets/icons/dock-pin-offline.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#84909B" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
+  <path d="M20.2 27.4h7.6" stroke="#84909B" stroke-width="1.6" stroke-linecap="round"/>
+</svg>
diff --git a/public/assets/icons/dock-pin-online.svg b/public/assets/icons/dock-pin-online.svg
new file mode 100644
index 0000000..ac7d57a
--- /dev/null
+++ b/public/assets/icons/dock-pin-online.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#1F6FBF" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
+  <path d="M20.2 27.4h7.6" stroke="#1F6FBF" stroke-width="1.6" stroke-linecap="round"/>
+</svg>
diff --git a/public/assets/icons/dock-pin-pending.svg b/public/assets/icons/dock-pin-pending.svg
new file mode 100644
index 0000000..0da185d
--- /dev/null
+++ b/public/assets/icons/dock-pin-pending.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#C48A2A" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
+  <path d="M20.2 27.4h7.6" stroke="#C48A2A" stroke-width="1.6" stroke-linecap="round"/>
+</svg>
diff --git a/public/assets/icons/dock-pin.svg b/public/assets/icons/dock-pin.svg
new file mode 100644
index 0000000..9a7f6f9
--- /dev/null
+++ b/public/assets/icons/dock-pin.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <!-- soft ground shadow -->
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <!-- pin body -->
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#1F6FBF" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <!-- inner gloss -->
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <!-- dock / cabin glyph -->
+  <path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
+  <path d="M20.2 27.4h7.6" stroke="#1F6FBF" stroke-width="1.6" stroke-linecap="round"/>
+</svg>
diff --git a/public/assets/icons/drone-pin-alarm.svg b/public/assets/icons/drone-pin-alarm.svg
new file mode 100644
index 0000000..d4a0c9c
--- /dev/null
+++ b/public/assets/icons/drone-pin-alarm.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#CC3D43" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+  <circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
+  <circle cx="24" cy="26.2" r="1.2" fill="#CC3D43"/>
+</svg>
diff --git a/public/assets/icons/drone-pin-mission.svg b/public/assets/icons/drone-pin-mission.svg
new file mode 100644
index 0000000..a1ee81f
--- /dev/null
+++ b/public/assets/icons/drone-pin-mission.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#2D82DA" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+  <circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
+  <circle cx="24" cy="26.2" r="1.2" fill="#2D82DA"/>
+</svg>
diff --git a/public/assets/icons/drone-pin-offline.svg b/public/assets/icons/drone-pin-offline.svg
new file mode 100644
index 0000000..4367b75
--- /dev/null
+++ b/public/assets/icons/drone-pin-offline.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#84909B" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+  <circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
+  <circle cx="24" cy="26.2" r="1.2" fill="#84909B"/>
+</svg>
diff --git a/public/assets/icons/drone-pin-online.svg b/public/assets/icons/drone-pin-online.svg
new file mode 100644
index 0000000..27d5771
--- /dev/null
+++ b/public/assets/icons/drone-pin-online.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#1F9B6A" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+  <circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
+  <circle cx="24" cy="26.2" r="1.2" fill="#1F9B6A"/>
+</svg>
diff --git a/public/assets/icons/drone-pin-pending.svg b/public/assets/icons/drone-pin-pending.svg
new file mode 100644
index 0000000..dae96a4
--- /dev/null
+++ b/public/assets/icons/drone-pin-pending.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#C48A2A" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+  <circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
+  <circle cx="24" cy="26.2" r="1.2" fill="#C48A2A"/>
+</svg>
diff --git a/public/assets/icons/drone-pin.svg b/public/assets/icons/drone-pin.svg
new file mode 100644
index 0000000..71d7be0
--- /dev/null
+++ b/public/assets/icons/drone-pin.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
+  <ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
+  <path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#1F9B6A" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
+  <path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
+  <!-- quad arms -->
+  <path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+  <!-- rotors -->
+  <circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
+  <!-- body -->
+  <rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
+  <circle cx="24" cy="26.2" r="1.2" fill="#1F9B6A"/>
+</svg>