diff --git a/icons/layout-arrow-down.json b/icons/layout-arrow-down.json
new file mode 100644
index 000000000..3cca032fe
--- /dev/null
+++ b/icons/layout-arrow-down.json
@@ -0,0 +1,34 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "samuelalake"
+  ],
+  "use-cases": [
+    "Setting auto layout direction to vertical in design tools",
+    "Selecting flex-direction: column in devtools panels",
+    "Stacking content blocks top to bottom",
+    "Toggle between horizontal and vertical layouts in design tools",
+    "Switch to column view in file managers or galleries",
+    "Set flex-direction to column in css or style panels",
+    "Indicate vertical stacking mode in ui editors or prototyping tools",
+    "Choose vertical orientation for responsive layout controls"
+  ],
+  "tags": [
+    "layout",
+    "direction",
+    "flex",
+    "flexbox",
+    "flex-direction",
+    "column",
+    "auto layout",
+    "vertical",
+    "arrange",
+    "order",
+    "flow",
+    "stack"
+  ],
+  "categories": [
+    "design",
+    "layout"
+  ]
+}
diff --git a/icons/layout-arrow-down.svg b/icons/layout-arrow-down.svg
new file mode 100644
index 000000000..69ae00c50
--- /dev/null
+++ b/icons/layout-arrow-down.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="7" height="7" x="3" y="3" rx="1" />
+  <rect width="7" height="7" x="3" y="14" rx="1" />
+  <path d="M18 3v18" />
+  <path d="m21 18-3 3-3-3" />
+</svg>
diff --git a/icons/layout-arrow-right.json b/icons/layout-arrow-right.json
new file mode 100644
index 000000000..2a6329973
--- /dev/null
+++ b/icons/layout-arrow-right.json
@@ -0,0 +1,34 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "samuelalake"
+  ],
+  "use-cases": [
+    "Setting auto layout direction to horizontal in design tools",
+    "Selecting flex-direction: row in devtools panels",
+    "Switching sections from stacked to side-by-side",
+    "Switching the canvas to a horizontal layout",
+    "Choosing side-by-side or two-column display",
+    "Representing css flex-direction: row in developer tools",
+    "Toggling panel orientation in a ui",
+    "Selecting left-to-right flow in design editors"
+  ],
+  "tags": [
+    "layout",
+    "direction",
+    "flex",
+    "flexbox",
+    "flex-direction",
+    "row",
+    "auto layout",
+    "horizontal",
+    "arrange",
+    "order",
+    "flow",
+    "stack"
+  ],
+  "categories": [
+    "design",
+    "layout"
+  ]
+}
diff --git a/icons/layout-arrow-right.svg b/icons/layout-arrow-right.svg
new file mode 100644
index 000000000..7bbd3c921
--- /dev/null
+++ b/icons/layout-arrow-right.svg
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="7" height="7" x="3" y="3" rx="1" />
+  <rect width="7" height="7" x="14" y="3" rx="1" />
+  <path d="M3 18h18" />
+  <path d="m18 21 3-3-3-3" />
+</svg>