diff --git a/build/js/ox.ui.js b/build/js/ox.ui.js
index aef69a40..a91b4d35 100644
--- a/build/js/ox.ui.js
+++ b/build/js/ox.ui.js
@@ -14106,7 +14106,7 @@ requires
             var marginLeft = [-82, -58, -34, -10];
             $(this).css({
                 marginLeft: marginLeft[i] + 'px'
-            }).addClass('foo');
+            });
         });
 
         if (self.options.type == 'play') {
diff --git a/build/svg/ox.ui.classic/symbolArrowDown.svg b/build/svg/ox.ui.classic/symbolArrowDown.svg
new file mode 100644
index 00000000..e8c24cb8
--- /dev/null
+++ b/build/svg/ox.ui.classic/symbolArrowDown.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="128" y1="0" x2="128" y2="128" stroke="#404040" stroke-width="48"/>
+    <polygon points="32,128 224,128 128,256" fill="#404040"/>
+</svg>
\ No newline at end of file
diff --git a/build/svg/ox.ui.classic/symbolArrowLeft.svg b/build/svg/ox.ui.classic/symbolArrowLeft.svg
new file mode 100644
index 00000000..7b4123b2
--- /dev/null
+++ b/build/svg/ox.ui.classic/symbolArrowLeft.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="0,128 128,32 128,224" fill="#404040"/>
+    <line x1="128" y1="128" x2="256" y2="128" stroke="#404040" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/build/svg/ox.ui.classic/symbolArrowRight.svg b/build/svg/ox.ui.classic/symbolArrowRight.svg
new file mode 100644
index 00000000..ee2294df
--- /dev/null
+++ b/build/svg/ox.ui.classic/symbolArrowRight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="0" y1="128" x2="128" y2="128" stroke="#404040" stroke-width="48"/>
+    <polygon points="128,32 256,128 128,224" fill="#404040"/>
+</svg>
\ No newline at end of file
diff --git a/build/svg/ox.ui.classic/symbolArrowUp.svg b/build/svg/ox.ui.classic/symbolArrowUp.svg
new file mode 100644
index 00000000..0ad8f1ed
--- /dev/null
+++ b/build/svg/ox.ui.classic/symbolArrowUp.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,128 128,0 224,128" fill="#404040"/>
+    <line x1="128" y1="128" x2="128" y2="256" stroke="#404040" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/build/svg/ox.ui.classic/symbolNone.svg b/build/svg/ox.ui.classic/symbolNone.svg
new file mode 100644
index 00000000..b24ffbc9
--- /dev/null
+++ b/build/svg/ox.ui.classic/symbolNone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"/>
\ No newline at end of file
diff --git a/build/svg/ox.ui.modern/symbolArrowDown.svg b/build/svg/ox.ui.modern/symbolArrowDown.svg
new file mode 100644
index 00000000..a5e028a9
--- /dev/null
+++ b/build/svg/ox.ui.modern/symbolArrowDown.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="128" y1="0" x2="128" y2="128" stroke="#FFFFFF" stroke-width="48"/>
+    <polygon points="32,128 224,128 128,256" fill="#FFFFFF"/>
+</svg>
\ No newline at end of file
diff --git a/build/svg/ox.ui.modern/symbolArrowLeft.svg b/build/svg/ox.ui.modern/symbolArrowLeft.svg
new file mode 100644
index 00000000..d9781ecd
--- /dev/null
+++ b/build/svg/ox.ui.modern/symbolArrowLeft.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="0,128 128,32 128,224" fill="#FFFFFF"/>
+    <line x1="128" y1="128" x2="256" y2="128" stroke="#FFFFFF" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/build/svg/ox.ui.modern/symbolArrowRight.svg b/build/svg/ox.ui.modern/symbolArrowRight.svg
new file mode 100644
index 00000000..0b754777
--- /dev/null
+++ b/build/svg/ox.ui.modern/symbolArrowRight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="0" y1="128" x2="128" y2="128" stroke="#FFFFFF" stroke-width="48"/>
+    <polygon points="128,32 256,128 128,224" fill="#FFFFFF"/>
+</svg>
\ No newline at end of file
diff --git a/build/svg/ox.ui.modern/symbolArrowUp.svg b/build/svg/ox.ui.modern/symbolArrowUp.svg
new file mode 100644
index 00000000..cfde4c13
--- /dev/null
+++ b/build/svg/ox.ui.modern/symbolArrowUp.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,128 128,0 224,128" fill="#FFFFFF"/>
+    <line x1="128" y1="128" x2="128" y2="256" stroke="#FFFFFF" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/build/svg/ox.ui.modern/symbolNone.svg b/build/svg/ox.ui.modern/symbolNone.svg
new file mode 100644
index 00000000..b24ffbc9
--- /dev/null
+++ b/build/svg/ox.ui.modern/symbolNone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"/>
\ No newline at end of file