diff --git a/source/Ox.UI/svg/markerCut.svg b/source/Ox.UI/svg/markerCut.svg
new file mode 100644
index 00000000..22b7e4a6
--- /dev/null
+++ b/source/Ox.UI/svg/markerCut.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="80,240 128,64 176,240" fill="#FFFFFF" stroke="#000000" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/markerIn.svg b/source/Ox.UI/svg/markerIn.svg
new file mode 100644
index 00000000..9de97247
--- /dev/null
+++ b/source/Ox.UI/svg/markerIn.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,244 244,32 244,244" fill="#FFFFFF" stroke="#000000" stroke-width="24"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/markerInBottom.svg b/source/Ox.UI/svg/markerInBottom.svg
new file mode 100644
index 00000000..89eab297
--- /dev/null
+++ b/source/Ox.UI/svg/markerInBottom.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="8,8 88,8 88,168 248,168 248,248 8,248" fill="#FFFFFF" stroke="#000000" stroke-width="16"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/markerInTop.svg b/source/Ox.UI/svg/markerInTop.svg
new file mode 100644
index 00000000..65a50933
--- /dev/null
+++ b/source/Ox.UI/svg/markerInTop.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="8,8 248,8 248,88 88,88 88,248 8,248" fill="#FFFFFF" stroke="#000000" stroke-width="16"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/markerOut.svg b/source/Ox.UI/svg/markerOut.svg
new file mode 100644
index 00000000..efb2df02
--- /dev/null
+++ b/source/Ox.UI/svg/markerOut.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="12,32 224,244 12,244" fill="#FFFFFF" stroke="#000000" stroke-width="24"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/markerOutBottom.svg b/source/Ox.UI/svg/markerOutBottom.svg
new file mode 100644
index 00000000..6dd8cbb4
--- /dev/null
+++ b/source/Ox.UI/svg/markerOutBottom.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="168,8 248,8 248,248 8,248 8,168 168,168" fill="#FFFFFF" stroke="#000000" stroke-width="16"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/markerOutTop.svg b/source/Ox.UI/svg/markerOutTop.svg
new file mode 100644
index 00000000..bae71347
--- /dev/null
+++ b/source/Ox.UI/svg/markerOutTop.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="8,8 248,8 248,248 168,248 168,88 8,88" fill="#FFFFFF" stroke="#000000" stroke-width="16"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/markerPosition.svg b/source/Ox.UI/svg/markerPosition.svg
new file mode 100644
index 00000000..603ab190
--- /dev/null
+++ b/source/Ox.UI/svg/markerPosition.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="16,8 240,8 128,128" fill="#FFFFFF" stroke="#000000" stroke-width="16"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolAdd.svg b/source/Ox.UI/svg/symbolAdd.svg
new file mode 100644
index 00000000..8cd3cbed
--- /dev/null
+++ b/source/Ox.UI/svg/symbolAdd.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" stroke-width="48">
+        <line x1="128" y1="16" x2="128" y2="240"/>
+        <line x1="16" y1="128" x2="240" y2="128"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolArrowDown.svg b/source/Ox.UI/svg/symbolArrowDown.svg
new file mode 100644
index 00000000..e674cbbf
--- /dev/null
+++ b/source/Ox.UI/svg/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="#808080" stroke-width="48"/>
+    <polygon points="32,128 224,128 128,256" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolArrowLeft.svg b/source/Ox.UI/svg/symbolArrowLeft.svg
new file mode 100644
index 00000000..7364c468
--- /dev/null
+++ b/source/Ox.UI/svg/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="#808080"/>
+    <line x1="128" y1="128" x2="256" y2="128" stroke="#808080" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolArrowRight.svg b/source/Ox.UI/svg/symbolArrowRight.svg
new file mode 100644
index 00000000..addc47a5
--- /dev/null
+++ b/source/Ox.UI/svg/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="#808080" stroke-width="48"/>
+    <polygon points="128,32 256,128 128,224" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolArrowUp.svg b/source/Ox.UI/svg/symbolArrowUp.svg
new file mode 100644
index 00000000..c84376c5
--- /dev/null
+++ b/source/Ox.UI/svg/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="#808080"/>
+    <line x1="128" y1="128" x2="128" y2="256" stroke="#808080" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolAudio.svg b/source/Ox.UI/svg/symbolAudio.svg
new file mode 100644
index 00000000..637bbb69
--- /dev/null
+++ b/source/Ox.UI/svg/symbolAudio.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="64,48 224,16 224,64 64,96" fill="#808080"/>
+    <line x1="80" y1="80" x2="80" y2="208" stroke="#808080" stroke-width="32"/>
+    <line x1="208" y1="48" x2="208" y2="176" stroke="#808080" stroke-width="32"/>
+    <ellipse cx="56" cy="208" rx="40" ry="32" fill="#808080" transform="rotate(-15,56,208)"/>
+    <ellipse cx="184" cy="176" rx="40" ry="32" fill="#808080" transform="rotate(-15,184,176)"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolBook.svg b/source/Ox.UI/svg/symbolBook.svg
new file mode 100644
index 00000000..6dfa6a68
--- /dev/null
+++ b/source/Ox.UI/svg/symbolBook.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080">
+        <path d="M 20,28 l 108,36 l 108,-36" stroke-width="24"/>
+        <path d="M 224,32 l 0,160 l -96,32 l -96,-32 l 0,-160" stroke-width="32"/>
+        <line x1="128" y1="64" x2="128" y2="224" stroke-width="24"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolBookmark.svg b/source/Ox.UI/svg/symbolBookmark.svg
new file mode 100644
index 00000000..19051857
--- /dev/null
+++ b/source/Ox.UI/svg/symbolBookmark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="72,32 184,32 184,240 128,144 72,240" fill="#808080" stroke="#808080" stroke-width="0"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolBracket.svg b/source/Ox.UI/svg/symbolBracket.svg
new file mode 100644
index 00000000..8e069e36
--- /dev/null
+++ b/source/Ox.UI/svg/symbolBracket.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 80,24 a 312,208 0 0,0 0,208" fill="none" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    <path d="M 176,24 a 312,208 0 0,1 0,208" fill="none" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    <!--
+    <path d="M 96,24 a 56,56 0 0,0 -56,56 l 0,96 a 56,56 0 0,0 56,56" fill="none" stroke="#808080" stroke-width="48"/>
+    <path d="M 160,24 a 56,56 0 0,1 56,56 l 0,96 a 56,56 0 0,1 -56,56" fill="none" stroke="#808080" stroke-width="48"/>
+    -->
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolCenter.svg b/source/Ox.UI/svg/symbolCenter.svg
new file mode 100644
index 00000000..130e2ed9
--- /dev/null
+++ b/source/Ox.UI/svg/symbolCenter.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <circle cx="128" cy="128" r="80" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolChat.svg b/source/Ox.UI/svg/symbolChat.svg
new file mode 100644
index 00000000..49d798a6
--- /dev/null
+++ b/source/Ox.UI/svg/symbolChat.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="#808080">
+        <ellipse cx="128" cy="112" rx="112" ry="80"/>
+        <polygon points="64,248 80,176 160,176"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolCheck.svg b/source/Ox.UI/svg/symbolCheck.svg
new file mode 100644
index 00000000..4ad1efd0
--- /dev/null
+++ b/source/Ox.UI/svg/symbolCheck.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 48,144 l 64,64 l 96,-160" fill="none" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    <!--
+    <line x1="32" y1="128" x2="112" y2="224" stroke="#808080" stroke-width="48"/>
+    <circle cx="112" cy="224" r="24" fill="#808080"/>
+    <line x1="112" y1="224" x2="208" y2="32" stroke="#808080" stroke-width="48"/>
+    -->
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolCircle.svg b/source/Ox.UI/svg/symbolCircle.svg
new file mode 100644
index 00000000..4ce188b9
--- /dev/null
+++ b/source/Ox.UI/svg/symbolCircle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <circle cx="128" cy="128" r="96" fill="none" stroke="#808080" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolClick.svg b/source/Ox.UI/svg/symbolClick.svg
new file mode 100644
index 00000000..4a7283d4
--- /dev/null
+++ b/source/Ox.UI/svg/symbolClick.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g transform="rotate(-25, 128, 128)">
+        <polygon points="128,0 208,176 128,144 48,176" fill="#808080"/>
+        <line x1="128" y1="128" x2="128" y2="256" stroke="#808080" stroke-width="48"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolClock.svg b/source/Ox.UI/svg/symbolClock.svg
new file mode 100644
index 00000000..e51b2edc
--- /dev/null
+++ b/source/Ox.UI/svg/symbolClock.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <circle cx="128" cy="128" r="112"/>
+        <path d="M 80,104 l 48,32 l 64,-48"/>
+        <!--
+        <g stroke-width="16">
+            <line x1="128" y1="16" x2="128" y2="64"/>
+            <line x1="240" y1="128" x2="192" y2="128"/>
+            <line x1="128" y1="240" x2="128" y2="192"/>
+            <line x1="16" y1="128" x2="64" y2="128"/>
+        </g>
+        -->
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolClose.svg b/source/Ox.UI/svg/symbolClose.svg
new file mode 100644
index 00000000..ec9f1170
--- /dev/null
+++ b/source/Ox.UI/svg/symbolClose.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" stroke-width="48">
+        <line x1="40" y1="40" x2="216" y2="216"/>
+        <line x1="40" y1="216" x2="216" y2="40"/>
+    </g>
+</svg>
diff --git a/source/Ox.UI/svg/symbolColumns.svg b/source/Ox.UI/svg/symbolColumns.svg
new file mode 100644
index 00000000..1d82d0aa
--- /dev/null
+++ b/source/Ox.UI/svg/symbolColumns.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="32" y="32" width="192" height="192"/>
+        <line x1="96" y1="32" x2="96" y2="224"/>
+        <line x1="160" y1="32" x2="160" y2="224"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolCopyright.svg b/source/Ox.UI/svg/symbolCopyright.svg
new file mode 100644
index 00000000..e524e1eb
--- /dev/null
+++ b/source/Ox.UI/svg/symbolCopyright.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <circle cx="128" cy="128" r="112" fill="none"/>
+        <path d="M 168,168 a 56,56 0 1,1 0,-80"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolData.svg b/source/Ox.UI/svg/symbolData.svg
new file mode 100644
index 00000000..f6f1a2fa
--- /dev/null
+++ b/source/Ox.UI/svg/symbolData.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <ellipse cx="128" cy="64" rx="100" ry="36" fill="none" stroke="#808080" stroke-width="24"/>
+    <path d="M 28,128 a 96,36 0 0,0 200,0" fill="none" stroke="#808080" stroke-width="24"/>
+    <path d="M 28,192 a 96,36 0 0,0 200,0" fill="none" stroke="#808080" stroke-width="24"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolDelete.svg b/source/Ox.UI/svg/symbolDelete.svg
new file mode 100644
index 00000000..47d6061c
--- /dev/null
+++ b/source/Ox.UI/svg/symbolDelete.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" stroke-width="48">
+        <circle cx="128" cy="128" r="104" fill="none"/>
+        <line x1="40" y1="40" x2="216" y2="216"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolDirectory.svg b/source/Ox.UI/svg/symbolDirectory.svg
new file mode 100644
index 00000000..133c023f
--- /dev/null
+++ b/source/Ox.UI/svg/symbolDirectory.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" fill="none">
+        <path d="M 16,64 l 224,0 0,144 -224,0 0,-144 8,0" stroke-width="32"/>
+        <path d="M 9,56 l 44,-44 44,0 44,44" stroke-width="24"/>
+    </g>
+</svg>
diff --git a/source/Ox.UI/svg/symbolDown.svg b/source/Ox.UI/svg/symbolDown.svg
new file mode 100644
index 00000000..77f09135
--- /dev/null
+++ b/source/Ox.UI/svg/symbolDown.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,56 224,56 128,248" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolDownload.svg b/source/Ox.UI/svg/symbolDownload.svg
new file mode 100644
index 00000000..70b09911
--- /dev/null
+++ b/source/Ox.UI/svg/symbolDownload.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="128" y1="16" x2="128" y2="128" stroke="#808080" stroke-width="96"/>
+    <polygon points="0,128 256,128 128,256" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolEdit.svg b/source/Ox.UI/svg/symbolEdit.svg
new file mode 100644
index 00000000..6e4c092c
--- /dev/null
+++ b/source/Ox.UI/svg/symbolEdit.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,224 64,160 96,192" fill="#808080"/>
+    <line x1="88" y1="168" x2="184" y2="72" stroke="#808080" stroke-width="48"/>
+    <line x1="192" y1="64" x2="208" y2="48" stroke="#808080" stroke-width="48"/>
+    <line x1="112" y1="220" x2="224" y2="220" stroke="#808080" stroke-width="8"/>
+    <line x1="128" y1="204" x2="224" y2="204" stroke="#808080" stroke-width="8"/>
+    <line x1="144" y1="188" x2="224" y2="188" stroke="#808080" stroke-width="8"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolEmbed.svg b/source/Ox.UI/svg/symbolEmbed.svg
new file mode 100644
index 00000000..0cf94707
--- /dev/null
+++ b/source/Ox.UI/svg/symbolEmbed.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="88" y1="56" x2="24" y2="128" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    <line x1="24" y1="128" x2="88" y2="200" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    <line x1="168" y1="56" x2="232" y2="128" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    <line x1="232" y1="128" x2="168" y2="200" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolFile.svg b/source/Ox.UI/svg/symbolFile.svg
new file mode 100644
index 00000000..864f7561
--- /dev/null
+++ b/source/Ox.UI/svg/symbolFile.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" fill="none">
+        <path d="M 208,72 l 0,168 -160,0 0,-224 104,0" stroke-width="32"/>
+        <path d="M 144,9 l 72,72" stroke-width="24"/>
+        <path d="M 144,16 l 0,64 64,0" stroke-width="24"/>
+    </g>
+</svg>
diff --git a/source/Ox.UI/svg/symbolFiles.svg b/source/Ox.UI/svg/symbolFiles.svg
new file mode 100644
index 00000000..6aac584e
--- /dev/null
+++ b/source/Ox.UI/svg/symbolFiles.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" fill="none" stroke-width="24">
+        <path d="M 208,72 l 0,168 -160,0 0,-224 104,0" stroke-width="32"/>
+        <path d="M 144,9 l 72,72"/>
+        <path d="M 144,16 l 0,64 64,0"/>
+        <line x1="128" y1="112" x2="128" y2="208"/>
+        <line x1="80" y1="160" x2="176" y2="160"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolFill.svg b/source/Ox.UI/svg/symbolFill.svg
new file mode 100644
index 00000000..9a9c0923
--- /dev/null
+++ b/source/Ox.UI/svg/symbolFill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="64,64 128,0 192,64" fill="#808080"/>
+    <rect x="32" y="96" width="192" height="64" fill="#808080"/>
+    <polygon points="64,192 192,192 128,256" fill="#808080"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolFind.svg b/source/Ox.UI/svg/symbolFind.svg
new file mode 100644
index 00000000..1551a954
--- /dev/null
+++ b/source/Ox.UI/svg/symbolFind.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" stroke-width="48">
+        <circle cx="104" cy="104" r="64" fill="none"/>
+        <line x1="160" y1="160" x2="216" y2="216"/>
+    </g>
+</svg>
diff --git a/source/Ox.UI/svg/symbolFit.svg b/source/Ox.UI/svg/symbolFit.svg
new file mode 100644
index 00000000..6706eb23
--- /dev/null
+++ b/source/Ox.UI/svg/symbolFit.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="64,16 192,16 128,80" fill="#808080"/>
+    <rect x="32" y="96" width="192" height="64" fill="#808080"/>
+    <polygon points="64,240 128,176 192,240" fill="#808080"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolFlag.svg b/source/Ox.UI/svg/symbolFlag.svg
new file mode 100644
index 00000000..716f2e64
--- /dev/null
+++ b/source/Ox.UI/svg/symbolFlag.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="48" y1="224" x2="48" y2="32" stroke="#808080" stroke-width="32"/>
+    <path d="M 64,32 a 64,64 0 0,1 80,0 a 64,64 0 0,0 80,0 l 0,128 a 64,64 0 0,1 -80,0 a 64,64 0 0,0 -80,0" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolFocus.svg b/source/Ox.UI/svg/symbolFocus.svg
new file mode 100644
index 00000000..dc96b8a5
--- /dev/null
+++ b/source/Ox.UI/svg/symbolFocus.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="24">
+        <path d="M 44,112 l 0,-68 l 68,0"/>
+        <path d="M 144,44 l 68,0 l 0,68"/>
+        <path d="M 212,144 l 0,68 l -68,0"/>
+        <path d="M 112,212 l -68,0 l 0,-68"/>
+    </g>
+    <circle cx="128" cy="128" r="16" fill="#808080" stroke="none"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolGoToIn.svg b/source/Ox.UI/svg/symbolGoToIn.svg
new file mode 100644
index 00000000..17d1f5f5
--- /dev/null
+++ b/source/Ox.UI/svg/symbolGoToIn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="64" y1="32" x2="64" y2="224" stroke="#808080" stroke-width="48"/>
+    <polygon points="120,128 216,32 216,224" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolGoToOut.svg b/source/Ox.UI/svg/symbolGoToOut.svg
new file mode 100644
index 00000000..e7bbe758
--- /dev/null
+++ b/source/Ox.UI/svg/symbolGoToOut.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="40,32 136,128 40,224" fill="#808080"/>
+    <line x1="192" y1="32" x2="192" y2="224" stroke="#808080" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolGoToPoster.svg b/source/Ox.UI/svg/symbolGoToPoster.svg
new file mode 100644
index 00000000..53cd6b2b
--- /dev/null
+++ b/source/Ox.UI/svg/symbolGoToPoster.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="40,32 136,128 40,224" fill="#808080"/>
+    <line x1="128" y1="48" x2="208" y2="48" stroke="#808080" stroke-width="32"/>
+    <line x1="192" y1="32" x2="192" y2="224" stroke="#808080" stroke-width="32"/>
+    <line x1="208" y1="208" x2="128" y2="208" stroke="#808080" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolGrid.svg b/source/Ox.UI/svg/symbolGrid.svg
new file mode 100644
index 00000000..fe73ab94
--- /dev/null
+++ b/source/Ox.UI/svg/symbolGrid.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="32" y="32" width="64" height="64"/>
+        <rect x="160" y="32" width="64" height="64"/>
+        <rect x="32" y="160" width="64" height="64"/>
+        <rect x="160" y="160" width="64" height="64"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolGridLandscape.svg b/source/Ox.UI/svg/symbolGridLandscape.svg
new file mode 100644
index 00000000..a32231e9
--- /dev/null
+++ b/source/Ox.UI/svg/symbolGridLandscape.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="32" y="40" width="64" height="48"/>
+        <rect x="160" y="40" width="64" height="48"/>
+        <rect x="32" y="168" width="64" height="48"/>
+        <rect x="160" y="168" width="64" height="48"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolGridLandscapePortrait.svg b/source/Ox.UI/svg/symbolGridLandscapePortrait.svg
new file mode 100644
index 00000000..c1f8a232
--- /dev/null
+++ b/source/Ox.UI/svg/symbolGridLandscapePortrait.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="32" y="40" width="64" height="48"/>
+        <rect x="168" y="32" width="48" height="64"/>
+        <rect x="32" y="168" width="64" height="48"/>
+        <rect x="168" y="160" width="48" height="64"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolGridPortrait.svg b/source/Ox.UI/svg/symbolGridPortrait.svg
new file mode 100644
index 00000000..3574ba01
--- /dev/null
+++ b/source/Ox.UI/svg/symbolGridPortrait.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="40" y="32" width="48" height="64"/>
+        <rect x="168" y="32" width="48" height="64"/>
+        <rect x="40" y="160" width="48" height="64"/>
+        <rect x="168" y="160" width="48" height="64"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolGridPortraitLandscape.svg b/source/Ox.UI/svg/symbolGridPortraitLandscape.svg
new file mode 100644
index 00000000..77384a06
--- /dev/null
+++ b/source/Ox.UI/svg/symbolGridPortraitLandscape.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="40" y="32" width="48" height="64"/>
+        <rect x="160" y="40" width="64" height="48"/>
+        <rect x="40" y="160" width="48" height="64"/>
+        <rect x="160" y="168" width="64" height="48"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolGrow.svg b/source/Ox.UI/svg/symbolGrow.svg
new file mode 100644
index 00000000..324d833f
--- /dev/null
+++ b/source/Ox.UI/svg/symbolGrow.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,32 128,32 32,128" fill="#808080"/>
+    <line x1="72" y1="72" x2="120" y2="120" stroke="#808080" stroke-width="48"/>
+    <line x1="136" y1="136" x2="184" y2="184" stroke="#808080" stroke-width="48"/>
+    <polygon points="128,224 224,128 224,224" fill="#808080"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolHelp.svg b/source/Ox.UI/svg/symbolHelp.svg
new file mode 100644
index 00000000..fc40debe
--- /dev/null
+++ b/source/Ox.UI/svg/symbolHelp.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 80,72 a 48,48 0 1,1 88,32 l -40,48" fill="none" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    <!--
+    <path d="M 72,72 a 56,56 0 1,1 96,48 a 128,128 0 0,0 -40,48" fill="none" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    -->
+    <circle cx="128" cy="224" r="32" fill="#808080"/>
+    <!--
+    <circle cx="128" cy="232" r="24" fill="#808080"/>
+    -->
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolHome.svg b/source/Ox.UI/svg/symbolHome.svg
new file mode 100644
index 00000000..87357179
--- /dev/null
+++ b/source/Ox.UI/svg/symbolHome.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <path d="M 16,136 l 112,-112 112,112"/>
+        <path d="M 56,96 l 0,128 144,0 0,-128"/>
+        <rect x="110" y="86" width="36" height="36" stroke-width="12"/>
+        <rect x="110" y="150" width="36" height="64" stroke-width="12"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolIcon.svg b/source/Ox.UI/svg/symbolIcon.svg
new file mode 100644
index 00000000..068e2a79
--- /dev/null
+++ b/source/Ox.UI/svg/symbolIcon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 80,32 l 96,0 a 48,48 0 0,1 48,48 l 0,96 a 48,48 0 0,1 -48,48 l -96,0 a 48,48 0 0,1 -48,-48 l 0,-96 a 48,48 0 0,1 48,-48" fill="none" stroke="#808080" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolIconlist.svg b/source/Ox.UI/svg/symbolIconlist.svg
new file mode 100644
index 00000000..7659e76f
--- /dev/null
+++ b/source/Ox.UI/svg/symbolIconlist.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="32" y="32" width="64" height="64"/>
+        <line x1="144" y1="32" x2="240" y2="32"/>
+        <line x1="144" y1="96" x2="240" y2="96"/>
+        <rect x="32" y="160" width="64" height="64"/>
+        <line x1="144" y1="160" x2="240" y2="160"/>
+        <line x1="144" y1="224" x2="240" y2="224"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolIconlistLandscape.svg b/source/Ox.UI/svg/symbolIconlistLandscape.svg
new file mode 100644
index 00000000..8051f110
--- /dev/null
+++ b/source/Ox.UI/svg/symbolIconlistLandscape.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="32" y="40" width="64" height="48"/>
+        <line x1="144" y1="32" x2="240" y2="32"/>
+        <line x1="144" y1="96" x2="240" y2="96"/>
+        <rect x="32" y="168" width="64" height="48"/>
+        <line x1="144" y1="160" x2="240" y2="160"/>
+        <line x1="144" y1="224" x2="240" y2="224"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolIconlistPortrait.svg b/source/Ox.UI/svg/symbolIconlistPortrait.svg
new file mode 100644
index 00000000..e47bc281
--- /dev/null
+++ b/source/Ox.UI/svg/symbolIconlistPortrait.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="40" y="32" width="48" height="64"/>
+        <line x1="144" y1="32" x2="240" y2="32"/>
+        <line x1="144" y1="96" x2="240" y2="96"/>
+        <rect x="40" y="160" width="48" height="64"/>
+        <line x1="144" y1="160" x2="240" y2="160"/>
+        <line x1="144" y1="224" x2="240" y2="224"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolInfo.svg b/source/Ox.UI/svg/symbolInfo.svg
new file mode 100644
index 00000000..c12f17ce
--- /dev/null
+++ b/source/Ox.UI/svg/symbolInfo.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <circle cx="128" cy="48" r="32" fill="#808080"/>
+    <line x1="96" y1="112" x2="128" y2="112" stroke="#808080" stroke-linecap="round" stroke-width="32"/>
+    <line x1="128" y1="120" x2="128" y2="216" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    <line x1="96" y1="224" x2="160" y2="224" stroke="#808080" stroke-linecap="round" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolLeft.svg b/source/Ox.UI/svg/symbolLeft.svg
new file mode 100644
index 00000000..698dd269
--- /dev/null
+++ b/source/Ox.UI/svg/symbolLeft.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="8,128 200,32 200,224" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolLike.svg b/source/Ox.UI/svg/symbolLike.svg
new file mode 100644
index 00000000..5b04134e
--- /dev/null
+++ b/source/Ox.UI/svg/symbolLike.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 128,248 l -96,-128 a 56,56 0 1,1 96,-64 a 56,56 0 1,1 96,64 l -96,128" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolList.svg b/source/Ox.UI/svg/symbolList.svg
new file mode 100644
index 00000000..ed45738a
--- /dev/null
+++ b/source/Ox.UI/svg/symbolList.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" stroke-width="32">
+        <line x1="16" y1="32" x2="240" y2="32"/>
+        <line x1="16" y1="96" x2="240" y2="96"/>
+        <line x1="16" y1="160" x2="240" y2="160"/>
+        <line x1="16" y1="224" x2="240" y2="224"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolLoading.svg b/source/Ox.UI/svg/symbolLoading.svg
new file mode 100644
index 00000000..eca747e1
--- /dev/null
+++ b/source/Ox.UI/svg/symbolLoading.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g transform="translate(128, 128)" stroke="#808080" stroke-linecap="round" stroke-width="28">
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(0)" opacity="1"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(30)" opacity="0.083333"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(60)" opacity="0.166667"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(90)" opacity="0.25"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(120)" opacity="0.333333"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(150)" opacity="0.416667"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(180)" opacity="0.5"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(210)" opacity="0.583333"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(240)" opacity="0.666667"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(270)" opacity="0.75"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(300)" opacity="0.833333"/>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(330)" opacity="0.916667"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolLoadingAnimated.svg b/source/Ox.UI/svg/symbolLoadingAnimated.svg
new file mode 100644
index 00000000..e7e6d143
--- /dev/null
+++ b/source/Ox.UI/svg/symbolLoadingAnimated.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g transform="translate(128, 128)" stroke="#808080" stroke-linecap="round" stroke-width="28">
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(0)" opacity="1">
+            <animate attributeName="opacity" from="1" to="0" begin="0s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(30)" opacity="0.083333">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.916667s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(60)" opacity="0.166667">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.833333s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(90)" opacity="0.25">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.75s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(120)" opacity="0.333333">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.666667s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(150)" opacity="0.416667">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.583333s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(180)" opacity="0.5">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.5s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(210)" opacity="0.583333">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.416667" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(240)" opacity="0.666667">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.333333s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(270)" opacity="0.75">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.25s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(300)" opacity="0.833333">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.166667s" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+        <line x1="0" y1="-114" x2="0" y2="-70" transform="rotate(330)" opacity="0.916667">
+            <animate attributeName="opacity" from="1" to="0" begin="-0.083333" dur="1s" repeatCount="indefinite"></animate>
+        </line>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolLocate.svg b/source/Ox.UI/svg/symbolLocate.svg
new file mode 100644
index 00000000..749fbf11
--- /dev/null
+++ b/source/Ox.UI/svg/symbolLocate.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="104,152, 0,152 224,32 104,255" fill="#808080"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolLock.svg b/source/Ox.UI/svg/symbolLock.svg
new file mode 100644
index 00000000..681ae7ab
--- /dev/null
+++ b/source/Ox.UI/svg/symbolLock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <rect x="40" y="112" width="176" height="104" fill="#808080"/>
+    <path d="M 184,128 l 0,-48 a 56,56 0 0,0 -112,0" fill="none" stroke="#808080" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolMail.svg b/source/Ox.UI/svg/symbolMail.svg
new file mode 100644
index 00000000..aa00bff4
--- /dev/null
+++ b/source/Ox.UI/svg/symbolMail.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="24">
+        <rect x="28" y="60" width="200" height="136"/>
+        <path d="M 28,60 l 100,100 l 100,-100"/>
+        <line x1="28" y1="196" x2="92" y2="132" stroke-width="12"/>
+        <line x1="162" y1="132" x2="228" y2="196" stroke-width="12"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolMap.svg b/source/Ox.UI/svg/symbolMap.svg
new file mode 100644
index 00000000..2cd9b29e
--- /dev/null
+++ b/source/Ox.UI/svg/symbolMap.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 128,248 l -64,-112 a 72,72 0 1,1 128,0 l -64,112 l 0,-124 l 1,0 a 20,20 0 1,0 -2,0 l 1,0 l 0,124" fill="#808080" stroke="none"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolMount.svg b/source/Ox.UI/svg/symbolMount.svg
new file mode 100644
index 00000000..36ea0673
--- /dev/null
+++ b/source/Ox.UI/svg/symbolMount.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="48,80 128,0 208,80" fill="#808080"/>
+    <line x1="48" y1="128" x2="208" y2="128" stroke="#808080" stroke-width="48"/>
+    <polygon points="48,176 208,176 128,256" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolMute.svg b/source/Ox.UI/svg/symbolMute.svg
new file mode 100644
index 00000000..542656f4
--- /dev/null
+++ b/source/Ox.UI/svg/symbolMute.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <rect x="16" y="88" width="64" height="80" fill="#808080"/>
+    <polygon points="40,128 144,24 144,232" fill="#808080"/>
+    <path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke="#808080" stroke-width="16"/>
+    <path d="M 176,64 a 88,88 0 0,1 0,128" fill="none" stroke="#808080" stroke-width="16"/>
+    <path d="M 192,32 a 128,128 0 0,1 0,192" fill="none" stroke="#808080" stroke-width="16"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolNoCopyright.svg b/source/Ox.UI/svg/symbolNoCopyright.svg
new file mode 100644
index 00000000..ec7f6a10
--- /dev/null
+++ b/source/Ox.UI/svg/symbolNoCopyright.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#FF0000" stroke-width="24">
+        <path d="M 173,173 a 64,64 0 1,1 0,-90" stroke="#808080" stroke-width="32"/>
+        <circle cx="128" cy="128" r="116" fill="none"/>
+        <line x1="40" y1="216" x2="216" y2="40"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolNone.svg b/source/Ox.UI/svg/symbolNone.svg
new file mode 100644
index 00000000..b24ffbc9
--- /dev/null
+++ b/source/Ox.UI/svg/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/source/Ox.UI/svg/symbolOpen.svg b/source/Ox.UI/svg/symbolOpen.svg
new file mode 100644
index 00000000..7b16cd9d
--- /dev/null
+++ b/source/Ox.UI/svg/symbolOpen.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="48" y1="208" x2="208" y2="48" stroke="#808080" stroke-width="48"/>
+    <polygon points="80,32 224,32 224,176" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolPause.svg b/source/Ox.UI/svg/symbolPause.svg
new file mode 100644
index 00000000..f3f166e1
--- /dev/null
+++ b/source/Ox.UI/svg/symbolPause.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" stroke-width="48">
+        <line x1="80" y1="32" x2="80" y2="224"/>
+        <line x1="176" y1="32" x2="176" y2="224"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolPlay.svg b/source/Ox.UI/svg/symbolPlay.svg
new file mode 100644
index 00000000..1764dc44
--- /dev/null
+++ b/source/Ox.UI/svg/symbolPlay.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="56,32 248,128 56,224" fill="#808080"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolPlayInToOut.svg b/source/Ox.UI/svg/symbolPlayInToOut.svg
new file mode 100644
index 00000000..0c24bf3d
--- /dev/null
+++ b/source/Ox.UI/svg/symbolPlayInToOut.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="72" y1="32" x2="72" y2="224" stroke="#808080" stroke-width="48"/>
+    <polygon points="144,32 240,128 144,224" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolPlayNext.svg b/source/Ox.UI/svg/symbolPlayNext.svg
new file mode 100644
index 00000000..0822e213
--- /dev/null
+++ b/source/Ox.UI/svg/symbolPlayNext.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,32 128,128 32,224" fill="#808080"/>
+    <polygon points="160,32 255,128 160,224" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolPlayPrevious.svg b/source/Ox.UI/svg/symbolPlayPrevious.svg
new file mode 100644
index 00000000..53e02083
--- /dev/null
+++ b/source/Ox.UI/svg/symbolPlayPrevious.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="223,32 128,128 224,224" fill="#808080"/>
+    <polygon points="96,32 0,128 96,224" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolPlaylist.svg b/source/Ox.UI/svg/symbolPlaylist.svg
new file mode 100644
index 00000000..473f873b
--- /dev/null
+++ b/source/Ox.UI/svg/symbolPlaylist.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" stroke-width="32">
+        <line x1="16" y1="32" x2="48" y2="32"/>
+        <line x1="80" y1="32" x2="240" y2="32"/>
+        <line x1="16" y1="96" x2="48" y2="96"/>
+        <line x1="80" y1="96" x2="240" y2="96"/>
+        <line x1="16" y1="160" x2="48" y2="160"/>
+        <line x1="80" y1="160" x2="240" y2="160"/>
+        <line x1="16" y1="224" x2="48" y2="224"/>
+        <line x1="80" y1="224" x2="240" y2="224"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolPublish.svg b/source/Ox.UI/svg/symbolPublish.svg
new file mode 100644
index 00000000..e415bf9b
--- /dev/null
+++ b/source/Ox.UI/svg/symbolPublish.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <circle cx="68" cy="188" r="28" fill="#808080"/>
+    <path d="M 40,104 a 112,112 0 0,1 112,112" fill="none" stroke="#808080" stroke-width="32"/>
+    <path d="M 40,40 a 176,176 0 0,1 176,176" fill="none" stroke="#808080" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolRecord.svg b/source/Ox.UI/svg/symbolRecord.svg
new file mode 100644
index 00000000..130e2ed9
--- /dev/null
+++ b/source/Ox.UI/svg/symbolRecord.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <circle cx="128" cy="128" r="80" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolRedo.svg b/source/Ox.UI/svg/symbolRedo.svg
new file mode 100644
index 00000000..4c7a3caf
--- /dev/null
+++ b/source/Ox.UI/svg/symbolRedo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 208,144 a 80,80 0 1,1 -80,-80 l 16,0" fill="none" stroke-width="48" stroke="#808080"/>
+    <polygon points="128,0 232,64 128,128" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolRemove.svg b/source/Ox.UI/svg/symbolRemove.svg
new file mode 100644
index 00000000..0c076530
--- /dev/null
+++ b/source/Ox.UI/svg/symbolRemove.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#808080" stroke-width="48">
+        <line x1="16" y1="128" x2="240" y2="128"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolRepeatAll.svg b/source/Ox.UI/svg/symbolRepeatAll.svg
new file mode 100644
index 00000000..42b5a47f
--- /dev/null
+++ b/source/Ox.UI/svg/symbolRepeatAll.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 24,128 a 64,64 0 0,1 64,-64 l 80,0" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="168,0 232,64 168,128" fill="#808080" stroke="#808080" stroke-width="1"/>
+    <path d="M 232,128 a 64,64 0 0,1 -64,64 l -80,0" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="88,128 24,192 88,255" fill="#808080" stroke="#808080" stroke-width="1"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolRepeatNone.svg b/source/Ox.UI/svg/symbolRepeatNone.svg
new file mode 100644
index 00000000..d4811fe3
--- /dev/null
+++ b/source/Ox.UI/svg/symbolRepeatNone.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 0,128 l 192,0" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="192,64 255,128 192,192" fill="#808080" stroke="#808080" stroke-width="1"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolRepeatOne.svg b/source/Ox.UI/svg/symbolRepeatOne.svg
new file mode 100644
index 00000000..a1597f94
--- /dev/null
+++ b/source/Ox.UI/svg/symbolRepeatOne.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 24,128 a 64,64 0 0,1 64,-64 l 80,0" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="168,0 232,64 168,128" fill="#808080" stroke="#808080" stroke-width="1"/>
+    <path d="M 232,128 a 64,64 0 0,1 -64,64 l -32,0" fill="none" stroke="#808080" stroke-width="48"/>
+    <circle cx="64" cy="192" r="40" fill="none" stroke="#808080" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolRight.svg b/source/Ox.UI/svg/symbolRight.svg
new file mode 100644
index 00000000..1764dc44
--- /dev/null
+++ b/source/Ox.UI/svg/symbolRight.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="56,32 248,128 56,224" fill="#808080"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolSelect.svg b/source/Ox.UI/svg/symbolSelect.svg
new file mode 100644
index 00000000..85df1818
--- /dev/null
+++ b/source/Ox.UI/svg/symbolSelect.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,104 128,8 224,104" fill="#808080"/>
+    <polygon points="32,152 224,152 128,248" fill="#808080"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolSet.svg b/source/Ox.UI/svg/symbolSet.svg
new file mode 100644
index 00000000..191a6fca
--- /dev/null
+++ b/source/Ox.UI/svg/symbolSet.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g transform="translate(128, 128)">
+        <circle cx="0" cy="0" r="64" fill="none" stroke="#808080" stroke-width="64"/>
+        <rect x="-24" y="-128" width="48" height="48" transform="rotate(0)" fill="#808080"/>
+        <rect x="-24" y="-128" width="48" height="48" transform="rotate(45)" fill="#808080"/>
+        <rect x="-24" y="-128" width="48" height="48" transform="rotate(90)" fill="#808080"/>
+        <rect x="-24" y="-128" width="48" height="48" transform="rotate(135)" fill="#808080"/>
+        <rect x="-24" y="-128" width="48" height="48" transform="rotate(180)" fill="#808080"/>
+        <rect x="-24" y="-128" width="48" height="48" transform="rotate(225)" fill="#808080"/>
+        <rect x="-24" y="-128" width="48" height="48" transform="rotate(270)" fill="#808080"/>
+        <rect x="-24" y="-128" width="48" height="48" transform="rotate(315)" fill="#808080"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolSetIn.svg b/source/Ox.UI/svg/symbolSetIn.svg
new file mode 100644
index 00000000..07f9537b
--- /dev/null
+++ b/source/Ox.UI/svg/symbolSetIn.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="16,208 208,16 208,208" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolSetOut.svg b/source/Ox.UI/svg/symbolSetOut.svg
new file mode 100644
index 00000000..321c25dc
--- /dev/null
+++ b/source/Ox.UI/svg/symbolSetOut.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="48,16 240,208 48,208" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolSetPoster.svg b/source/Ox.UI/svg/symbolSetPoster.svg
new file mode 100644
index 00000000..ffa353c3
--- /dev/null
+++ b/source/Ox.UI/svg/symbolSetPoster.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <rect x="80" y="48" width="96" height="160" fill="none" stroke="#808080" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolShrink.svg b/source/Ox.UI/svg/symbolShrink.svg
new file mode 100644
index 00000000..fb347067
--- /dev/null
+++ b/source/Ox.UI/svg/symbolShrink.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="40" y1="40" x2="96" y2="96" stroke="#808080" stroke-width="48"/>
+    <polygon points="32,128 128,32 128,128" fill="#808080"/>
+    <polygon points="128,128 224,128 128,224" fill="#808080"/>
+    <line x1="160" y1="160" x2="216" y2="216" stroke="#808080" stroke-width="48"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolShuffleAll.svg b/source/Ox.UI/svg/symbolShuffleAll.svg
new file mode 100644
index 00000000..909ff7ac
--- /dev/null
+++ b/source/Ox.UI/svg/symbolShuffleAll.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <!--<path d="M 0,192 l 32,0 l 128,-128 l 32,0" fill="none" stroke="#808080" stroke-width="48"/>-->
+    <path d="M 0,192 a 80,80 0 0,0 56,-24 l 80,-80 a 80,80 0 0,1 56,-24 l 8,0" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="192,0 255,64 192,128" fill="#808080" stroke="#808080" stroke-width="1"/>
+    <!--<path d="M 0,64 l 32,0 l 32,32" fill="none" stroke="#808080" stroke-width="48"/>-->
+    <path d="M 0,64 a 80,80 0 0,1 56,24 l 8,8" fill="none" stroke="#808080" stroke-width="48"/>
+    <!--<path d="M 128,160 l 32,32 l 32,0" fill="none" stroke="#808080" stroke-width="48"/>-->
+    <path d="M 128,160 l 8,8 a 80,80 0 0,0 56,24 l 8,0" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="192,128 255,192 192,255" fill="#808080" stroke="#808080" stroke-width="1"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolShuffleNone.svg b/source/Ox.UI/svg/symbolShuffleNone.svg
new file mode 100644
index 00000000..83a2a741
--- /dev/null
+++ b/source/Ox.UI/svg/symbolShuffleNone.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 0,64 l 192,0" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="192,0 255,64 192,128" fill="#808080" stroke="#808080" stroke-width="1"/>
+    <path d="M 0,192 l 192,0" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="192,128 255,192 192,255" fill="#808080" stroke="#808080" stroke-width="1"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolSquare.svg b/source/Ox.UI/svg/symbolSquare.svg
new file mode 100644
index 00000000..3416a361
--- /dev/null
+++ b/source/Ox.UI/svg/symbolSquare.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <rect x="32" y="32" width="192" height="192" fill="none" stroke="#808080" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolStar.svg b/source/Ox.UI/svg/symbolStar.svg
new file mode 100644
index 00000000..a592364c
--- /dev/null
+++ b/source/Ox.UI/svg/symbolStar.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="128,0 200,232 8,88 248,88 56,232" fill="#808080"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolSwitch.svg b/source/Ox.UI/svg/symbolSwitch.svg
new file mode 100644
index 00000000..c8e1ec57
--- /dev/null
+++ b/source/Ox.UI/svg/symbolSwitch.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <circle cx="128" cy="128" r="112"  fill="none" stroke="#808080" stroke-width="32"/>
+    <path d="M 128,16 a 120,120 0 1,1 0,240 l 0,-240" fill="#808080" stroke="none"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolSync.svg b/source/Ox.UI/svg/symbolSync.svg
new file mode 100644
index 00000000..b36dcd4f
--- /dev/null
+++ b/source/Ox.UI/svg/symbolSync.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 48,128 a 80,80 0 0,1 136,-56" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="144,112 224,32 224,112" fill="#808080" stroke="#808080" stroke-width="1"/>
+    <path d="M 208,128 a 80,80 0 0,1 -136,56" fill="none" stroke="#808080" stroke-width="48"/>
+    <polygon points="32,144 112,144 32,224" fill="#808080" stroke="#808080" stroke-width="1"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolTag.svg b/source/Ox.UI/svg/symbolTag.svg
new file mode 100644
index 00000000..706096a8
--- /dev/null
+++ b/source/Ox.UI/svg/symbolTag.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 224,32 l 0,80 l -128,128 l -80,-80 l 128,-128 l 80,0 l -40,40 l -1,-1 a 20,20 0 1,0 2,2 l -1,-1 l 40,-40" fill="#808080" stroke="none"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolUndo.svg b/source/Ox.UI/svg/symbolUndo.svg
new file mode 100644
index 00000000..bb513c58
--- /dev/null
+++ b/source/Ox.UI/svg/symbolUndo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 48,144 a 80,80 0 1,0 80,-80 l -16,0" fill="none" stroke-width="48" stroke="#808080"/>
+    <polygon points="24,64 128,0 128,128" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolUnlock.svg b/source/Ox.UI/svg/symbolUnlock.svg
new file mode 100644
index 00000000..6084b703
--- /dev/null
+++ b/source/Ox.UI/svg/symbolUnlock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <rect x="40" y="112" width="176" height="104" fill="#808080"/>
+    <path d="M 184,128 l 0,-48 a 56,56 0 0,0 -112,0 l 0,48" fill="none" stroke="#808080" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolUnmount.svg b/source/Ox.UI/svg/symbolUnmount.svg
new file mode 100644
index 00000000..ed6cfd09
--- /dev/null
+++ b/source/Ox.UI/svg/symbolUnmount.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,112 128,16 224,112" fill="#808080"/>
+    <line x1="32" y1="176" x2="224" y2="176" stroke="#808080" stroke-width="48"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolUnmute.svg b/source/Ox.UI/svg/symbolUnmute.svg
new file mode 100644
index 00000000..ea571ace
--- /dev/null
+++ b/source/Ox.UI/svg/symbolUnmute.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <rect x="16" y="88" width="64" height="80" fill="#808080"/>
+    <polygon points="40,128 144,24 144,232" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolUp.svg b/source/Ox.UI/svg/symbolUp.svg
new file mode 100644
index 00000000..98f2dec7
--- /dev/null
+++ b/source/Ox.UI/svg/symbolUp.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <polygon points="32,200 128,8 224,200" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolUpload.svg b/source/Ox.UI/svg/symbolUpload.svg
new file mode 100644
index 00000000..1022502d
--- /dev/null
+++ b/source/Ox.UI/svg/symbolUpload.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="128" y1="240" x2="128" y2="128" stroke="#808080" stroke-width="96"/>
+    <polygon points="0,128 256,128 128,0" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolUser.svg b/source/Ox.UI/svg/symbolUser.svg
new file mode 100644
index 00000000..459f6dbc
--- /dev/null
+++ b/source/Ox.UI/svg/symbolUser.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <ellipse cx="128" cy="80" rx="64" ry="80" fill="#808080"/>
+    <rect x="96" y="128" width="64" height="64" fill="#808080"/>
+    <path d="M 32,224 a 96,64 0 0,1 192,0" fill="#808080"/>
+</svg>
diff --git a/source/Ox.UI/svg/symbolVideo.svg b/source/Ox.UI/svg/symbolVideo.svg
new file mode 100644
index 00000000..3dd2c89e
--- /dev/null
+++ b/source/Ox.UI/svg/symbolVideo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 12,64 a 36,36 0 0,1 36,-36 l 160,0 a 36,36 0 0,1 36,36 l 0,128 a 36,36 0 0,1 -36,36 l -160,0 a 36,36 0 0,1 -36,-36 l 0,-128" fill="none" stroke="#808080" stroke-width="24"/>
+    <polygon points="80,64 208,128 80,192" fill="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolView.svg b/source/Ox.UI/svg/symbolView.svg
new file mode 100644
index 00000000..cc915fd2
--- /dev/null
+++ b/source/Ox.UI/svg/symbolView.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 24,128 a 120,120 0 0,1 208,0 a 120,120 0 0,1 -208,0 a 120,120 0 0,1 208,0" fill="none" stroke="#808080" stroke-width="32"/>
+    <circle cx="128" cy="128" r="32" fill="none" stroke="#808080" stroke-width="32"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolVolume.svg b/source/Ox.UI/svg/symbolVolume.svg
new file mode 100644
index 00000000..1b62112c
--- /dev/null
+++ b/source/Ox.UI/svg/symbolVolume.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g fill="none" stroke="#808080" stroke-width="32">
+        <rect x="32" y="160" width="192" height="64"/>
+        <path d="M 32,160 l 24,-128 144,0 24,128"/>
+    </g>
+</svg>
diff --git a/source/Ox.UI/svg/symbolVolumeDown.svg b/source/Ox.UI/svg/symbolVolumeDown.svg
new file mode 100644
index 00000000..f5e502e8
--- /dev/null
+++ b/source/Ox.UI/svg/symbolVolumeDown.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <rect x="16" y="88" width="64" height="80" fill="#808080"/>
+    <polygon points="40,128 144,24 144,232" fill="#808080"/>
+    <path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke="#808080" stroke-width="16"/>
+    <path d="M 176,64 a 96,96 0 0,1 0,128" fill="none" stroke="#808080" stroke-width="16"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolVolumeUp.svg b/source/Ox.UI/svg/symbolVolumeUp.svg
new file mode 100644
index 00000000..5f30b377
--- /dev/null
+++ b/source/Ox.UI/svg/symbolVolumeUp.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <rect x="16" y="88" width="64" height="80" fill="#808080"/>
+    <polygon points="40,128 144,24 144,232" fill="#808080"/>
+    <path d="M 160,96 a 48,48 0 0,1 0,64" fill="none" stroke-width="16" stroke="#808080"/>
+</svg>
\ No newline at end of file
diff --git a/source/Ox.UI/svg/symbolWarning.svg b/source/Ox.UI/svg/symbolWarning.svg
new file mode 100644
index 00000000..4226321e
--- /dev/null
+++ b/source/Ox.UI/svg/symbolWarning.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <line x1="128" y1="24" x2="128" y2="152" stroke="#808080" stroke-linecap="round" stroke-width="48"/>
+    <circle cx="128" cy="224" r="32" fill="#808080"/>
+</svg>
\ No newline at end of file