add new icons (#254): Icons by Elio Qoshi ( http://patreon.com/ura )

12 files changed, 976 insertions, 0 deletions

diff --git a/ui/icons/horizontal_color.png b/ui/icons/horizontal_color.png
new file mode 100644
index 0000000..35e8865
--- /dev/null
+++ b/ui/icons/horizontal_color.png
diff --git a/ui/icons/horizontal_color.svg b/ui/icons/horizontal_color.svg
new file mode 100644
index 0000000..5ca1955
--- /dev/null
+++ b/ui/icons/horizontal_color.svg
@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="87.78875mm"
+   height="30.691666mm"
+   viewBox="0 0 87.788749 30.691665"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="Horizontal_Color.svg"
+   inkscape:version="0.92.1 r15371"
+   inkscape:export-filename="D:\Projects\2017\Astroid Logo\Export\Vertical_Color.png"
+   inkscape:export-xdpi="481.13907"
+   inkscape:export-ydpi="481.13907">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#7e7e7e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="85.568939"
+     inkscape:cy="115.06224"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-22.317608,-5.0681982)">
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,118.30844,-60.019301)"
+       id="g2948">
+      <g
+         id="g2922">
+        <path
+           style="fill:#03979c"
+           inkscape:connector-curvature="0"
+           d="m -199.5,299.1 v 23 h -6.6 L -207,317 c -2.4,2.6 -6.8,5.9 -12.9,5.9 -6.2,0 -10.7,-3.4 -10.7,-9.8 v -3.5 c 0,-5.4 3.7,-8.5 10,-8.5 h 12.7 V 299 c -0.1,-3.9 -1.4,-4.8 -6.2,-4.8 -3.1,0 -8.8,0.3 -14.1,0.7 L -229,289 c 4.8,-0.9 12.4,-1.7 16.9,-1.7 8.3,0 12.6,2.7 12.6,11.8 z m -22.8,12.8 c 0,2.9 1.4,4.1 4.4,4.1 2.6,0 6.4,-1.1 9.9,-4 v -5.2 h -10.8 c -2.8,0.1 -3.6,1.5 -3.6,3.8 v 1.3 z"
+           id="path2908" />
+        <path
+           style="fill:#03979c"
+           inkscape:connector-curvature="0"
+           d="m -166.8,288.5 -0.6,5.8 c -4.3,-0.1 -8.6,-0.3 -12.9,-0.3 -5.7,0 -7.2,0.1 -7.2,2.9 0,2.7 1.4,2.8 4.6,3.7 l 9.1,2.5 c 5.6,1.6 8.1,3.8 8.1,9.7 0,8.3 -4.6,10 -15.1,10 -2.3,0 -8,-0.1 -14.1,-1.1 l 0.6,-5.9 c 2.7,0.2 7.2,0.3 11.5,0.3 7.2,0 9.1,-0.6 9.1,-3.2 0,-2.6 -1.8,-2.8 -5,-3.7 l -8.9,-2.4 c -6,-1.7 -7.9,-4.6 -7.9,-9.9 0,-7.5 3.9,-9.6 13.8,-9.6 4.6,0.1 10.8,0.5 14.9,1.2 z"
+           id="path2910" />
+        <path
+           style="fill:#03979c"
+           inkscape:connector-curvature="0"
+           d="m -150.4,311.5 c 0,3 1,3.9 4.1,3.9 h 4.6 l 0.9,6.2 c -2.3,0.8 -6.6,1.2 -8.7,1.2 -5.9,0 -9.2,-3.6 -9.2,-9.9 l -0.1,-18.6 h -6.1 v -5.7 l 6.1,-0.3 v -9.7 h 8.3 v 9.7 h 9.9 v 6.1 h -9.9 v 17.1 z"
+           id="path2912" />
+        <path
+           style="fill:#03979c"
+           inkscape:connector-curvature="0"
+           d="m -115.4,295.1 h -2.4 c -3.2,0 -6.3,1.1 -11.2,3 V 322 h -8.4 v -33.8 h 6.6 l 0.8,5 c 4.6,-3.8 9.5,-5.9 13.9,-5.9 h 1.7 z"
+           id="path2914" />
+        <path
+           style="fill:#03979c"
+           inkscape:connector-curvature="0"
+           d="m -81.1,305.2 c 0,13 -4.5,17.8 -16.6,17.8 -12.2,0 -16.8,-4.8 -16.8,-17.8 0,-13 4.6,-17.9 16.8,-17.9 12.1,0 16.6,4.9 16.6,17.9 z m -24.6,0 c 0,8.7 1.8,11.1 8,11.1 6.1,0 7.9,-2.4 7.9,-11.1 0,-8.8 -1.9,-11.2 -7.9,-11.2 -6.2,0 -8,2.4 -8,11.2 z"
+           id="path2916" />
+        <path
+           style="fill:#03979c"
+           inkscape:connector-curvature="0"
+           d="m -70.3,273.6 c 1.7,0 2.4,0.9 2.4,2.4 v 3.8 c 0,1.6 -0.8,2.4 -2.4,2.4 h -3.9 c -1.6,0 -2.4,-0.8 -2.4,-2.4 V 276 c 0,-1.5 0.8,-2.4 2.4,-2.4 z m -6.1,48.5 v -33.8 h 8.3 v 33.8 z"
+           id="path2918" />
+        <path
+           style="fill:#03979c"
+           inkscape:connector-curvature="0"
+           d="m -31,322.1 h -6.6 l -0.7,-4.6 c -3,2.8 -7.5,5.5 -13.1,5.5 -8.6,0 -11.9,-6.5 -11.9,-17.9 0,-13.5 4.4,-17.7 13,-17.7 4,0 7.9,0.9 11.2,3 -0.3,-2.2 -0.3,-4.4 -0.3,-6.8 v -9.7 h 8.4 z m -17.3,-6.3 c 3.4,0 5.2,-1 8.9,-3.5 v -16.8 c -3,-0.7 -5.4,-1.4 -8.4,-1.4 -5,0 -6.8,1.7 -6.8,10.8 -0.1,8.9 1.8,10.9 6.3,10.9 z"
+           id="path2920" />
+      </g>
+      <g
+         id="g2926">
+        <path
+           style="fill:#ffc53e"
+           inkscape:connector-curvature="0"
+           d="m -304.8,310.4 c -0.7,0 -1.4,-0.3 -1.9,-0.8 l -20,-19.1 v 29.2 h 43.9 v -29.2 l -20,19.1 c -0.6,0.5 -1.3,0.8 -2,0.8 z"
+           id="path2924" />
+      </g>
+      <g
+         id="g2930">
+        <path
+           style="fill:#2fa99d"
+           inkscape:connector-curvature="0"
+           d="m -246.8,304 c -8.9,0 -20.1,-6 -30.4,-14.6 v 29.3 c 10.3,-8.6 21.6,-14.7 30.4,-14.7 z"
+           id="path2928" />
+      </g>
+      <g
+         id="g2934">
+        <polygon
+           style="fill:#ffc53e"
+           points="-321.7,287.5 -304.8,303.7 -287.8,287.5 "
+           id="polygon2932" />
+      </g>
+      <g
+         id="g2938">
+        <path
+           style="fill:#2fa99d"
+           inkscape:connector-curvature="0"
+           d="m -304.8,246 c 0,10.5 -8.4,24.3 -19.6,35.9 h 39.2 c -11.1,-11.5 -19.6,-25.4 -19.6,-35.9 z"
+           id="path2936" />
+      </g>
+      <g
+         id="g2942">
+        <path
+           style="fill:#2fa99d"
+           inkscape:connector-curvature="0"
+           d="m -304.8,362 c 0,-10.7 8.8,-24.9 20.3,-36.6 h -40.6 c 11.6,11.7 20.3,25.9 20.3,36.6 z"
+           id="path2940" />
+      </g>
+      <g
+         id="g2946">
+        <path
+           style="fill:#2fa99d"
+           inkscape:connector-curvature="0"
+           d="m -362.8,304 c 8.9,0 20.1,6 30.4,14.6 v -29.3 c -10.2,8.7 -21.5,14.7 -30.4,14.7 z"
+           id="path2944" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/ui/icons/horizontal_white.png b/ui/icons/horizontal_white.png
new file mode 100644
index 0000000..4e087c8
--- /dev/null
+++ b/ui/icons/horizontal_white.png
diff --git a/ui/icons/horizontal_white.svg b/ui/icons/horizontal_white.svg
new file mode 100644
index 0000000..4527fd1
--- /dev/null
+++ b/ui/icons/horizontal_white.svg
@@ -0,0 +1,176 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="87.78875mm"
+   height="30.691666mm"
+   viewBox="0 0 87.788749 30.691665"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="Horizontal_White.svg"
+   inkscape:version="0.92.1 r15371"
+   inkscape:export-filename="D:\Projects\2017\Astroid Logo\Export\Vertical_Color.png"
+   inkscape:export-xdpi="481.13907"
+   inkscape:export-ydpi="481.13907">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#7e7e7e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="85.568939"
+     inkscape:cy="115.06224"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-22.317608,-5.0681982)">
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,118.30844,-60.019301)"
+       id="g2948"
+       style="fill:#ffffff">
+      <g
+         id="g2922"
+         style="fill:#ffffff">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -199.5,299.1 v 23 h -6.6 L -207,317 c -2.4,2.6 -6.8,5.9 -12.9,5.9 -6.2,0 -10.7,-3.4 -10.7,-9.8 v -3.5 c 0,-5.4 3.7,-8.5 10,-8.5 h 12.7 V 299 c -0.1,-3.9 -1.4,-4.8 -6.2,-4.8 -3.1,0 -8.8,0.3 -14.1,0.7 L -229,289 c 4.8,-0.9 12.4,-1.7 16.9,-1.7 8.3,0 12.6,2.7 12.6,11.8 z m -22.8,12.8 c 0,2.9 1.4,4.1 4.4,4.1 2.6,0 6.4,-1.1 9.9,-4 v -5.2 h -10.8 c -2.8,0.1 -3.6,1.5 -3.6,3.8 v 1.3 z"
+           id="path2908" />
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -166.8,288.5 -0.6,5.8 c -4.3,-0.1 -8.6,-0.3 -12.9,-0.3 -5.7,0 -7.2,0.1 -7.2,2.9 0,2.7 1.4,2.8 4.6,3.7 l 9.1,2.5 c 5.6,1.6 8.1,3.8 8.1,9.7 0,8.3 -4.6,10 -15.1,10 -2.3,0 -8,-0.1 -14.1,-1.1 l 0.6,-5.9 c 2.7,0.2 7.2,0.3 11.5,0.3 7.2,0 9.1,-0.6 9.1,-3.2 0,-2.6 -1.8,-2.8 -5,-3.7 l -8.9,-2.4 c -6,-1.7 -7.9,-4.6 -7.9,-9.9 0,-7.5 3.9,-9.6 13.8,-9.6 4.6,0.1 10.8,0.5 14.9,1.2 z"
+           id="path2910" />
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -150.4,311.5 c 0,3 1,3.9 4.1,3.9 h 4.6 l 0.9,6.2 c -2.3,0.8 -6.6,1.2 -8.7,1.2 -5.9,0 -9.2,-3.6 -9.2,-9.9 l -0.1,-18.6 h -6.1 v -5.7 l 6.1,-0.3 v -9.7 h 8.3 v 9.7 h 9.9 v 6.1 h -9.9 v 17.1 z"
+           id="path2912" />
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -115.4,295.1 h -2.4 c -3.2,0 -6.3,1.1 -11.2,3 V 322 h -8.4 v -33.8 h 6.6 l 0.8,5 c 4.6,-3.8 9.5,-5.9 13.9,-5.9 h 1.7 z"
+           id="path2914" />
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -81.1,305.2 c 0,13 -4.5,17.8 -16.6,17.8 -12.2,0 -16.8,-4.8 -16.8,-17.8 0,-13 4.6,-17.9 16.8,-17.9 12.1,0 16.6,4.9 16.6,17.9 z m -24.6,0 c 0,8.7 1.8,11.1 8,11.1 6.1,0 7.9,-2.4 7.9,-11.1 0,-8.8 -1.9,-11.2 -7.9,-11.2 -6.2,0 -8,2.4 -8,11.2 z"
+           id="path2916" />
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -70.3,273.6 c 1.7,0 2.4,0.9 2.4,2.4 v 3.8 c 0,1.6 -0.8,2.4 -2.4,2.4 h -3.9 c -1.6,0 -2.4,-0.8 -2.4,-2.4 V 276 c 0,-1.5 0.8,-2.4 2.4,-2.4 z m -6.1,48.5 v -33.8 h 8.3 v 33.8 z"
+           id="path2918" />
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -31,322.1 h -6.6 l -0.7,-4.6 c -3,2.8 -7.5,5.5 -13.1,5.5 -8.6,0 -11.9,-6.5 -11.9,-17.9 0,-13.5 4.4,-17.7 13,-17.7 4,0 7.9,0.9 11.2,3 -0.3,-2.2 -0.3,-4.4 -0.3,-6.8 v -9.7 h 8.4 z m -17.3,-6.3 c 3.4,0 5.2,-1 8.9,-3.5 v -16.8 c -3,-0.7 -5.4,-1.4 -8.4,-1.4 -5,0 -6.8,1.7 -6.8,10.8 -0.1,8.9 1.8,10.9 6.3,10.9 z"
+           id="path2920" />
+      </g>
+      <g
+         id="g2926"
+         style="fill:#ffffff">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -304.8,310.4 c -0.7,0 -1.4,-0.3 -1.9,-0.8 l -20,-19.1 v 29.2 h 43.9 v -29.2 l -20,19.1 c -0.6,0.5 -1.3,0.8 -2,0.8 z"
+           id="path2924" />
+      </g>
+      <g
+         id="g2930"
+         style="fill:#ffffff">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -246.8,304 c -8.9,0 -20.1,-6 -30.4,-14.6 v 29.3 c 10.3,-8.6 21.6,-14.7 30.4,-14.7 z"
+           id="path2928" />
+      </g>
+      <g
+         id="g2934"
+         style="fill:#ffffff">
+        <polygon
+           style="fill:#ffffff"
+           points="-321.7,287.5 -304.8,303.7 -287.8,287.5 "
+           id="polygon2932" />
+      </g>
+      <g
+         id="g2938"
+         style="fill:#ffffff">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -304.8,246 c 0,10.5 -8.4,24.3 -19.6,35.9 h 39.2 c -11.1,-11.5 -19.6,-25.4 -19.6,-35.9 z"
+           id="path2936" />
+      </g>
+      <g
+         id="g2942"
+         style="fill:#ffffff">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -304.8,362 c 0,-10.7 8.8,-24.9 20.3,-36.6 h -40.6 c 11.6,11.7 20.3,25.9 20.3,36.6 z"
+           id="path2940" />
+      </g>
+      <g
+         id="g2946"
+         style="fill:#ffffff">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -362.8,304 c 8.9,0 20.1,6 30.4,14.6 v -29.3 c -10.2,8.7 -21.5,14.7 -30.4,14.7 z"
+           id="path2944" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/ui/icons/icon_color.png b/ui/icons/icon_color.png
new file mode 100644
index 0000000..957025a
--- /dev/null
+++ b/ui/icons/icon_color.png
diff --git a/ui/icons/icon_color.svg b/ui/icons/icon_color.svg
new file mode 100644
index 0000000..c2278c8
--- /dev/null
+++ b/ui/icons/icon_color.svg
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="38.629166mm"
+   height="38.629166mm"
+   viewBox="0 0 38.629165 38.629165"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="Icon_Color.svg"
+   inkscape:version="0.92.1 r15371">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#7e7e7e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="57.254661"
+     inkscape:cy="108.79082"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g3088"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-29.809094,4.5286157)">
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,118.44451,-4.5286157)"
+       id="g3088">
+      <g
+         id="g3086">
+        <g
+           id="g3064">
+          <path
+             style="fill:#ffc53e"
+             inkscape:connector-curvature="0"
+             d="m -262,81 c -0.9,0 -1.8,-0.3 -2.4,-1 l -25.2,-24 v 36.8 h 55.3 V 56 l -25.2,24 c -0.7,0.7 -1.6,1 -2.5,1 z"
+             id="path3062" />
+        </g>
+        <g
+           id="g3068">
+          <path
+             style="fill:#2fa99d"
+             inkscape:connector-curvature="0"
+             d="m -189,73 c -11.2,0 -25.4,-7.6 -38.3,-18.4 V 91.5 C -214.3,80.6 -200.1,73 -189,73 Z"
+             id="path3066" />
+        </g>
+        <g
+           id="g3072">
+          <polygon
+             style="fill:#ffc53e"
+             points="-283.3,52.2 -262,72.6 -240.6,52.2 "
+             id="polygon3070" />
+        </g>
+        <g
+           id="g3076">
+          <path
+             style="fill:#2fa99d"
+             inkscape:connector-curvature="0"
+             d="m -262,0 c 0,13.2 -10.6,30.6 -24.6,45.1 h 49.3 C -251.4,30.6 -262,13.2 -262,0 Z"
+             id="path3074" />
+        </g>
+        <g
+           id="g3080">
+          <path
+             style="fill:#2fa99d"
+             inkscape:connector-curvature="0"
+             d="m -262,146 c 0,-13.5 11.1,-31.4 25.6,-46.1 h -51.1 c 14.5,14.7 25.5,32.6 25.5,46.1 z"
+             id="path3078" />
+        </g>
+        <g
+           id="g3084">
+          <path
+             style="fill:#2fa99d"
+             inkscape:connector-curvature="0"
+             d="m -335,73 c 11.2,0 25.4,7.6 38.3,18.4 V 54.6 C -309.6,65.4 -323.8,73 -335,73 Z"
+             id="path3082" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/ui/icons/icon_white.png b/ui/icons/icon_white.png
new file mode 100644
index 0000000..65734c8
--- /dev/null
+++ b/ui/icons/icon_white.png
diff --git a/ui/icons/icon_white.svg b/ui/icons/icon_white.svg
new file mode 100644
index 0000000..c888fa1
--- /dev/null
+++ b/ui/icons/icon_white.svg
@@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="30.691666mm"
+   height="30.691666mm"
+   viewBox="0 0 30.691665 30.691665"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="Icon_White.svg"
+   inkscape:version="0.92.1 r15371"
+   inkscape:export-filename="D:\Projects\2017\Astroid Logo\Export\Vertical_Color.png"
+   inkscape:export-xdpi="481.13907"
+   inkscape:export-ydpi="481.13907">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#7e7e7e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="85.568939"
+     inkscape:cy="115.06224"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g2948"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-22.317608,-5.0681982)">
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,118.30844,-60.019301)"
+       id="g2948"
+       inkscape:export-xdpi="481.13907"
+       inkscape:export-ydpi="481.13907">
+      <g
+         id="g2926"
+         style="fill:#ffffff"
+         inkscape:export-xdpi="481.13907"
+         inkscape:export-ydpi="481.13907">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -304.8,310.4 c -0.7,0 -1.4,-0.3 -1.9,-0.8 l -20,-19.1 v 29.2 h 43.9 v -29.2 l -20,19.1 c -0.6,0.5 -1.3,0.8 -2,0.8 z"
+           id="path2924" />
+      </g>
+      <g
+         id="g2930"
+         style="fill:#ffffff"
+         inkscape:export-xdpi="481.13907"
+         inkscape:export-ydpi="481.13907">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -246.8,304 c -8.9,0 -20.1,-6 -30.4,-14.6 v 29.3 c 10.3,-8.6 21.6,-14.7 30.4,-14.7 z"
+           id="path2928" />
+      </g>
+      <g
+         id="g2934"
+         style="fill:#ffffff"
+         inkscape:export-xdpi="481.13907"
+         inkscape:export-ydpi="481.13907">
+        <polygon
+           style="fill:#ffffff"
+           points="-287.8,287.5 -321.7,287.5 -304.8,303.7 "
+           id="polygon2932" />
+      </g>
+      <g
+         id="g2938"
+         style="fill:#ffffff"
+         inkscape:export-xdpi="481.13907"
+         inkscape:export-ydpi="481.13907">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -304.8,246 c 0,10.5 -8.4,24.3 -19.6,35.9 h 39.2 c -11.1,-11.5 -19.6,-25.4 -19.6,-35.9 z"
+           id="path2936" />
+      </g>
+      <g
+         id="g2942"
+         style="fill:#ffffff"
+         inkscape:export-xdpi="481.13907"
+         inkscape:export-ydpi="481.13907">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -304.8,362 c 0,-10.7 8.8,-24.9 20.3,-36.6 h -40.6 c 11.6,11.7 20.3,25.9 20.3,36.6 z"
+           id="path2940" />
+      </g>
+      <g
+         id="g2946"
+         style="fill:#ffffff"
+         inkscape:export-xdpi="481.13907"
+         inkscape:export-ydpi="481.13907">
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m -362.8,304 c 8.9,0 20.1,6 30.4,14.6 v -29.3 c -10.2,8.7 -21.5,14.7 -30.4,14.7 z"
+           id="path2944" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/ui/icons/vertical_color.png b/ui/icons/vertical_color.png
new file mode 100644
index 0000000..f506826
--- /dev/null
+++ b/ui/icons/vertical_color.png
diff --git a/ui/icons/vertical_color.svg b/ui/icons/vertical_color.svg
new file mode 100644
index 0000000..7ab5cdd
--- /dev/null
+++ b/ui/icons/vertical_color.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="52.784374mm"
+   height="55.747707mm"
+   viewBox="0 0 52.784374 55.747707"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="Vertical_Color.svg"
+   inkscape:version="0.92.1 r15371">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#7e7e7e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="83.954659"
+     inkscape:cy="173.49082"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-22.74472,4.5286157)">
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,118.44451,-4.5286157)"
+       id="g3088">
+      <g
+         id="g3060">
+        <g
+           id="g3058">
+          <path
+             style="fill:#03979c"
+             inkscape:connector-curvature="0"
+             d="m -330.6,186.8 v 23 h -6.6 l -0.9,-5.1 c -2.4,2.6 -6.8,5.9 -12.9,5.9 -6.2,0 -10.7,-3.4 -10.7,-9.8 v -3.5 c 0,-5.4 3.7,-8.5 10,-8.5 h 12.7 v -2.1 c -0.1,-3.9 -1.4,-4.8 -6.2,-4.8 -3.1,0 -8.8,0.3 -14.1,0.7 l -0.8,-5.9 c 4.8,-0.9 12.4,-1.7 16.9,-1.7 8.2,0 12.6,2.8 12.6,11.8 z m -22.8,12.8 c 0,2.9 1.4,4.1 4.4,4.1 2.6,0 6.4,-1.1 9.9,-4 v -5.2 h -10.8 c -2.8,0.1 -3.6,1.5 -3.6,3.8 v 1.3 z"
+             id="path3044" />
+          <path
+             style="fill:#03979c"
+             inkscape:connector-curvature="0"
+             d="m -297.9,176.2 -0.6,5.8 c -4.3,-0.1 -8.6,-0.3 -12.9,-0.3 -5.7,0 -7.2,0.1 -7.2,2.9 0,2.7 1.4,2.8 4.6,3.7 l 9.1,2.5 c 5.6,1.6 8.1,3.8 8.1,9.7 0,8.3 -4.6,10 -15.1,10 -2.3,0 -8,-0.1 -14.1,-1.1 l 0.6,-5.9 c 2.7,0.2 7.2,0.3 11.5,0.3 7.2,0 9.1,-0.6 9.1,-3.2 0,-2.6 -1.8,-2.8 -5,-3.7 l -8.9,-2.4 c -6,-1.7 -7.9,-4.6 -7.9,-9.9 0,-7.5 3.9,-9.6 13.8,-9.6 4.5,0.1 10.7,0.5 14.9,1.2 z"
+             id="path3046" />
+          <path
+             style="fill:#03979c"
+             inkscape:connector-curvature="0"
+             d="m -281.5,199.2 c 0,3 1,3.9 4.1,3.9 h 4.6 l 0.9,6.2 c -2.3,0.8 -6.6,1.2 -8.7,1.2 -5.9,0 -9.2,-3.6 -9.2,-9.9 l -0.1,-18.6 h -6.1 v -5.7 l 6.1,-0.3 v -9.7 h 8.3 v 9.7 h 9.9 v 6.1 h -9.9 v 17.1 z"
+             id="path3048" />
+          <path
+             style="fill:#03979c"
+             inkscape:connector-curvature="0"
+             d="m -246.6,182.9 h -2.4 c -3.2,0 -6.3,1.1 -11.2,3 v 23.9 h -8.4 V 176 h 6.6 l 0.8,5 c 4.6,-3.8 9.5,-5.9 13.9,-5.9 h 1.7 z"
+             id="path3050" />
+          <path
+             style="fill:#03979c"
+             inkscape:connector-curvature="0"
+             d="m -212.2,192.9 c 0,13 -4.5,17.8 -16.6,17.8 -12.2,0 -16.8,-4.8 -16.8,-17.8 0,-13 4.6,-17.9 16.8,-17.9 12.1,0 16.6,4.9 16.6,17.9 z m -24.7,0 c 0,8.7 1.8,11.1 8,11.1 6.1,0 7.9,-2.4 7.9,-11.1 0,-8.8 -1.9,-11.2 -7.9,-11.2 -6.2,0 -8,2.4 -8,11.2 z"
+             id="path3052" />
+          <path
+             style="fill:#03979c"
+             inkscape:connector-curvature="0"
+             d="m -201.5,161.3 c 1.7,0 2.4,0.9 2.4,2.4 v 3.8 c 0,1.6 -0.8,2.4 -2.4,2.4 h -3.9 c -1.6,0 -2.4,-0.8 -2.4,-2.4 v -3.8 c 0,-1.5 0.8,-2.4 2.4,-2.4 z m -6.1,48.5 V 176 h 8.3 v 33.8 z"
+             id="path3054" />
+          <path
+             style="fill:#03979c"
+             inkscape:connector-curvature="0"
+             d="m -162.2,209.8 h -6.6 l -0.7,-4.6 c -3,2.8 -7.5,5.5 -13.1,5.5 -8.6,0 -11.9,-6.5 -11.9,-17.9 0,-13.5 4.4,-17.7 13,-17.7 4,0 7.9,0.9 11.2,3 -0.3,-2.2 -0.3,-4.4 -0.3,-6.8 v -9.7 h 8.4 z m -17.3,-6.3 c 3.4,0 5.2,-1 8.9,-3.5 v -16.8 c -3,-0.7 -5.4,-1.4 -8.4,-1.4 -5,0 -6.8,1.7 -6.8,10.8 0,8.9 1.8,10.9 6.3,10.9 z"
+             id="path3056" />
+        </g>
+      </g>
+      <g
+         id="g3086">
+        <g
+           id="g3064">
+          <path
+             style="fill:#ffc53e"
+             inkscape:connector-curvature="0"
+             d="m -262,81 c -0.9,0 -1.8,-0.3 -2.4,-1 l -25.2,-24 v 36.8 h 55.3 V 56 l -25.2,24 c -0.7,0.7 -1.6,1 -2.5,1 z"
+             id="path3062" />
+        </g>
+        <g
+           id="g3068">
+          <path
+             style="fill:#2fa99d"
+             inkscape:connector-curvature="0"
+             d="m -189,73 c -11.2,0 -25.4,-7.6 -38.3,-18.4 V 91.5 C -214.3,80.6 -200.1,73 -189,73 Z"
+             id="path3066" />
+        </g>
+        <g
+           id="g3072">
+          <polygon
+             style="fill:#ffc53e"
+             points="-262,72.6 -240.6,52.2 -283.3,52.2 "
+             id="polygon3070" />
+        </g>
+        <g
+           id="g3076">
+          <path
+             style="fill:#2fa99d"
+             inkscape:connector-curvature="0"
+             d="m -262,0 c 0,13.2 -10.6,30.6 -24.6,45.1 h 49.3 C -251.4,30.6 -262,13.2 -262,0 Z"
+             id="path3074" />
+        </g>
+        <g
+           id="g3080">
+          <path
+             style="fill:#2fa99d"
+             inkscape:connector-curvature="0"
+             d="m -262,146 c 0,-13.5 11.1,-31.4 25.6,-46.1 h -51.1 c 14.5,14.7 25.5,32.6 25.5,46.1 z"
+             id="path3078" />
+        </g>
+        <g
+           id="g3084">
+          <path
+             style="fill:#2fa99d"
+             inkscape:connector-curvature="0"
+             d="m -335,73 c 11.2,0 25.4,7.6 38.3,18.4 V 54.6 C -309.6,65.4 -323.8,73 -335,73 Z"
+             id="path3082" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/ui/icons/vertical_white.png b/ui/icons/vertical_white.png
new file mode 100644
index 0000000..f1e49c5
--- /dev/null
+++ b/ui/icons/vertical_white.png
diff --git a/ui/icons/vertical_white.svg b/ui/icons/vertical_white.svg
new file mode 100644
index 0000000..2421d9d
--- /dev/null
+++ b/ui/icons/vertical_white.svg
@@ -0,0 +1,181 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="52.784374mm"
+   height="55.747707mm"
+   viewBox="0 0 52.784374 55.747707"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="Vertical_White.svg"
+   inkscape:version="0.92.1 r15371">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#7e7e7e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="83.954659"
+     inkscape:cy="173.49082"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"<