adding symbols

source/Ox.UI/themes/classic/_index.html

@@ -60,10 +60,11 @@
                     'center', 'zoom', 'grow', 'shrink', 'fill', 'fit',
                     'unmute', 'volumeUp', 'volumeDown', 'mute',
                     'undo', 'redo', 'unlock', 'lock',
-                    'mount', 'unmount', 'sync',
+                    'volume', 'mount', 'unmount', 'sync',
                     'info', 'warning', 'help',
                     'check', 'embed', 'bracket',
-                    'delete', 'download', 'edit', 'find', 'flag', 'like',
+                    'upload', 'download', 
+                    'click', 'delete', 'edit', 'find', 'flag', 'icon', 'like',
                     'publish', 'set', 'star', 'user', 'view', 'loading'
                 ].forEach(function(symbol) {
                     var $symbol, src = 'svg/symbol' + Ox.toTitleCase(symbol) + '.svg';

source/Ox.UI/themes/classic/svg/symbolIcon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <path d="M 64,32 l 128,0 a 32,32 0 0,1 32,32 l 0,128 a 32,32 0 0,1 -32,32 l -128,0 a 32,32 0 0,1 -32,-32 l 0,-128 a 32,32 0 0,1 32,-32" fill="none" stroke="#404040" stroke-width="32"/>
+</svg>

source/Ox.UI/themes/classic/svg/symbolVolume.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
+    <g stroke="#404040" stroke-width="32">
+        <rect x="32" y="160" width="192" height="64" fill="none"/>
+        <path d="M 32,160 l 24,-128 144,0 24,128" fill="none"/>
+    </g>
+</svg>