diff --git a/src/data.json b/src/data.json
index 997d4e0f1..f472d61ae 100644
--- a/src/data.json
+++ b/src/data.json
@@ -460,6 +460,35 @@
         "sharp"
       ]
     },
+    {
+      "name": "arrow-down-left-box",
+      "tags": [
+        "arrow",
+        "box",
+        "down",
+        "left"
+      ]
+    },
+    {
+      "name": "arrow-down-left-box-outline",
+      "tags": [
+        "arrow",
+        "box",
+        "down",
+        "left",
+        "outline"
+      ]
+    },
+    {
+      "name": "arrow-down-left-box-sharp",
+      "tags": [
+        "arrow",
+        "box",
+        "down",
+        "left",
+        "sharp"
+      ]
+    },
     {
       "name": "arrow-down-outline",
       "tags": [
@@ -468,6 +497,35 @@
         "outline"
       ]
     },
+    {
+      "name": "arrow-down-right-box",
+      "tags": [
+        "arrow",
+        "box",
+        "down",
+        "right"
+      ]
+    },
+    {
+      "name": "arrow-down-right-box-outline",
+      "tags": [
+        "arrow",
+        "box",
+        "down",
+        "outline",
+        "right"
+      ]
+    },
+    {
+      "name": "arrow-down-right-box-sharp",
+      "tags": [
+        "arrow",
+        "box",
+        "down",
+        "right",
+        "sharp"
+      ]
+    },
     {
       "name": "arrow-down-sharp",
       "tags": [
@@ -677,6 +735,35 @@
         "up"
       ]
     },
+    {
+      "name": "arrow-up-left-box",
+      "tags": [
+        "arrow",
+        "box",
+        "left",
+        "up"
+      ]
+    },
+    {
+      "name": "arrow-up-left-box-outline",
+      "tags": [
+        "arrow",
+        "box",
+        "left",
+        "outline",
+        "up"
+      ]
+    },
+    {
+      "name": "arrow-up-left-box-sharp",
+      "tags": [
+        "arrow",
+        "box",
+        "left",
+        "sharp",
+        "up"
+      ]
+    },
     {
       "name": "arrow-up-outline",
       "tags": [
@@ -685,6 +772,35 @@
         "up"
       ]
     },
