diff --git a/assets/css/images/arrow.svg b/assets/css/images/arrow.svg
new file mode 100644
index 0000000..49ee37c
--- /dev/null
+++ b/assets/css/images/arrow.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="30px" viewBox="0 0 30 30" zoomAndPan="disable" preserveAspectRatio="none">
+    <style type="text/css"><![CDATA[ line { stroke: #ffffff; stroke-width: 3; } ]]></style>
+	<line x1="0" y1="15" x2="15" y2="30" />
+	<line x1="30" y1="15" x2="15" y2="30" />
+	<line x1="15" y1="30" x2="15" y2="0" />
+</svg>
\ No newline at end of file
diff --git a/assets/css/images/bars.svg b/assets/css/images/bars.svg
new file mode 100644
index 0000000..50e4e41
--- /dev/null
+++ b/assets/css/images/bars.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" zoomAndPan="disable" preserveAspectRatio="none">
+    <style type="text/css"><![CDATA[ line { stroke: #ffffff; stroke-width: 2; } ]]></style>
+	<line x1="0" y1="1" x2="16" y2="1" />
+	<line x1="0" y1="7" x2="16" y2="7" />
+	<line x1="0" y1="13" x2="16" y2="13" />
+</svg>
\ No newline at end of file
diff --git a/assets/css/images/close.svg b/assets/css/images/close.svg
new file mode 100644
index 0000000..3ad8786
--- /dev/null
+++ b/assets/css/images/close.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" zoomAndPan="disable" preserveAspectRatio="none">
+    <style type="text/css"><![CDATA[ line { stroke: #ffffff; stroke-width: 2; } ]]></style>
+	<line x1="0" y1="0" x2="16" y2="16" />
+	<line x1="16" y1="0" x2="0" y2="16" />
+</svg>
\ No newline at end of file