diff --git a/assets/icons/VizMap/DPad.svg b/assets/icons/VizMap/DPad.svg
new file mode 100644
index 0000000..20a0517
--- /dev/null
+++ b/assets/icons/VizMap/DPad.svg
@@ -0,0 +1,10 @@
+<svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M69.033 192C66.6344 192 64.6805 190.046 64.6805 187.648V133.706C64.6805 130.189 61.817 127.333 58.3068 127.333H4.35246C1.95389 127.333 0 125.379 0 122.981V69.0392C0 66.6408 1.95389 64.6872 4.35246 64.6872H58.3C61.817 64.6872 64.6738 61.824 64.6738 58.3141V4.352C64.6738 1.95368 66.6276 0 69.0262 0H122.974C125.372 0 127.326 1.95368 127.326 4.352V58.2939C127.326 61.8105 130.19 64.6669 133.7 64.6669H187.648C190.046 64.6669 192 66.6206 192 69.019V122.961C192 125.359 190.046 127.313 187.648 127.313H133.7C130.183 127.313 127.326 130.176 127.326 133.686V187.628C127.326 190.026 125.372 191.98 122.974 191.98H69.0262L69.033 192Z"
+        fill="#FFFFFF" fill-opacity="0.1" />
+    <path
+        d="M69.0262 190.48H68.6932C67.2818 190.311 66.1805 189.103 66.1805 187.648V133.706C66.1805 129.36 62.6443 125.833 58.3068 125.833H4.35246C2.78217 125.833 1.5 124.551 1.5 122.981V69.0392C1.5 67.4694 2.78217 66.1872 4.35246 66.1872H58.3C62.6463 66.1872 66.1738 62.6515 66.1738 58.3141V4.352C66.1738 2.78226 67.4559 1.5 69.0262 1.5H122.974C124.544 1.5 125.826 2.78226 125.826 4.352V58.2939C125.826 62.6401 129.362 66.1669 133.7 66.1669H187.648C189.218 66.1669 190.5 67.4492 190.5 69.019V122.961C190.5 124.531 189.218 125.813 187.648 125.813H133.7C129.354 125.813 125.826 129.348 125.826 133.686V187.628C125.826 189.198 124.544 190.48 122.974 190.48H69.0262Z"
+        stroke="#FFFFFF" stroke-opacity="0.3" stroke-width="3" />
+    <circle cx="96" cy="96" r="20" fill="#FFFFFF" fill-opacity="0.1" />
+</svg>
+    
diff --git a/assets/icons/VizMap/DPadArrow.svg b/assets/icons/VizMap/DPadArrow.svg
new file mode 100644
index 0000000..3fbc085
--- /dev/null
+++ b/assets/icons/VizMap/DPadArrow.svg
@@ -0,0 +1,7 @@
+<!-- Facing up by default, and positioned right against edge -->
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M27.4019 4.5C28.5566 2.5 31.4434 2.5 32.5981 4.5L53.3827 40.5C54.5374 42.5 53.094 45 50.7846 45H9.21539C6.90599 45 5.46261 42.5 6.61731 40.5L27.4019 4.5Z"
+        fill="#ffffff" fill-opacity="0.2" />
+</svg>
+