+    {
+      "name": "arrow-up-right-box",
+      "tags": [
+        "arrow",
+        "box",
+        "right",
+        "up"
+      ]
+    },
+    {
+      "name": "arrow-up-right-box-outline",
+      "tags": [
+        "arrow",
+        "box",
+        "outline",
+        "right",
+        "up"
+      ]
+    },
+    {
+      "name": "arrow-up-right-box-sharp",
+      "tags": [
+        "arrow",
+        "box",
+        "right",
+        "sharp",
+        "up"
+      ]
+    },
     {
       "name": "arrow-up-sharp",
       "tags": [
diff --git a/src/svg/arrow-down-left-box-outline.svg b/src/svg/arrow-down-left-box-outline.svg
new file mode 100644
index 000000000..b1bb7df55
--- /dev/null
+++ b/src/svg/arrow-down-left-box-outline.svg
@@ -0,0 +1,5 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M123.636 269.236L123.636 90.5454C123.636 79.2617 128.119 68.4401 136.098 60.4613C144.076 52.4824 154.898 48 166.182 48L421.455 48C432.738 48 443.56 52.4824 451.539 60.4613C459.518 68.4401 464 79.2617 464 90.5454L464 345.818C464 357.102 459.518 367.924 451.539 375.902C443.56 383.881 432.738 388.364 421.455 388.364L242.764 388.364" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M48 331.636L48 464L180.364 464" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M296 216L48 464" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/svg/arrow-down-left-box-sharp.svg b/src/svg/arrow-down-left-box-sharp.svg
new file mode 100644
index 000000000..eb275ddf1
--- /dev/null
+++ b/src/svg/arrow-down-left-box-sharp.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32 480L32 315.636L64 315.636L64 425.373L107.636 381.736L107.636 404.364L130.264 404.364L86.6275 448L196.364 448L196.364 480L32 480ZM318.628 216L130.264 404.364L480 404.364L480 32L107.636 31.9999L107.636 381.736L296 193.373L318.628 216Z" />
+</svg>
diff --git a/src/svg/arrow-down-left-box.svg b/src/svg/arrow-down-left-box.svg
new file mode 100644
index 000000000..93d8b37b9
--- /dev/null
+++ b/src/svg/arrow-down-left-box.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M180.364 480L48 480C43.7565 480 39.6869 478.314 36.6863 475.314C33.6857 472.313 32 468.244 32 464V331.636C32 322.8 39.1635 315.636 48 315.636C56.8365 315.636 64 322.8 64 331.636V425.373L115.128 374.245C117.747 378.961 121.028 383.333 124.911 387.216C128.749 391.054 133.065 394.304 137.719 396.908L86.6274 448L180.364 448C189.2 448 196.364 455.163 196.364 464C196.364 472.837 189.2 480 180.364 480ZM137.719 396.908C146.379 401.754 156.21 404.364 166.309 404.364L421.455 404.364C436.982 404.364 451.873 398.195 462.852 387.216C473.832 376.237 480 361.345 480 345.818L480 90.5454C480 75.0182 473.832 60.1269 462.852 49.1475C451.873 38.1681 436.982 32 421.455 32L166.182 32C150.655 32 135.763 38.1681 124.784 49.1475C113.805 60.1269 107.636 75.0182 107.636 90.5454L107.636 345.818C107.636 346.626 107.696 347.42 107.812 348.196C108.185 357.394 110.72 366.307 115.128 374.245L284.686 204.686C290.935 198.438 301.065 198.438 307.314 204.686C313.562 210.935 313.562 221.065 307.314 227.314L137.719 396.908Z" />
+</svg>
diff --git a/src/svg/arrow-down-right-box-outline.svg b/src/svg/arrow-down-right-box-outline.svg
new file mode 100644
index 000000000..6cb453524
--- /dev/null
+++ b/src/svg/arrow-down-right-box-outline.svg
@@ -0,0 +1,5 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M269.236 388.364L90.5454 388.364C79.2617 388.364 68.4401 383.881 60.4612 375.902C52.4824 367.924 48 357.102 48 345.818L48 90.5454C48 79.2617 52.4824 68.4401 60.4613 60.4613C68.4401 52.4824 79.2617 48 90.5454 48L345.818 48C357.102 48 367.924 52.4825 375.902 60.4613C383.881 68.4401 388.364 79.2617 388.364 90.5455L388.364 269.236" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M331.636 464L464 464L464 331.636" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M216 216L464 464" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/svg/arrow-down-right-box-sharp.svg b/src/svg/arrow-down-right-box-sharp.svg
new file mode 100644
index 000000000..16f974137
--- /dev/null
+++ b/src/svg/arrow-down-right-box-sharp.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M480 480L315.636 480V448L425.373 448L381.736 404.364H404.364V381.736L448 425.372L448 315.636H480L480 480ZM216 193.372L404.364 381.736L404.364 31.9999L32.0001 31.9999V404.364H381.736L193.373 216L216 193.372Z" />
+</svg>
diff --git a/src/svg/arrow-down-right-box.svg b/src/svg/arrow-down-right-box.svg
new file mode 100644
index 000000000..75edd04e2
--- /dev/null
+++ b/src/svg/arrow-down-right-box.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M480 331.636L480 464C480 468.243 478.314 472.313 475.314 475.314C472.313 478.314 468.243 480 464 480H331.636C322.8 480 315.636 472.837 315.636 464C315.636 455.163 322.8 448 331.636 448H425.373L374.245 396.872C378.961 394.253 383.333 390.972 387.216 387.089C391.054 383.251 394.304 378.935 396.908 374.281L448 425.373L448 331.636C448 322.8 455.163 315.636 464 315.636C472.837 315.636 480 322.8 480 331.636ZM396.908 374.281C401.754 365.621 404.364 355.79 404.364 345.691V90.5455C404.364 75.0182 398.195 60.127 387.216 49.1476C376.237 38.1682 361.345 32 345.818 32L90.5454 32C75.0182 32 60.1269 38.1682 49.1475 49.1476C38.1681 60.127 31.9999 75.0182 31.9999 90.5455V345.818C31.9999 361.345 38.1681 376.237 49.1475 387.216C60.1269 398.195 75.0182 404.364 90.5454 404.364H345.818C346.626 404.364 347.42 404.304 348.196 404.188C357.394 403.815 366.307 401.28 374.245 396.872L204.686 227.314C198.438 221.065 198.438 210.935 204.686 204.686C210.935 198.438 221.065 198.438 227.314 204.686L396.908 374.281Z" />
+</svg>
diff --git a/src/svg/arrow-up-left-box-outline.svg b/src/svg/arrow-up-left-box-outline.svg
new file mode 100644
index 000000000..e3d35a797
--- /dev/null
+++ b/src/svg/arrow-up-left-box-outline.svg
@@ -0,0 +1,5 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M242.764 123.636L421.455 123.636C432.738 123.636 443.56 128.119 451.539 136.098C459.518 144.076 464 154.898 464 166.182L464 421.455C464 432.738 459.518 443.56 451.539 451.539C443.56 459.518 432.738 464 421.455 464L166.182 464C154.898 464 144.076 459.518 136.098 451.539C128.119 443.56 123.636 432.738 123.636 421.455L123.636 242.764" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M180.364 48L47.9999 48L48 180.364" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M296 296L48 48" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/svg/arrow-up-left-box-sharp.svg b/src/svg/arrow-up-left-box-sharp.svg
new file mode 100644
index 000000000..e0efc33ae
--- /dev/null
+++ b/src/svg/arrow-up-left-box-sharp.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.0001 31.9999L196.364 32L196.364 64L86.6274 63.9999L130.264 107.636H107.636V130.264L64.0001 86.6275L64.0001 196.364H32.0001L32.0001 31.9999ZM296 318.627L107.636 130.264L107.636 480L480 480L480 107.636L130.264 107.636L318.628 296L296 318.627Z" />
+</svg>
diff --git a/src/svg/arrow-up-left-box.svg b/src/svg/arrow-up-left-box.svg
new file mode 100644
index 000000000..7a24655c4
--- /dev/null
+++ b/src/svg/arrow-up-left-box.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32 180.364L32 48C32 43.7565 33.6857 39.6869 36.6862 36.6863C39.6868 33.6857 43.7565 32 48 32H180.364C189.2 32 196.364 39.1635 196.364 48C196.364 56.8365 189.2 64 180.364 64H86.6274L137.755 115.128C133.039 117.747 128.667 121.028 124.784 124.911C120.946 128.749 117.696 133.065 115.092 137.719L64 86.6274L64 180.364C64 189.2 56.8365 196.364 48 196.364C39.1634 196.364 32 189.2 32 180.364ZM115.092 137.719C110.246 146.379 107.636 156.21 107.636 166.309L107.636 421.455C107.636 436.982 113.805 451.873 124.784 462.852C135.763 473.832 150.655 480 166.182 480H421.455C436.982 480 451.873 473.832 462.852 462.852C473.832 451.873 480 436.982 480 421.455V166.182C480 150.655 473.832 135.763 462.852 124.784C451.873 113.805 436.982 107.636 421.455 107.636H166.182C165.374 107.636 164.58 107.696 163.804 107.812C154.606 108.185 145.693 110.72 137.755 115.128L307.314 284.686C313.562 290.935 313.562 301.065 307.314 307.314C301.065 313.562 290.935 313.562 284.686 307.314L115.092 137.719Z" />
+</svg>
diff --git a/src/svg/arrow-up-right-box-outline.svg b/src/svg/arrow-up-right-box-outline.svg
new file mode 100644
index 000000000..6d0c01d1b
--- /dev/null
+++ b/src/svg/arrow-up-right-box-outline.svg
@@ -0,0 +1,5 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M388.364 242.764V421.455C388.364 432.738 383.881 443.56 375.902 451.539C367.924 459.518 357.102 464 345.818 464H90.5455C79.2617 464 68.4401 459.518 60.4613 451.539C52.4825 443.56 48 432.738 48 421.455V166.182C48 154.898 52.4825 144.076 60.4613 136.098C68.4401 128.119 79.2617 123.636 90.5455 123.636H269.236" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M464 180.364L464 48L331.636 48" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M216 296L464 48" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/svg/arrow-up-right-box-sharp.svg b/src/svg/arrow-up-right-box-sharp.svg
new file mode 100644
index 000000000..cd6152d63
--- /dev/null
+++ b/src/svg/arrow-up-right-box-sharp.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M480 31.9999L480 196.364H448L448 86.6273L404.364 130.264V107.636H381.736L425.373 63.9999L315.636 64V32L480 31.9999ZM193.373 296L381.736 107.636L32 107.636L32 480H404.364V130.264L216 318.627L193.373 296Z" />
+</svg>
diff --git a/src/svg/arrow-up-right-box.svg b/src/svg/arrow-up-right-box.svg
new file mode 100644
index 000000000..cd82aac03
--- /dev/null
+++ b/src/svg/arrow-up-right-box.svg
@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M331.636 32L464 32C468.243 32 472.313 33.6857 475.314 36.6863C478.314 39.6868 480 43.7565 480 48V180.364C480 189.2 472.837 196.364 464 196.364C455.163 196.364 448 189.2 448 180.364V86.6274L396.872 137.755C394.253 133.039 390.972 128.667 387.089 124.784C383.251 120.946 378.935 117.696 374.281 115.092L425.373 64L331.636 64C322.8 64 315.636 56.8365 315.636 48C315.636 39.1634 322.8 32 331.636 32ZM374.281 115.092C365.621 110.246 355.79 107.636 345.691 107.636H90.5455C75.0182 107.636 60.127 113.805 49.1476 124.784C38.1682 135.763 32 150.655 32 166.182V421.455C32 436.982 38.1682 451.873 49.1476 462.852C60.127 473.832 75.0182 480 90.5455 480H345.818C361.345 480 376.237 473.832 387.216 462.852C398.195 451.873 404.364 436.982 404.364 421.455V166.182C404.364 165.374 404.304 164.58 404.188 163.804C403.815 154.606 401.28 145.693 396.872 137.755L227.314 307.314C221.065 313.562 210.935 313.562 204.686 307.314C198.438 301.065 198.438 290.935 204.686 284.686L374.281 115.092Z" />
+</svg>