Fully Scalable UI Part 2

Add default rack LEDs, dials and buttons SVGs

resources/scalable/button_edit-black.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="22"
+   height="22"
+   viewBox="0 0 5.8208332 5.8208335"
+   version="1.1"
+   id="svg2322"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="button_edit-black.svg">
+  <defs
+     id="defs2316" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="46.477549"
+     inkscape:cx="6.9071661"
+     inkscape:cy="9.1930313"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2560"
+     inkscape:window-height="1368"
+     inkscape:window-x="0"
+     inkscape:window-y="35"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2319">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       class="fil0"
+       d="M 4.9768618,4.0131254 C 4.5215782,3.6733816 3.9149534,3.2078546 3.2689537,2.6480165 2.9720696,2.3316514 3.3135978,2.0808897 3.1910047,1.5311811 3.1482353,1.3397084 3.0018021,1.1451248 2.8575121,1.0668984 2.6682203,0.96396201 2.0790041,0.79284542 1.8093539,0.79373422 1.7658699,0.83053532 1.690421,0.91418222 1.6280093,0.98440663 1.6623853,1.0272525 2.2194571,1.4088646 2.267495,1.4461975 2.4137488,1.5594476 2.4633032,1.5595327 2.4063376,1.8040767 2.3421404,2.0795539 2.1870446,2.2995606 1.9454285,2.4460532 1.6116664,2.6481905 1.6872942,2.6047249 1.2254067,2.2692483 L 0.93352293,2.0623064 c -0.03384,0.073602 -0.080538,0.1472044 -0.13187869,0.2671196 0.13562869,0.2273849 0.60867896,0.8782492 0.81904446,0.9530944 0.3957252,0.1409813 0.761272,-0.1544065 0.9777972,0.061156 0.454032,0.4418803 0.8231498,0.757089 1.499153,1.6152492 0.2891158,0.3462316 1.1701238,-0.7287329 0.8792229,-0.9458002 z"
+       id="path7"
+       inkscape:connector-curvature="0"
+       style="clip-rule:evenodd;opacity:1;fill:none;fill-rule:evenodd;stroke:#111111;stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision" />
+  </g>
+</svg>

resources/scalable/button_edit-white.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   sodipodi:docname="button_edit-white.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg2322"
+   version="1.1"
+   viewBox="0 0 5.8208332 5.8208335"
+   height="22"
+   width="22">
+  <defs
+     id="defs2316" />
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="9.1930313"
+     inkscape:cx="6.9071661"
+     inkscape:zoom="38.371"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata2319">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <path
+       style="clip-rule:evenodd;opacity:0.8;fill:none;fill-rule:evenodd;stroke:#666666;stroke-width:0.24858;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision"
+       inkscape:connector-curvature="0"
+       id="path7"
+       d="M 4.8482413,3.9483416 C 4.4212874,3.6285577 3.8524092,3.1903801 3.2466062,2.6634321 2.9681955,2.3656532 3.2884723,2.1296236 3.1735074,1.6122102 3.1333994,1.4319863 2.9960779,1.2488346 2.8607662,1.1752038 2.6832529,1.0783149 2.1307003,0.91725136 1.8778286,0.91808793 1.8370505,0.95272699 1.7662962,1.0314597 1.707768,1.0975584 1.7400052,1.137887 2.2624137,1.4970796 2.3074624,1.5322193 2.4446157,1.638816 2.4910865,1.6388962 2.4376656,1.8690732 2.3774631,2.1283663 2.2320179,2.3354477 2.0054362,2.4733339 1.692442,2.6635959 1.763364,2.6226839 1.3302173,2.3069162 L 1.0564957,2.1121321 C 1.0247613,2.1814101 0.98096909,2.2506882 0.93282299,2.3635585 1.0600124,2.5775846 1.5036273,3.1902112 1.7009029,3.2606592 2.0720046,3.3933578 2.4148056,3.1153239 2.6178575,3.3182226 3.043638,3.7341426 3.3897877,4.0308334 4.0237274,4.8385769 4.2948533,5.1644674 5.121041,4.1526565 4.8482413,3.9483416 Z"
+       class="fil0" />
+  </g>
+</svg>

resources/scalable/button_edit_down-black.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="22"
+   height="22"
+   viewBox="0 0 5.8208332 5.8208335"
+   version="1.1"
+   id="svg2322"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="button_edit_down-black.svg">
+  <defs
+     id="defs2316" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="48.217914"
+     inkscape:cx="4.5253564"
+     inkscape:cy="15.653264"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2560"
+     inkscape:window-height="1368"
+     inkscape:window-x="0"
+     inkscape:window-y="35"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2319">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       class="fil0"
+       d="M 4.9689676,4.0131448 C 4.513684,3.673401 3.9070592,3.2078739 3.2610594,2.6480358 2.9641753,2.3316706 3.3057035,2.0809089 3.1831104,1.5312006 3.140341,1.3397278 2.9939078,1.1451443 2.8496178,1.0669178 2.660326,0.96398134 2.0711098,0.79286471 1.8014595,0.79375351 1.7579755,0.83055461 1.6825266,0.91420154 1.6201149,0.98442594 1.6544909,1.0272719 2.2115628,1.408884 2.2596007,1.4462169 2.4058545,1.559467 2.4554089,1.5595521 2.3984433,1.8040959 2.3342461,2.0795731 2.1791503,2.2995798 1.9375341,2.4460724 1.603772,2.6482097 1.6793998,2.6047442 1.2175125,2.2692675 L 0.92562869,2.0623256 C 0.89178869,2.1359276 0.84509069,2.20953 0.79374999,2.3294452 0.92937869,2.5568301 1.4024288,3.2076944 1.6127943,3.2825396 2.0085196,3.4235208 2.3740664,3.1281331 2.5905916,3.3436956 3.0446236,3.7855759 3.4137414,4.1007849 4.0897448,4.958945 4.3788605,5.3051764 5.2598685,4.2302119 4.9689676,4.0131448 Z"
+       id="path7"
+       inkscape:connector-curvature="0"
+       style="clip-rule:evenodd;opacity:1;fill:#1a1a1a;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision" />
+  </g>
+</svg>

resources/scalable/button_edit_down-white.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   sodipodi:docname="button_edit_down-white.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg2322"
+   version="1.1"
+   viewBox="0 0 5.8208332 5.8208335"
+   height="22"
+   width="22">
+  <defs
+     id="defs2316" />
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="10.487821"
+     inkscape:cx="11.885549"
+     inkscape:zoom="28.148375"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata2319">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <path
+       style="clip-rule:evenodd;opacity:1;fill:#f0f0f0;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264584;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision"
+       inkscape:connector-curvature="0"
+       id="path7"
+       d="M 4.9689676,4.0131446 C 4.5136841,3.673401 3.9070592,3.207874 3.2610594,2.6480357 2.9641753,2.3316707 3.3057034,2.0809089 3.1831103,1.5312004 3.140341,1.3397277 2.9939078,1.1451443 2.8496178,1.0669177 2.660326,0.96398133 2.0711099,0.79286488 1.8014595,0.79375367 1.7579756,0.83055477 1.6825266,0.91420173 1.6201148,0.98442603 1.6544911,1.0272717 2.2115629,1.4088839 2.2596007,1.4462168 2.4058545,1.5594669 2.4554088,1.5595521 2.3984433,1.8040959 2.3342461,2.0795732 2.1791502,2.2995798 1.9375342,2.4460724 1.6037719,2.6482098 1.6793998,2.6047442 1.2175126,2.2692675 L 0.92562873,2.0623257 c -0.03384,0.073602 -0.080538,0.1472042 -0.13187871,0.2671195 C 0.92937883,2.55683 1.4024288,3.2076945 1.6127942,3.2825396 2.0085196,3.4235207 2.3740664,3.128133 2.5905914,3.3436956 3.0446237,3.7855758 3.4137414,4.100785 4.0897448,4.9589448 4.3788607,5.3051763 5.2598684,4.2302118 4.9689676,4.0131446 Z"
+       class="fil0" />
+  </g>
+</svg>

resources/scalable/button_edit_hover-black.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="22"
+   height="22"
+   viewBox="0 0 5.8208332 5.8208335"
+   version="1.1"
+   id="svg2322"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="button_edit_hover-black.svg">
+  <defs
+     id="defs2316" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="24.108958"
+     inkscape:cx="9.9516795"
+     inkscape:cy="11.912953"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2560"
+     inkscape:window-height="1368"
+     inkscape:window-x="0"
+     inkscape:window-y="35"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2319">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       class="fil0"
+       d="M 4.968968,4.0131448 C 4.513684,3.673401 3.907059,3.2078739 3.261059,2.6480358 2.9641752,2.3316706 3.305703,2.0809089 3.18311,1.5312006 3.140341,1.3397278 2.9939077,1.1451443 2.8496177,1.0669178 2.6603259,0.96398139 2.0711097,0.79286469 1.8014594,0.79375349 1.7579754,0.83055449 1.6825265,0.91420159 1.6201148,0.98442599 1.6544908,1.027272 2.2115627,1.408884 2.2596006,1.4462169 2.4058544,1.559467 2.4554088,1.5595521 2.3984432,1.8040959 2.3342462,2.0795731 2.1791502,2.2995798 1.937534,2.4460724 1.6037719,2.6482097 1.6793997,2.6047442 1.2175124,2.2692675 L 0.92562862,2.0623256 C 0.89178862,2.1359276 0.84509062,2.20953 0.79374992,2.3294452 0.92937862,2.5568301 1.4024287,3.2076944 1.6127942,3.2825396 2.0085195,3.4235208 2.3740663,3.1281331 2.5905915,3.3436956 3.0446235,3.7855759 3.413741,4.1007849 4.089745,4.958945 4.37886,5.3051764 5.259868,4.2302119 4.968968,4.0131448 Z"
+       id="path7"
+       inkscape:connector-curvature="0"
+       style="clip-rule:evenodd;opacity:1;fill:#4f4c4c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision" />
+  </g>
+</svg>

resources/scalable/button_edit_hover-white.svg

@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="button_edit_hover-white.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg2322"
+   version="1.1"
+   viewBox="0 0 5.8208332 5.8208335"
+   height="22"
+   width="22">
+  <defs
+     id="defs2316">
+    <linearGradient
+       id="linearGradient3021"
+       inkscape:collect="always">
+      <stop
+         id="stop3017"
+         offset="0"
+         style="stop-color:#bebebe;stop-opacity:1" />
+      <stop
+         id="stop3019"
+         offset="1"
+         style="stop-color:#808080;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       r="2.1166666"
+       fy="2.8593005"
+       fx="2.8133478"
+       cy="2.8593005"
+       cx="2.8133478"
+       id="radialGradient3023"
+       xlink:href="#linearGradient3021"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="12.037157"
+     inkscape:cx="9.3944851"
+     inkscape:zoom="38.371"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata2319">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <path
+       style="clip-rule:evenodd;fill:url(#radialGradient3023);fill-rule:evenodd;stroke-width:47.8398;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;fill-opacity:1"
+       inkscape:connector-curvature="0"
+       id="path7"
+       d="M 4.8718987,3.9620286 C 4.4166151,3.6222848 3.8099903,3.1567578 3.1639905,2.5969197 2.8671064,2.2805545 3.2086346,2.0297928 3.0860415,1.4800843 3.0432721,1.2886115 2.8968389,1.094028 2.7525489,1.0158016 2.5632571,0.91286512 1.974041,0.74174852 1.7043907,0.74263731 1.6609063,0.77943845 1.5854578,0.86308539 1.5230461,0.93330977 1.5574223,0.97615568 2.114494,1.3577677 2.1625319,1.3951006 2.3087857,1.5083507 2.35834,1.5084358 2.3013745,1.7529798 2.2371773,2.028457 2.0820815,2.2484637 1.8404653,2.3949563 1.5067032,2.5970936 1.582331,2.5536281 1.1204437,2.2181514 L 0.82855988,2.0112095 C 0.79471938,2.0848115 0.74802188,2.1584139 0.69668118,2.2783291 0.83230988,2.505714 1.30536,3.1565783 1.5157255,3.2314235 1.9114508,3.3724047 2.2769976,3.077017 2.4935227,3.2925795 2.9475547,3.7344597 3.3166725,4.0496687 3.9926759,4.9078288 4.2817916,5.2540602 5.1627996,4.1790957 4.8718987,3.9620286 Z"
+       class="fil0" />
+  </g>
+</svg>

resources/scalable/button_gui-white.svg

@@ -0,0 +1,140 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   viewBox="0 0 5.8208332 5.8208335"
+   version="1.1"
+   id="svg848"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="button_gui-white.svg">
+  <defs
+     id="defs842">
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1647"
+       id="radialGradient1649"
+       cx="9.5299931"
+       cy="3.3970108"
+       fx="9.5299931"
+       fy="3.3970108"
+       r="2.778137"
+       gradientTransform="matrix(0.99999997,0,0,1.0258555,-6.6195764,-0.57442563)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1647">
+      <stop
+         style="stop-color:#00ff66;stop-opacity:1"
+         offset="0"
+         id="stop1643" />
+      <stop
+         style="stop-color:#00d455;stop-opacity:1"
+         offset="1"
+         id="stop1645" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-nodes="false"
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="46.477549"
+     inkscape:cx="8.3168922"
+     inkscape:cy="11.690752"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2560"
+     inkscape:window-height="1368"
+     inkscape:window-x="0"
+     inkscape:window-y="35"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:lockguides="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1508" />
+    <sodipodi:guide
+       id="guide1706"
+       orientation="0.5253219888177297,0.5253219888177297"
+       position="5.82083,0"
+       inkscape:locked="true" />
+    <sodipodi:guide
+       id="guide1708"
+       orientation="-0.8509035245341184,0.8509035245341184"
+       position="5.82083,5.82083"
+       inkscape:locked="true" />
+    <sodipodi:guide
+       position="2.6273125,5.0270833"
+       orientation="0,1"
+       id="guide1717"
+       inkscape:label=""
+       inkscape:locked="true"
+       inkscape:color="rgb(0,0,255)" />
+    <sodipodi:guide
+       position="2.7443685,0.79375"
+       orientation="0,1"
+       id="guide1719"
+       inkscape:label=""
+       inkscape:locked="true"
+       inkscape:color="rgb(0,0,255)" />
+    <sodipodi:guide
+       position="0.79375,2.3340272"
+       orientation="-1,0"
+       id="guide1721"
+       inkscape:label=""
+       inkscape:locked="true"
+       inkscape:color="rgb(0,0,255)" />
+    <sodipodi:guide
+       position="5.0270833,2.3709223"
+       orientation="-1,0"
+       id="guide1723"
+       inkscape:label=""
+       inkscape:locked="true"
+       inkscape:color="rgb(0,0,255)" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata845">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       transform="matrix(14.907458,0,0,14.907458,0.91825696,0.97835572)"
+       style="clip-rule:evenodd;opacity:1;fill:none;fill-rule:evenodd;stroke:#666666;stroke-width:0.0167044;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision"
+       id="Layer_x0020_1">
+      <metadata
+         id="CorelCorpID_0Corel-Layer" />
+      <path
+         style="fill:none;stroke:#666666;stroke-width:0.0167044;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         class="fil0"
+         d="M 0.26727,0.111367 0.2313736,0.1017138 0.2211725,0.0789915 C 0.2270835,0.0704575 0.2368648,0.0557795 0.2405314,0.0490876 L 0.2139793,0.0240511 C 0.2036499,0.03043993 0.1918924,0.0383968 0.1805021,0.0459224 0.17210802,0.04108414 0.167433,0.03868833 0.1606361,0.0342465 0.15765154,0.0212357 0.15680047,0.0171202 0.15276082,4.06e-5 c -0.0127485,-5.2463e-5 -0.0255029,-5.2463e-5 -0.0382514,0 -0.004045,0.0170796 -0.004897,0.0211951 -0.007881,0.0342059 C 0.09983732,0.0386884 0.09515652,0.0410842 0.08676822,0.0459224 0.07537201,0.03839687 0.06361441,0.03044 0.05329091,0.0240511 l -0.0265521,0.0250365 c 0.0036666,0.0066919 0.0134422,0.0213699 0.0193589,0.0299039 L 0.03589071,0.1017138 2.1e-7,0.111367 v 0.0364735 l 0.0358905,0.009653 0.010207,0.0227223 c -0.0059167,0.008534 -0.0156923,0.023212 -0.0193589,0.0299039 l 0.0265521,0.0250365 c 0.0103236,-0.006389 0.0220811,-0.0143399 0.0334772,-0.0218713 0.0083882,0.004838 0.0130691,0.007234 0.0198602,0.0116759 0.002985,0.0130108 0.003836,0.0171263 0.007881,0.0342059 0.0127485,5.246e-5 0.0255029,5.246e-5 0.0382514,0 0.00404,-0.0170796 0.004891,-0.0211951 0.007875,-0.0342059 0.006797,-0.004442 0.0114719,-0.006838 0.019866,-0.0116759 0.0113903,0.007531 0.0231479,0.0154824 0.0334772,0.0218713 L 0.2405314,0.2101199 C 0.23686482,0.20342795 0.2270834,0.18875 0.2211725,0.180216 L 0.2313736,0.1574937 0.26727,0.1478405 Z M 0.133635,0.0801165 c 0.0273332,0 0.0494843,0.0221511 0.0494843,0.0494843 0,0.0273332 -0.0221511,0.0494843 -0.0494843,0.0494843 -0.0273332,0 -0.0494843,-0.0221511 -0.0494843,-0.0494843 0,-0.0273332 0.0221511,-0.0494843 0.0494843,-0.0494843 z"
+         id="path7" />
+    </g>
+  </g>
+</svg>

resources/scalable/button_gui_down-white.svg

@@ -0,0 +1,140 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="button_gui_down-white.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg848"
+   version="1.1"
+   viewBox="0 0 5.8208332 5.8208335"
+   height="22"
+   width="22">
+  <defs
+     id="defs842">
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99999997,0,0,1.0258555,-6.6195764,-0.57442563)"
+       r="2.778137"
+       fy="3.3970108"
+       fx="9.5299931"
+       cy="3.3970108"
+       cx="9.5299931"
+       id="radialGradient1649"
+       xlink:href="#linearGradient1647"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient1647"
+       inkscape:collect="always">
+      <stop
+         id="stop1643"
+         offset="0"
+         style="stop-color:#00ff66;stop-opacity:1" />
+      <stop
+         id="stop1645"
+         offset="1"
+         style="stop-color:#00d455;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     inkscape:lockguides="true"
+     inkscape:guide-bbox="true"
+     showguides="true"
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="11.690752"
+     inkscape:cx="8.3168922"
+     inkscape:zoom="56.296749"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     inkscape:snap-nodes="false"
+     inkscape:snap-object-midpoints="true">
+    <inkscape:grid
+       id="grid1508"
+       type="xygrid" />
+    <sodipodi:guide
+       inkscape:locked="true"
+       position="5.82083,0"
+       orientation="0.5253219888177297,0.5253219888177297"
+       id="guide1706" />
+    <sodipodi:guide
+       inkscape:locked="true"
+       position="5.82083,5.82083"
+       orientation="-0.8509035245341184,0.8509035245341184"
+       id="guide1708" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1717"
+       orientation="0,1"
+       position="2.6273125,5.0270833" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1719"
+       orientation="0,1"
+       position="2.7443685,0.79375" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1721"
+       orientation="-1,0"
+       position="0.79375,2.3340272" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1723"
+       orientation="-1,0"
+       position="5.0270833,2.3709223" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata845">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       id="Layer_x0020_1"
+       style="clip-rule:evenodd;opacity:1;fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.0167044;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision"
+       transform="matrix(15.839176,0,0,15.839176,0.79374673,0.85760167)">
+      <metadata
+         id="CorelCorpID_0Corel-Layer" />
+      <path
+         id="path7"
+         d="M 0.26727,0.111367 0.2313736,0.1017138 0.2211725,0.0789915 C 0.2270835,0.0704575 0.2368648,0.0557795 0.2405314,0.0490876 L 0.2139793,0.0240511 C 0.2036499,0.03043993 0.1918924,0.0383968 0.1805021,0.0459224 0.17210802,0.04108414 0.167433,0.03868833 0.1606361,0.0342465 0.15765154,0.0212357 0.15680047,0.0171202 0.15276082,4.06e-5 c -0.0127485,-5.2463e-5 -0.0255029,-5.2463e-5 -0.0382514,0 -0.004045,0.0170796 -0.004897,0.0211951 -0.007881,0.0342059 C 0.09983732,0.0386884 0.09515652,0.0410842 0.08676822,0.0459224 0.07537201,0.03839687 0.06361441,0.03044 0.05329091,0.0240511 l -0.0265521,0.0250365 c 0.0036666,0.0066919 0.0134422,0.0213699 0.0193589,0.0299039 L 0.03589071,0.1017138 2.1e-7,0.111367 v 0.0364735 l 0.0358905,0.009653 0.010207,0.0227223 c -0.0059167,0.008534 -0.0156923,0.023212 -0.0193589,0.0299039 l 0.0265521,0.0250365 c 0.0103236,-0.006389 0.0220811,-0.0143399 0.0334772,-0.0218713 0.0083882,0.004838 0.0130691,0.007234 0.0198602,0.0116759 0.002985,0.0130108 0.003836,0.0171263 0.007881,0.0342059 0.0127485,5.246e-5 0.0255029,5.246e-5 0.0382514,0 0.00404,-0.0170796 0.004891,-0.0211951 0.007875,-0.0342059 0.006797,-0.004442 0.0114719,-0.006838 0.019866,-0.0116759 0.0113903,0.007531 0.0231479,0.0154824 0.0334772,0.0218713 L 0.2405314,0.2101199 C 0.23686482,0.20342795 0.2270834,0.18875 0.2211725,0.180216 L 0.2313736,0.1574937 0.26727,0.1478405 Z M 0.133635,0.0801165 c 0.0273332,0 0.0494843,0.0221511 0.0494843,0.0494843 0,0.0273332 -0.0221511,0.0494843 -0.0494843,0.0494843 -0.0273332,0 -0.0494843,-0.0221511 -0.0494843,-0.0494843 0,-0.0273332 0.0221511,-0.0494843 0.0494843,-0.0494843 z"
+         class="fil0"
+         style="fill:#ffffff;stroke:none;stroke-width:0.0167044;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>

resources/scalable/button_gui_hover-white.svg

@@ -0,0 +1,175 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="button_gui_hover-white.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg848"
+   version="1.1"
+   viewBox="0 0 5.8208332 5.8208335"
+   height="22"
+   width="22">
+  <defs
+     id="defs842">
+    <linearGradient
+       id="linearGradient848"
+       inkscape:collect="always">
+      <stop
+         id="stop844"
+         offset="0"
+         style="stop-color:#bebebe;stop-opacity:1" />
+      <stop
+         id="stop846"
+         offset="1"
+         style="stop-color:#808080;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99999997,0,0,1.0258555,-6.6195764,-0.57442563)"
+       r="2.778137"
+       fy="3.3970108"
+       fx="9.5299931"
+       cy="3.3970108"
+       cx="9.5299931"
+       id="radialGradient1649"
+       xlink:href="#linearGradient1647"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient1647"
+       inkscape:collect="always">
+      <stop
+         id="stop1643"
+         offset="0"
+         style="stop-color:#00ff66;stop-opacity:1" />
+      <stop
+         id="stop1645"
+         offset="1"
+         style="stop-color:#00d455;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.96982451,0,0.00391085)"
+       r="0.1336349"
+       fy="0.12960365"
+       fx="0.13363511"
+       cy="0.12960365"
+       cx="0.13363511"
+       id="radialGradient850"
+       xlink:href="#linearGradient848"
+       inkscape:collect="always" />
+    <radialGradient
+       r="0.1336349"
+       fy="0.12960365"
+       fx="0.13363511"
+       cy="0.12960365"
+       cx="0.13363511"
+       gradientTransform="matrix(1,0,0,0.96982451,0,0.00391085)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient852"
+       xlink:href="#linearGradient848"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:lockguides="true"
+     inkscape:guide-bbox="true"
+     showguides="true"
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="11.690752"
+     inkscape:cx="8.3168922"
+     inkscape:zoom="56.296749"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     inkscape:snap-nodes="false"
+     inkscape:snap-object-midpoints="true">
+    <inkscape:grid
+       id="grid1508"
+       type="xygrid" />
+    <sodipodi:guide
+       inkscape:locked="true"
+       position="5.82083,0"
+       orientation="0.5253219888177297,0.5253219888177297"
+       id="guide1706" />
+    <sodipodi:guide
+       inkscape:locked="true"
+       position="5.82083,5.82083"
+       orientation="-0.8509035245341184,0.8509035245341184"
+       id="guide1708" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1717"
+       orientation="0,1"
+       position="2.6273125,5.0270833" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1719"
+       orientation="0,1"
+       position="2.7443685,0.79375" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1721"
+       orientation="-1,0"
+       position="0.79375,2.3340272" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1723"
+       orientation="-1,0"
+       position="5.0270833,2.3709223" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata845">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       id="Layer_x0020_1"
+       style="clip-rule:evenodd;opacity:1;fill:url(#radialGradient850);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0167044;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;image-rendering:optimizeQuality;shape-rendering:geometricPrecision;text-rendering:geometricPrecision"
+       transform="matrix(15.839176,0,0,15.839176,0.79374673,0.85760167)">
+      <metadata
+         style="fill:url(#radialGradient850);fill-opacity:1"
+         id="CorelCorpID_0Corel-Layer" />
+      <path
+         id="path7"
+         d="M 0.26727,0.111367 0.2313736,0.1017138 0.2211725,0.0789915 C 0.2270835,0.0704575 0.2368648,0.0557795 0.2405314,0.0490876 L 0.2139793,0.0240511 C 0.2036499,0.03043993 0.1918924,0.0383968 0.1805021,0.0459224 0.17210802,0.04108414 0.167433,0.03868833 0.1606361,0.0342465 0.15765154,0.0212357 0.15680047,0.0171202 0.15276082,4.06e-5 c -0.0127485,-5.2463e-5 -0.0255029,-5.2463e-5 -0.0382514,0 -0.004045,0.0170796 -0.004897,0.0211951 -0.007881,0.0342059 C 0.09983732,0.0386884 0.09515652,0.0410842 0.08676822,0.0459224 0.07537201,0.03839687 0.06361441,0.03044 0.05329091,0.0240511 l -0.0265521,0.0250365 c 0.0036666,0.0066919 0.0134422,0.0213699 0.0193589,0.0299039 L 0.03589071,0.1017138 2.1e-7,0.111367 v 0.0364735 l 0.0358905,0.009653 0.010207,0.0227223 c -0.0059167,0.008534 -0.0156923,0.023212 -0.0193589,0.0299039 l 0.0265521,0.0250365 c 0.0103236,-0.006389 0.0220811,-0.0143399 0.0334772,-0.0218713 0.0083882,0.004838 0.0130691,0.007234 0.0198602,0.0116759 0.002985,0.0130108 0.003836,0.0171263 0.007881,0.0342059 0.0127485,5.246e-5 0.0255029,5.246e-5 0.0382514,0 0.00404,-0.0170796 0.004891,-0.0211951 0.007875,-0.0342059 0.006797,-0.004442 0.0114719,-0.006838 0.019866,-0.0116759 0.0113903,0.007531 0.0231479,0.0154824 0.0334772,0.0218713 L 0.2405314,0.2101199 C 0.23686482,0.20342795 0.2270834,0.18875 0.2211725,0.180216 L 0.2313736,0.1574937 0.26727,0.1478405 Z M 0.133635,0.0801165 c 0.0273332,0 0.0494843,0.0221511 0.0494843,0.0494843 0,0.0273332 -0.0221511,0.0494843 -0.0494843,0.0494843 -0.0273332,0 -0.0494843,-0.0221511 -0.0494843,-0.0494843 0,-0.0273332 0.0221511,-0.0494843 0.0494843,-0.0494843 z"
+         class="fil0"
+         style="fill:url(#radialGradient852);fill-opacity:1;stroke:none;stroke-width:0.0167044;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>

resources/scalable/button_off.svg

@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="button_off.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg848"
+   version="1.1"
+   viewBox="0 0 5.8208332 5.8208335"
+   height="22"
+   width="22">
+  <defs
+     id="defs842">
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99999997,0,0,1.0258555,-6.6195764,-0.57442563)"
+       r="2.778137"
+       fy="3.3970108"
+       fx="9.5299931"
+       cy="3.3970108"
+       cx="9.5299931"
+       id="radialGradient1649"
+       xlink:href="#linearGradient1647"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient1647"
+       inkscape:collect="always">
+      <stop
+         id="stop1643"
+         offset="0"
+         style="stop-color:#00ff66;stop-opacity:1" />
+      <stop
+         id="stop1645"
+         offset="1"
+         style="stop-color:#00d455;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1830"
+       id="radialGradient1832"
+       cx="10.999754"
+       cy="11.000067"
+       fx="10.999754"
+       fy="11.000067"
+       r="7.9997692"
+       gradientTransform="matrix(0.26458332,0,0,0.2645774,6.4975326e-5,4.7555506e-5)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1830">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:1;"
+         offset="0"
+         id="stop1826" />
+      <stop
+         style="stop-color:#a72525;stop-opacity:1"
+         offset="1"
+         id="stop1828" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     inkscape:lockguides="true"
+     inkscape:guide-bbox="true"
+     showguides="true"
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="10.392485"
+     inkscape:cx="3.6783183"
+     inkscape:zoom="39.807813"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base">
+    <inkscape:grid
+       id="grid1508"
+       type="xygrid" />
+    <sodipodi:guide
+       inkscape:locked="true"
+       position="5.82083,0"
+       orientation="0.5253219888177297,0.5253219888177297"
+       id="guide1706" />
+    <sodipodi:guide
+       inkscape:locked="true"
+       position="5.82083,5.82083"
+       orientation="-0.8509035245341184,0.8509035245341184"
+       id="guide1708" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1717"
+       orientation="0,1"
+       position="2.6273125,5.0270833" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1719"
+       orientation="0,1"
+       position="2.7443685,0.79375" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1721"
+       orientation="-1,0"
+       position="0.79375,2.3340272" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1723"
+       orientation="-1,0"
+       position="5.0270833,2.3709223" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata845">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <path
+       id="path1725"
+       style="opacity:1;fill:url(#radialGradient1832);fill-opacity:1;stroke:#800000;stroke-width:0.1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 2.6298786,0.84385854 V 2.8602729 H 3.1910847 V 0.84385854 Z M 3.8365232,1.0629666 v 0.6046143 a 1.5499478,1.549969 0 0 1 0.6232182,1.2076783 l 5.291e-4,0.03514 A 1.5499478,1.549969 0 0 1 2.9197834,4.4601752 1.5499478,1.549969 0 0 1 1.3607055,2.927969 1.5499478,1.549969 0 0 1 1.98444,1.6670641 V 1.0634834 A 2.0666003,2.0666281 0 0 0 0.84394122,2.9341703 2.0666003,2.0666281 0 0 0 2.9223673,4.9769395 2.0666003,2.0666281 0 0 0 4.9770221,2.9103991 L 4.976493,2.8633736 A 2.0666003,2.0666281 0 0 0 3.8365232,1.0629666 Z" />
+  </g>
+</svg>

resources/scalable/button_on.svg

@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="button_on.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg848"
+   version="1.1"
+   viewBox="0 0 5.8208332 5.8208335"
+   height="22"
+   width="22">
+  <defs
+     id="defs842">
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99999997,0,0,1.0258555,-6.6195764,-0.57442563)"
+       r="2.778137"
+       fy="3.3970108"
+       fx="9.5299931"
+       cy="3.3970108"
+       cx="9.5299931"
+       id="radialGradient1649"
+       xlink:href="#linearGradient1647"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient1647"
+       inkscape:collect="always">
+      <stop
+         id="stop1643"
+         offset="0"
+         style="stop-color:#00ff66;stop-opacity:1" />
+      <stop
+         id="stop1645"
+         offset="1"
+         style="stop-color:#00d455;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1820"
+       id="radialGradient1824"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.26458331,0,0,0.26457739,6.5115772e-5,4.7515801e-5)"
+       cx="10.999754"
+       cy="11.000067"
+       fx="10.999754"
+       fy="11.000067"
+       r="7.9997692" />
+    <linearGradient
+       id="linearGradient1820"
+       inkscape:collect="always">
+      <stop
+         id="stop1816"
+         offset="0"
+         style="stop-color:#00ff66;stop-opacity:0.99830526" />
+      <stop
+         id="stop1818"
+         offset="1"
+         style="stop-color:#77a67d;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     inkscape:lockguides="true"
+     inkscape:guide-bbox="true"
+     showguides="true"
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="10.206868"
+     inkscape:cx="8.6882935"
+     inkscape:zoom="56.296749"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base">
+    <inkscape:grid
+       id="grid1508"
+       type="xygrid" />
+    <sodipodi:guide
+       inkscape:locked="true"
+       position="5.82083,0"
+       orientation="0.5253219888177297,0.5253219888177297"
+       id="guide1706" />
+    <sodipodi:guide
+       inkscape:locked="true"
+       position="5.82083,5.82083"
+       orientation="-0.8509035245341184,0.8509035245341184"
+       id="guide1708" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1717"
+       orientation="0,1"
+       position="2.6273125,5.0270833" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1719"
+       orientation="0,1"
+       position="2.7443685,0.79375" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1721"
+       orientation="-1,0"
+       position="0.79375,2.3340272" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide1723"
+       orientation="-1,0"
+       position="5.0270833,2.3709223" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata845">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <path
+       d="M 2.6298792,0.84385852 V 2.860273 h 0.561206 V 0.84385852 Z m 1.206644,0.21910808 v 0.6046142 a 1.5499478,1.549969 0 0 1 0.6232179,1.2076785 l 5.292e-4,0.03514 A 1.5499478,1.549969 0 0 1 2.9197832,4.4601752 1.5499478,1.549969 0 0 1 1.3607052,2.927969 1.5499478,1.549969 0 0 1 1.9844402,1.667064 V 1.0634832 A 2.0666003,2.0666281 0 0 0 0.84394122,2.9341703 2.0666003,2.0666281 0 0 0 2.9223672,4.9769395 2.0666003,2.0666281 0 0 0 4.9770221,2.9103991 L 4.976493,2.8633741 A 2.0666003,2.0666281 0 0 0 3.8365232,1.0629666 Z"
+       style="opacity:1;fill:url(#radialGradient1824);fill-opacity:1;stroke:#005522;stroke-width:0.1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path1822" />
+  </g>
+</svg>

resources/scalable/dial_03.svg

@@ -0,0 +1,483 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="34"
+   height="34"
+   viewBox="0 0 8.9958338 8.9958338"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="dial_03.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5059">
+      <stop
+         style="stop-color:#919191;stop-opacity:1"
+         offset="0"
+         id="stop5055" />
+      <stop
+         style="stop-color:#212121;stop-opacity:1"
+         offset="1"
+         id="stop5057" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3239"
+       inkscape:collect="always">
+      <stop
+         id="stop3235"
+         offset="0"
+         style="stop-color:#262626;stop-opacity:1" />
+      <stop
+         id="stop3237"
+         offset="1"
+         style="stop-color:#474747;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2939">
+      <stop
+         style="stop-color:#141414;stop-opacity:1"
+         offset="0"
+         id="stop2935" />
+      <stop
+         style="stop-color:#6c6c6c;stop-opacity:1"
+         offset="1"
+         id="stop2937" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2917"
+       inkscape:collect="always">
+      <stop
+         id="stop2913"
+         offset="0"
+         style="stop-color:#757575;stop-opacity:1" />
+      <stop
+         id="stop2915"
+         offset="1"
+         style="stop-color:#212121;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2909"
+       inkscape:collect="always">
+      <stop
+         id="stop2905"
+         offset="0"
+         style="stop-color:#141414;stop-opacity:1" />
+      <stop
+         id="stop2907"
+         offset="1"
+         style="stop-color:#b3b3b3;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1632">
+      <stop
+         style="stop-color:#4f4f4f;stop-opacity:1"
+         offset="0"
+         id="stop1628" />
+      <stop
+         style="stop-color:#a2a2a2;stop-opacity:1"
+         offset="1"
+         id="stop1630" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1583"
+       inkscape:collect="always">
+      <stop
+         id="stop1579"
+         offset="0"
+         style="stop-color:#4f4f4f;stop-opacity:1" />
+      <stop
+         id="stop1581"
+         offset="1"
+         style="stop-color:#878787;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1567"
+       inkscape:collect="always">
+      <stop
+         id="stop1563"
+         offset="0"
+         style="stop-color:#272727;stop-opacity:1;" />
+      <stop
+         id="stop1565"
+         offset="1"
+         style="stop-color:#434343;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1551"
+       inkscape:collect="always">
+      <stop
+         id="stop1547"
+         offset="0"
+         style="stop-color:#484848;stop-opacity:1;" />
+      <stop
+         id="stop1549"
+         offset="1"
+         style="stop-color:#484848;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient869">
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="0"
+         id="stop865" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop867" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1190"
+       inkscape:collect="always">
+      <stop
+         id="stop1186"
+         offset="0"
+         style="stop-color:#999999;stop-opacity:1;" />
+      <stop
+         id="stop1188"
+         offset="1"
+         style="stop-color:#353535;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1090">
+      <stop
+         style="stop-color:#999999;stop-opacity:1;"
+         offset="0"
+         id="stop1086" />
+      <stop
+         style="stop-color:#333333;stop-opacity:1"
+         offset="1"
+         id="stop1088" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient976">
+      <stop
+         style="stop-color:#7d7d7d;stop-opacity:1"
+         offset="0"
+         id="stop972" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop974" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient976"
+       id="linearGradient978"
+       x1="4.9335804"
+       y1="4.9335804"
+       x2="0.17637895"
+       y2="0.17637905"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-7.4083338,-7.4083338)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1090"
+       id="linearGradient1096"
+       x1="9.2636862"
+       y1="9.2636862"
+       x2="0.74715531"
+       y2="0.74715525"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1090"
+       id="radialGradient1117"
+       cx="14"
+       cy="14.351601"
+       fx="14"
+       fy="14.351601"
+       r="14.000001"
+       gradientTransform="matrix(1,0,0,0.8535854,0,1.7496831)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1190"
+       id="radialGradient1184"
+       cx="3.6996052"
+       cy="3.6996047"
+       fx="3.6996052"
+       fy="3.6996047"
+       r="3.7041669"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0212659,0,0,1.0212659,-0.07867553,-0.0786754)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1190"
+       id="linearGradient1198"
+       x1="0.41204384"
+       y1="0.41204339"
+       x2="5.4237547"
+       y2="5.4237542"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1190"
+       id="linearGradient1210"
+       x1="6.6800785"
+       y1="6.680078"
+       x2="0.93607622"
+       y2="0.93607581"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0476191,0,0,1.0476191,-7.5753822,-7.5753813)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient869"
+       id="radialGradient1222"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(8.5883742,0.19055051,-0.07686598,3.4644557,-17.489221,0.47792124)"
+       cx="3.6996052"
+       cy="3.6996047"
+       fx="3.6996052"
+       fy="3.6996047"
+       r="3.7041669" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5176088,0,0,1.313291,-8.7993494,-4.6932594)"
+       r="15"
+       fy="19.160906"
+       fx="16.483204"
+       cy="19.160906"
+       cx="16.483204"
+       id="radialGradient1545"
+       xlink:href="#linearGradient976"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="29.396154"
+       x2="20.581524"
+       y1="18.030708"
+       x1="21.133049"
+       id="linearGradient1553"
+       xlink:href="#linearGradient1551"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="9.3700237"
+       x2="9.2242994"
+       y1="1.8961694"
+       x1="1.909452"
+       id="linearGradient1569"
+       xlink:href="#linearGradient1567"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="4.4979167"
+       x2="7.4083336"
+       y1="4.4979167"
+       x1="1.5874998"
+       id="linearGradient1585"
+       xlink:href="#linearGradient1583"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="translate(-2.7259511,0.29239883)"
+       y2="5.4034224"
+       x2="4.6210756"
+       y1="1.5738889"
+       x1="4.5209603"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1607"
+       xlink:href="#linearGradient1632"
+       inkscape:collect="always" />
+    <filter
+       id="filter2047"
+       inkscape:label="Noise Fill"
+       style="color-interpolation-filters:sRGB;">
+      <feTurbulence
+         id="feTurbulence2031"
+         result="turbulence"
+         seed="1"
+         numOctaves="3"
+         baseFrequency="1e-05 0.12681"
+         type="turbulence" />
+      <feComposite
+         id="feComposite2033"
+         result="composite1"
+         operator="in"
+         in2="turbulence"
+         in="SourceGraphic" />
+      <feColorMatrix
+         id="feColorMatrix2035"
+         result="color"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 50 -0 " />
+      <feFlood
+         id="feFlood2037"
+         result="flood"
+         flood-color="rgb(0,0,0)"
+         flood-opacity="1" />
+      <feMerge
+         id="feMerge2043"
+         result="merge">
+        <feMergeNode
+           id="feMergeNode2039"
+           in="flood" />
+        <feMergeNode
+           id="feMergeNode2041"
+           in="color" />
+      </feMerge>
+      <feComposite
+         id="feComposite2045"
+         result="composite2"
+         operator="in"
+         in2="SourceGraphic" />
+    </filter>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="-0.44694027"
+       x2="4.4979167"
+       y1="7.4698644"
+       x1="4.4979167"
+       id="linearGradient2911"
+       xlink:href="#linearGradient2909"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="6.8029056"
+       x2="6.8029056"
+       y1="3.5574925"
+       x1="3.5574925"
+       id="linearGradient2919"
+       xlink:href="#linearGradient2917"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="-0.61407167"
+       x2="4.4979167"
+       y1="7.4698644"
+       x1="4.4979167"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient2933"
+       xlink:href="#linearGradient2939"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="0.87816328"
+       x2="4.4979167"
+       y1="7.8330998"
+       x1="4.4979167"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3233"
+       xlink:href="#linearGradient3239"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="translate(-9.8911317,-0.78035214)"
+       y2="6.8029056"
+       x2="6.8029056"
+       y1="3.5574925"
+       x1="3.5574925"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3841"
+       xlink:href="#linearGradient2917"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="6.599401"
+       x2="6.599401"
+       y1="2.2204573"
+       x1="2.2204573"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5053"
+       xlink:href="#linearGradient5059"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:snap-page="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:lockguides="true"
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32"
+     inkscape:cx="17.586085"
+     inkscape:cy="16.974572"
+     inkscape:document-units="px"
+     inkscape:current-layer="g2943"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:window-width="2560"
+     inkscape:window-height="1368"
+     inkscape:window-x="0"
+     inkscape:window-y="35"
+     inkscape:window-maximized="1">
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide885"
+       orientation="0,1"
+       position="4.4979169,4.4979169" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide887"
+       orientation="0.70710678,0.70710678"
+       position="4.4979169,4.4979169" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide889"
+       orientation="-1,0"
+       position="4.4979169,4.4979169" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide891"
+       orientation="0.70710678,-0.70710678"
+       position="4.4979169,4.4979169" />
+  </sodipodi:namedview>
+  <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline">
+    <g
+       id="g2923">
+      <g
+         id="g2943">
+        <path
+           d="M 4.4679447,0.5291667 C 2.2877782,0.54563149 0.52910409,2.3176882 0.52916665,4.4979169 0.52932546,5.5504342 0.94756477,6.5597852 1.6918865,7.3039478 L 4.4979169,4.4979169 7.3039475,7.3039478 C 8.0482692,6.5597852 8.4665084,5.5504342 8.4666672,4.4979169 c 4e-7,-2.1918804 -1.7768699,-3.96875064 -3.9687503,-3.9687502 -0.005,-1.886e-5 -0.00999,-2.829e-5 -0.014986,-2.829e-5 -0.005,0 -0.00999,9.43e-6 -0.014986,2.829e-5 z"
+           style="opacity:1;fill:url(#linearGradient3233);fill-opacity:1;stroke:#1a1a1a;stroke-width:0.13229167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           id="path2762"
+           sodipodi:nodetypes="cccccccsc" />
+        <circle
+           cx="4.4979167"
+           cy="4.4979167"
+           r="2.9719474"
+           id="path2887"
+           style="opacity:1;fill:url(#linearGradient5053);fill-opacity:1;stroke:#191919;stroke-width:0.141522;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
+      </g>
+    </g>
+  </g>
+</svg>

resources/scalable/dial_03d.svg

@@ -0,0 +1,483 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="34"
+   height="34"
+   viewBox="0 0 8.9958338 8.9958338"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="dial_03d.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5059">
+      <stop
+         style="stop-color:#919191;stop-opacity:1"
+         offset="0"
+         id="stop5055" />
+      <stop
+         style="stop-color:#212121;stop-opacity:1"
+         offset="1"
+         id="stop5057" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3239"
+       inkscape:collect="always">
+      <stop
+         id="stop3235"
+         offset="0"
+         style="stop-color:#262626;stop-opacity:1" />
+      <stop
+         id="stop3237"
+         offset="1"
+         style="stop-color:#474747;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2939">
+      <stop
+         style="stop-color:#141414;stop-opacity:1"
+         offset="0"
+         id="stop2935" />
+      <stop
+         style="stop-color:#6c6c6c;stop-opacity:1"
+         offset="1"
+         id="stop2937" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2917"
+       inkscape:collect="always">
+      <stop
+         id="stop2913"
+         offset="0"
+         style="stop-color:#757575;stop-opacity:1" />
+      <stop
+         id="stop2915"
+         offset="1"
+         style="stop-color:#212121;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2909"
+       inkscape:collect="always">
+      <stop
+         id="stop2905"
+         offset="0"
+         style="stop-color:#141414;stop-opacity:1" />
+      <stop
+         id="stop2907"
+         offset="1"
+         style="stop-color:#b3b3b3;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1632">
+      <stop
+         style="stop-color:#4f4f4f;stop-opacity:1"
+         offset="0"
+         id="stop1628" />
+      <stop
+         style="stop-color:#a2a2a2;stop-opacity:1"
+         offset="1"
+         id="stop1630" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1583"
+       inkscape:collect="always">
+      <stop
+         id="stop1579"
+         offset="0"
+         style="stop-color:#4f4f4f;stop-opacity:1" />
+      <stop
+         id="stop1581"
+         offset="1"
+         style="stop-color:#878787;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1567"
+       inkscape:collect="always">
+      <stop
+         id="stop1563"
+         offset="0"
+         style="stop-color:#272727;stop-opacity:1;" />
+      <stop
+         id="stop1565"
+         offset="1"
+         style="stop-color:#434343;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1551"
+       inkscape:collect="always">
+      <stop
+         id="stop1547"
+         offset="0"
+         style="stop-color:#484848;stop-opacity:1;" />
+      <stop
+         id="stop1549"
+         offset="1"
+         style="stop-color:#484848;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient869">
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="0"
+         id="stop865" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop867" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1190"
+       inkscape:collect="always">
+      <stop
+         id="stop1186"
+         offset="0"
+         style="stop-color:#999999;stop-opacity:1;" />
+      <stop
+         id="stop1188"
+         offset="1"
+         style="stop-color:#353535;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1090">
+      <stop
+         style="stop-color:#999999;stop-opacity:1;"
+         offset="0"
+         id="stop1086" />
+      <stop
+         style="stop-color:#333333;stop-opacity:1"
+         offset="1"
+         id="stop1088" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient976">
+      <stop
+         style="stop-color:#7d7d7d;stop-opacity:1"
+         offset="0"
+         id="stop972" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop974" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient976"
+       id="linearGradient978"
+       x1="4.9335804"
+       y1="4.9335804"
+       x2="0.17637895"
+       y2="0.17637905"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-7.4083338,-7.4083338)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1090"
+       id="linearGradient1096"
+       x1="9.2636862"
+       y1="9.2636862"
+       x2="0.74715531"
+       y2="0.74715525"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1090"
+       id="radialGradient1117"
+       cx="14"
+       cy="14.351601"
+       fx="14"
+       fy="14.351601"
+       r="14.000001"
+       gradientTransform="matrix(1,0,0,0.8535854,0,1.7496831)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1190"
+       id="radialGradient1184"
+       cx="3.6996052"
+       cy="3.6996047"
+       fx="3.6996052"
+       fy="3.6996047"
+       r="3.7041669"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0212659,0,0,1.0212659,-0.07867553,-0.0786754)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1190"
+       id="linearGradient1198"
+       x1="0.41204384"
+       y1="0.41204339"
+       x2="5.4237547"
+       y2="5.4237542"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1190"
+       id="linearGradient1210"
+       x1="6.6800785"
+       y1="6.680078"
+       x2="0.93607622"
+       y2="0.93607581"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0476191,0,0,1.0476191,-7.5753822,-7.5753813)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient869"
+       id="radialGradient1222"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(8.5883742,0.19055051,-0.07686598,3.4644557,-17.489221,0.47792124)"
+       cx="3.6996052"
+       cy="3.6996047"
+       fx="3.6996052"
+       fy="3.6996047"
+       r="3.7041669" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5176088,0,0,1.313291,-8.7993494,-4.6932594)"
+       r="15"
+       fy="19.160906"
+       fx="16.483204"
+       cy="19.160906"
+       cx="16.483204"
+       id="radialGradient1545"
+       xlink:href="#linearGradient976"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="29.396154"
+       x2="20.581524"
+       y1="18.030708"
+       x1="21.133049"
+       id="linearGradient1553"
+       xlink:href="#linearGradient1551"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="9.3700237"
+       x2="9.2242994"
+       y1="1.8961694"
+       x1="1.909452"
+       id="linearGradient1569"
+       xlink:href="#linearGradient1567"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="4.4979167"
+       x2="7.4083336"
+       y1="4.4979167"
+       x1="1.5874998"
+       id="linearGradient1585"
+       xlink:href="#linearGradient1583"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="translate(-2.7259511,0.29239883)"
+       y2="5.4034224"
+       x2="4.6210756"
+       y1="1.5738889"
+       x1="4.5209603"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient1607"
+       xlink:href="#linearGradient1632"
+       inkscape:collect="always" />
+    <filter
+       id="filter2047"
+       inkscape:label="Noise Fill"
+       style="color-interpolation-filters:sRGB;">
+      <feTurbulence
+         id="feTurbulence2031"
+         result="turbulence"
+         seed="1"
+         numOctaves="3"
+         baseFrequency="1e-05 0.12681"
+         type="turbulence" />
+      <feComposite
+         id="feComposite2033"
+         result="composite1"
+         operator="in"
+         in2="turbulence"
+         in="SourceGraphic" />
+      <feColorMatrix
+         id="feColorMatrix2035"
+         result="color"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 50 -0 " />
+      <feFlood
+         id="feFlood2037"
+         result="flood"
+         flood-color="rgb(0,0,0)"
+         flood-opacity="1" />
+      <feMerge
+         id="feMerge2043"
+         result="merge">
+        <feMergeNode
+           id="feMergeNode2039"
+           in="flood" />
+        <feMergeNode
+           id="feMergeNode2041"
+           in="color" />
+      </feMerge>
+      <feComposite
+         id="feComposite2045"
+         result="composite2"
+         operator="in"
+         in2="SourceGraphic" />
+    </filter>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="-0.44694027"
+       x2="4.4979167"
+       y1="7.4698644"
+       x1="4.4979167"
+       id="linearGradient2911"
+       xlink:href="#linearGradient2909"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="6.8029056"
+       x2="6.8029056"
+       y1="3.5574925"
+       x1="3.5574925"
+       id="linearGradient2919"
+       xlink:href="#linearGradient2917"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="-0.61407167"
+       x2="4.4979167"
+       y1="7.4698644"
+       x1="4.4979167"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient2933"
+       xlink:href="#linearGradient2939"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="0.87816328"
+       x2="4.4979167"
+       y1="7.8330998"
+       x1="4.4979167"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3233"
+       xlink:href="#linearGradient3239"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="translate(-9.8911317,-0.78035214)"
+       y2="6.8029056"
+       x2="6.8029056"
+       y1="3.5574925"
+       x1="3.5574925"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3841"
+       xlink:href="#linearGradient2917"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="6.599401"
+       x2="6.599401"
+       y1="2.2204573"
+       x1="2.2204573"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5053"
+       xlink:href="#linearGradient5059"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:snap-page="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:lockguides="true"
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32"
+     inkscape:cx="17.586085"
+     inkscape:cy="16.974572"
+     inkscape:document-units="px"
+     inkscape:current-layer="g2943"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:window-width="2560"
+     inkscape:window-height="1368"
+     inkscape:window-x="0"
+     inkscape:window-y="35"
+     inkscape:window-maximized="1">
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide885"
+       orientation="0,1"
+       position="4.4979169,4.4979169" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide887"
+       orientation="0.70710678,0.70710678"
+       position="4.4979169,4.4979169" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide889"
+       orientation="-1,0"
+       position="4.4979169,4.4979169" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="true"
+       inkscape:label=""
+       id="guide891"
+       orientation="0.70710678,-0.70710678"
+       position="4.4979169,4.4979169" />
+  </sodipodi:namedview>
+  <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline">
+    <g
+       id="g2923">
+      <g
+         id="g2943">
+        <path
+           d="M 4.4679447,0.5291667 C 2.2877782,0.54563149 0.52910409,2.3176882 0.52916665,4.4979169 0.52932546,5.5504342 0.94756477,6.5597852 1.6918865,7.3039478 L 4.4979169,4.4979169 7.3039475,7.3039478 C 8.0482692,6.5597852 8.4665084,5.5504342 8.4666672,4.4979169 c 4e-7,-2.1918804 -1.7768699,-3.96875064 -3.9687503,-3.9687502 -0.005,-1.886e-5 -0.00999,-2.829e-5 -0.014986,-2.829e-5 -0.005,0 -0.00999,9.43e-6 -0.014986,2.829e-5 z"
+           style="opacity:1;fill:url(#linearGradient3233);fill-opacity:1;stroke:#1a1a1a;stroke-width:0.13229167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           id="path2762"
+           sodipodi:nodetypes="cccccccsc" />
+        <circle
+           cx="4.4979167"
+           cy="4.4979167"
+           r="2.9719474"
+           id="path2887"
+           style="opacity:1;fill:url(#linearGradient5053);fill-opacity:1;stroke:#191919;stroke-width:0.141522;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
+      </g>
+    </g>
+  </g>
+</svg>

resources/scalable/dial_04.svg

@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="dial_04.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg5424"
+   version="1.1"
+   viewBox="0 0 7.4083337 7.4083336"
+   height="28"
+   width="28">
+  <defs
+     id="defs5418">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3239"
+       id="linearGradient3233"
+       gradientUnits="userSpaceOnUse"
+       x1="4.4979167"
+       y1="7.8330998"
+       x2="4.4979167"
+       y2="0.87816328" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3239">
+      <stop
+         style="stop-color:#262626;stop-opacity:1"
+         offset="0"
+         id="stop3235" />
+      <stop
+         style="stop-color:#474747;stop-opacity:1"
+         offset="1"
+         id="stop3237" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5059"
+       id="linearGradient5053"
+       gradientUnits="userSpaceOnUse"
+       x1="2.2204573"
+       y1="2.2204573"
+       x2="6.599401"
+       y2="6.599401" />
+    <linearGradient
+       id="linearGradient5059"
+       inkscape:collect="always">
+      <stop
+         id="stop5055"
+         offset="0"
+         style="stop-color:#919191;stop-opacity:1" />
+      <stop
+         id="stop5057"
+         offset="1"
+         style="stop-color:#212121;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     inkscape:guide-bbox="true"
+     showguides="true"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="13.859076"
+     inkscape:cx="10.210689"
+     inkscape:zoom="27.132394"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base">
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="false"
+       inkscape:label=""
+       id="guide6050"
+       orientation="0,1"
+       position="3.7041668,3.7041668" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="false"
+       inkscape:label=""
+       id="guide6466"
+       orientation="0.70710678,0.70710678"
+       position="3.7041668,3.7041668" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5421">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       transform="matrix(0.85245896,0,0,0.85245896,-0.13012276,-0.13012271)"
+       style="display:inline"
+       id="g6003">
+      <path
+         d="M 4.4679447,0.5291667 C 2.2877782,0.54563149 0.52910409,2.3176882 0.52916665,4.4979169 0.52932546,5.5504342 0.94756477,6.5597852 1.6918865,7.3039478 L 4.4979169,4.4979169 7.3039475,7.3039478 C 8.0482692,6.5597852 8.4665084,5.5504342 8.4666672,4.4979169 c 4e-7,-2.1918804 -1.7768699,-3.96875064 -3.9687503,-3.9687502 -0.005,-1.886e-5 -0.00999,-2.829e-5 -0.014986,-2.829e-5 -0.005,0 -0.00999,9.43e-6 -0.014986,2.829e-5 z"
+         style="opacity:1;fill:url(#linearGradient3233);fill-opacity:1;stroke:#1a1a1a;stroke-width:0.132292;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+         id="path2762"
+         sodipodi:nodetypes="cccccccsc" />
+      <circle
+         cx="4.4979167"
+         cy="4.4979167"
+         r="2.9719474"
+         id="path2887"
+         style="opacity:1;fill:url(#linearGradient5053);fill-opacity:1;stroke:#191919;stroke-width:0.141522;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
+    </g>
+  </g>
+</svg>

resources/scalable/dial_04d.svg

@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="dial_04d.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg5424"
+   version="1.1"
+   viewBox="0 0 7.4083337 7.4083336"
+   height="28"
+   width="28">
+  <defs
+     id="defs5418">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3239"
+       id="linearGradient3233"
+       gradientUnits="userSpaceOnUse"
+       x1="4.4979167"
+       y1="7.8330998"
+       x2="4.4979167"
+       y2="0.87816328" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3239">
+      <stop
+         style="stop-color:#262626;stop-opacity:1"
+         offset="0"
+         id="stop3235" />
+      <stop
+         style="stop-color:#474747;stop-opacity:1"
+         offset="1"
+         id="stop3237" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5059"
+       id="linearGradient5053"
+       gradientUnits="userSpaceOnUse"
+       x1="2.2204573"
+       y1="2.2204573"
+       x2="6.599401"
+       y2="6.599401" />
+    <linearGradient
+       id="linearGradient5059"
+       inkscape:collect="always">
+      <stop
+         id="stop5055"
+         offset="0"
+         style="stop-color:#919191;stop-opacity:1" />
+      <stop
+         id="stop5057"
+         offset="1"
+         style="stop-color:#212121;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     inkscape:guide-bbox="true"
+     showguides="true"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="13.859076"
+     inkscape:cx="10.210689"
+     inkscape:zoom="27.132394"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base">
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="false"
+       inkscape:label=""
+       id="guide6050"
+       orientation="0,1"
+       position="3.7041668,3.7041668" />
+    <sodipodi:guide
+       inkscape:color="rgb(0,0,255)"
+       inkscape:locked="false"
+       inkscape:label=""
+       id="guide6466"
+       orientation="0.70710678,0.70710678"
+       position="3.7041668,3.7041668" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5421">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       transform="matrix(0.85245896,0,0,0.85245896,-0.13012276,-0.13012271)"
+       style="display:inline"
+       id="g6003">
+      <path
+         d="M 4.4679447,0.5291667 C 2.2877782,0.54563149 0.52910409,2.3176882 0.52916665,4.4979169 0.52932546,5.5504342 0.94756477,6.5597852 1.6918865,7.3039478 L 4.4979169,4.4979169 7.3039475,7.3039478 C 8.0482692,6.5597852 8.4665084,5.5504342 8.4666672,4.4979169 c 4e-7,-2.1918804 -1.7768699,-3.96875064 -3.9687503,-3.9687502 -0.005,-1.886e-5 -0.00999,-2.829e-5 -0.014986,-2.829e-5 -0.005,0 -0.00999,9.43e-6 -0.014986,2.829e-5 z"
+         style="opacity:1;fill:url(#linearGradient3233);fill-opacity:1;stroke:#1a1a1a;stroke-width:0.132292;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+         id="path2762"
+         sodipodi:nodetypes="cccccccsc" />
+      <circle
+         cx="4.4979167"
+         cy="4.4979167"
+         r="2.9719474"
+         id="path2887"
+         style="opacity:1;fill:url(#linearGradient5053);fill-opacity:1;stroke:#191919;stroke-width:0.141522;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
+    </g>
+  </g>
+</svg>

resources/scalable/led_blue.svg

@@ -0,0 +1,285 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="led_blue.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg2688"
+   version="1.1"
+   viewBox="0 0 3.7041664 3.7041664"
+   height="3.7041664mm"
+   width="3.7041664mm">
+  <defs
+     id="defs2682">
+    <linearGradient
+       id="linearGradient3475"
+       inkscape:collect="always">
+      <stop
+         id="stop3471"
+         offset="0"
+         style="stop-color:#99ffff;stop-opacity:1" />
+      <stop
+         id="stop3473"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3467"
+       inkscape:collect="always">
+      <stop
+         id="stop3463"
+         offset="0"
+         style="stop-color:#99ffff;stop-opacity:1" />
+      <stop
+         id="stop3465"
+         offset="1"
+         style="stop-color:#339999;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3439">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop3435" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop3437" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3369"
+       inkscape:collect="always">
+      <stop
+         id="stop3365"
+         offset="0"
+         style="stop-color:#ff2100;stop-opacity:1" />
+      <stop
+         id="stop3367"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2257"
+       id="radialGradient2296"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.81234934,0,0,0.8123106,-2.6598654,3.943839)"
+       cx="3.091475"
+       cy="8.846364"
+       fx="3.091475"
+       fy="8.846364"
+       r="2.2640615" />
+    <linearGradient
+       id="linearGradient2257"
+       inkscape:collect="always">
+      <stop
+         id="stop2253"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0" />
+      <stop
+         id="stop2255"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0.41132058" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3369"
+       id="radialGradient2522"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2551"
+       x1="-0.13295245"
+       y1="12.034328"
+       x2="-0.15432227"
+       y2="11.019802"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2549">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop2545" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop2547" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2532"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2617">
+      <stop
+         style="stop-color:#fffd5b;stop-opacity:1"
+         offset="0"
+         id="stop2613" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop2615" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2569"
+       x1="-0.15373972"
+       y1="10.024288"
+       x2="-0.1471104"
+       y2="10.376903"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2667"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient2680"
+       xlink:href="#linearGradient3369"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3377"
+       xlink:href="#linearGradient3475"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="11.019802"
+       x2="-0.15432227"
+       y1="12.034328"
+       x1="-0.13295245"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3379"
+       xlink:href="#linearGradient2549"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3381"
+       xlink:href="#linearGradient3439"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3653885,0,0,1.3654477,0.05422195,-4.0673393)"
+       r="1.4552076"
+       fy="11.129746"
+       fx="-0.14839531"
+       cy="11.129746"
+       cx="-0.14839531"
+       id="radialGradient3469"
+       xlink:href="#linearGradient3467"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="g3375"
+     inkscape:document-units="mm"
+     inkscape:cy="7.7365146"
+     inkscape:cx="4.7280948"
+     inkscape:zoom="45.254834"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata2685">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-58.061538,-80.529146)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       transform="translate(60.062016,71.251485)"
+       id="g2637">
+      <g
+         id="g3375">
+        <circle
+           cx="-0.14839439"
+           cy="11.129745"
+           r="1.8520827"
+           style="mix-blend-mode:normal;fill:url(#radialGradient2296);fill-opacity:1;stroke:#000000;stroke-width:0;stroke-opacity:1"
+           id="path2154" />
+        <ellipse
+           cx="-0.14839479"
+           cy="11.129745"
+           rx="1.3229162"
+           ry="1.3229791"
+           style="mix-blend-mode:normal;fill:url(#radialGradient3469);fill-opacity:1;stroke:url(#radialGradient3377);stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1"
+           id="path2168" />
+        <path
+           style="opacity:1;mix-blend-mode:normal;fill:url(#linearGradient3379);fill-opacity:1;stroke:url(#radialGradient3381);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m -1.3266173,10.960293 a 1.1906245,1.1906811 0 0 0 -0.012402,0.169499 1.1906245,1.1906811 0 0 0 1.19062494,1.190625 1.1906245,1.1906811 0 0 0 1.19062496,-1.190625 1.1906245,1.1906811 0 0 0 -0.012402,-0.169499 z"
+           id="path2543" />
+        <path
+           style="mix-blend-mode:normal;fill:url(#linearGradient2569);fill-opacity:1;stroke:url(#radialGradient2532);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M -0.17836703,9.9391666 A 1.1906245,1.1906811 0 0 0 -1.0563497,10.359813 h 1.81590964 a 1.1906245,1.1906811 0 0 0 -0.9079547,-0.4206464 1.1906245,1.1906811 0 0 0 -0.0299723,0 z"
+           id="ellipse2530" />
+      </g>
+    </g>
+  </g>
+</svg>

resources/scalable/led_green.svg

@@ -0,0 +1,285 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="led_green.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg2688"
+   version="1.1"
+   viewBox="0 0 3.7041664 3.7041664"
+   height="3.7041664mm"
+   width="3.7041664mm">
+  <defs
+     id="defs2682">
+    <linearGradient
+       id="linearGradient3475"
+       inkscape:collect="always">
+      <stop
+         id="stop3471"
+         offset="0"
+         style="stop-color:#9aff9a;stop-opacity:1" />
+      <stop
+         id="stop3473"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3467"
+       inkscape:collect="always">
+      <stop
+         id="stop3463"
+         offset="0"
+         style="stop-color:#9aff9a;stop-opacity:1" />
+      <stop
+         id="stop3465"
+         offset="1"
+         style="stop-color:#339833;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3439">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop3435" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop3437" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3369"
+       inkscape:collect="always">
+      <stop
+         id="stop3365"
+         offset="0"
+         style="stop-color:#ff2100;stop-opacity:1" />
+      <stop
+         id="stop3367"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2257"
+       id="radialGradient2296"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.81234934,0,0,0.8123106,-2.6598654,3.943839)"
+       cx="3.091475"
+       cy="8.846364"
+       fx="3.091475"
+       fy="8.846364"
+       r="2.2640615" />
+    <linearGradient
+       id="linearGradient2257"
+       inkscape:collect="always">
+      <stop
+         id="stop2253"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0" />
+      <stop
+         id="stop2255"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0.41132058" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3369"
+       id="radialGradient2522"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2551"
+       x1="-0.13295245"
+       y1="12.034328"
+       x2="-0.15432227"
+       y2="11.019802"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2549">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop2545" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop2547" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2532"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2617">
+      <stop
+         style="stop-color:#fffd5b;stop-opacity:1"
+         offset="0"
+         id="stop2613" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop2615" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2569"
+       x1="-0.15373972"
+       y1="10.024288"
+       x2="-0.1471104"
+       y2="10.376903"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2667"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient2680"
+       xlink:href="#linearGradient3369"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3377"
+       xlink:href="#linearGradient3475"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="11.019802"
+       x2="-0.15432227"
+       y1="12.034328"
+       x1="-0.13295245"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3379"
+       xlink:href="#linearGradient2549"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3381"
+       xlink:href="#linearGradient3439"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3653885,0,0,1.3654477,0.05422195,-4.0673393)"
+       r="1.4552076"
+       fy="11.129746"
+       fx="-0.14839531"
+       cy="11.129746"
+       cx="-0.14839531"
+       id="radialGradient3469"
+       xlink:href="#linearGradient3467"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="g3375"
+     inkscape:document-units="mm"
+     inkscape:cy="6.9926874"
+     inkscape:cx="3.9117442"
+     inkscape:zoom="64"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata2685">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-58.061538,-80.529146)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       transform="translate(60.062016,71.251485)"
+       id="g2637">
+      <g
+         id="g3375">
+        <circle
+           cx="-0.14839439"
+           cy="11.129745"
+           r="1.8520827"
+           style="mix-blend-mode:normal;fill:url(#radialGradient2296);fill-opacity:1;stroke:#000000;stroke-width:0;stroke-opacity:1"
+           id="path2154" />
+        <ellipse
+           cx="-0.14839479"
+           cy="11.129745"
+           rx="1.3229162"
+           ry="1.3229791"
+           style="mix-blend-mode:normal;fill:url(#radialGradient3469);fill-opacity:1;stroke:url(#radialGradient3377);stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1"
+           id="path2168" />
+        <path
+           style="opacity:1;mix-blend-mode:normal;fill:url(#linearGradient3379);fill-opacity:1;stroke:url(#radialGradient3381);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m -1.3266173,10.960293 a 1.1906245,1.1906811 0 0 0 -0.012402,0.169499 1.1906245,1.1906811 0 0 0 1.19062494,1.190625 1.1906245,1.1906811 0 0 0 1.19062496,-1.190625 1.1906245,1.1906811 0 0 0 -0.012402,-0.169499 z"
+           id="path2543" />
+        <path
+           style="mix-blend-mode:normal;fill:url(#linearGradient2569);fill-opacity:1;stroke:url(#radialGradient2532);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M -0.17836703,9.9391666 A 1.1906245,1.1906811 0 0 0 -1.0563497,10.359813 h 1.81590964 a 1.1906245,1.1906811 0 0 0 -0.9079547,-0.4206464 1.1906245,1.1906811 0 0 0 -0.0299723,0 z"
+           id="ellipse2530" />
+      </g>
+    </g>
+  </g>
+</svg>

resources/scalable/led_off.svg

@@ -0,0 +1,285 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="led_off.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg2688"
+   version="1.1"
+   viewBox="0 0 3.7041664 3.7041664"
+   height="3.7041664mm"
+   width="3.7041664mm">
+  <defs
+     id="defs2682">
+    <linearGradient
+       id="linearGradient3475"
+       inkscape:collect="always">
+      <stop
+         id="stop3471"
+         offset="0"
+         style="stop-color:#7e7e7e;stop-opacity:1" />
+      <stop
+         id="stop3473"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3467"
+       inkscape:collect="always">
+      <stop
+         id="stop3463"
+         offset="0"
+         style="stop-color:#7e7e7e;stop-opacity:1" />
+      <stop
+         id="stop3465"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:0.99830526" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3439">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop3435" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop3437" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3369"
+       inkscape:collect="always">
+      <stop
+         id="stop3365"
+         offset="0"
+         style="stop-color:#ff2100;stop-opacity:1" />
+      <stop
+         id="stop3367"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2257"
+       id="radialGradient2296"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.81234934,0,0,0.8123106,-2.6598654,3.943839)"
+       cx="3.091475"
+       cy="8.846364"
+       fx="3.091475"
+       fy="8.846364"
+       r="2.2640615" />
+    <linearGradient
+       id="linearGradient2257"
+       inkscape:collect="always">
+      <stop
+         id="stop2253"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0" />
+      <stop
+         id="stop2255"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0.41132058" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3369"
+       id="radialGradient2522"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2551"
+       x1="-0.13295245"
+       y1="12.034328"
+       x2="-0.15432227"
+       y2="11.019802"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2549">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop2545" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop2547" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2532"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2617">
+      <stop
+         style="stop-color:#fffd5b;stop-opacity:1"
+         offset="0"
+         id="stop2613" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop2615" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2569"
+       x1="-0.15373972"
+       y1="10.024288"
+       x2="-0.1471104"
+       y2="10.376903"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2667"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient2680"
+       xlink:href="#linearGradient3369"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3377"
+       xlink:href="#linearGradient3475"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="11.019802"
+       x2="-0.15432227"
+       y1="12.034328"
+       x1="-0.13295245"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3379"
+       xlink:href="#linearGradient2549"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3381"
+       xlink:href="#linearGradient3439"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,1.0000433,0,-4.8139797e-4)"
+       r="1.4552076"
+       fy="11.129745"
+       fx="-0.14839479"
+       cy="11.129745"
+       cx="-0.14839479"
+       id="radialGradient3469"
+       xlink:href="#linearGradient3467"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="g3375"
+     inkscape:document-units="mm"
+     inkscape:cy="5.8096311"
+     inkscape:cx="7.4442641"
+     inkscape:zoom="54.264789"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata2685">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-58.061538,-80.529146)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       transform="translate(60.062016,71.251485)"
+       id="g2637">
+      <g
+         id="g3375">
+        <circle
+           cx="-0.14839439"
+           cy="11.129745"
+           r="1.8520827"
+           style="mix-blend-mode:normal;fill:url(#radialGradient2296);fill-opacity:1;stroke:#000000;stroke-width:0;stroke-opacity:1"
+           id="path2154" />
+        <ellipse
+           style="mix-blend-mode:normal;fill:url(#radialGradient3469);fill-opacity:1;stroke:url(#radialGradient3377);stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1"
+           id="path2168"
+           ry="1.3229791"
+           rx="1.3229162"
+           cy="11.129745"
+           cx="-0.14839479" />
+        <path
+           style="opacity:1;mix-blend-mode:normal;fill:url(#linearGradient3379);fill-opacity:1;stroke:url(#radialGradient3381);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m -1.3266173,10.960293 a 1.1906245,1.1906811 0 0 0 -0.012402,0.169499 1.1906245,1.1906811 0 0 0 1.19062494,1.190625 1.1906245,1.1906811 0 0 0 1.19062496,-1.190625 1.1906245,1.1906811 0 0 0 -0.012402,-0.169499 z"
+           id="path2543" />
+        <path
+           style="mix-blend-mode:normal;fill:url(#linearGradient2569);fill-opacity:1;stroke:url(#radialGradient2532);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M -0.17836703,9.9391666 A 1.1906245,1.1906811 0 0 0 -1.0563497,10.359813 h 1.81590964 a 1.1906245,1.1906811 0 0 0 -0.9079547,-0.4206464 1.1906245,1.1906811 0 0 0 -0.0299723,0 z"
+           id="ellipse2530" />
+      </g>
+    </g>
+  </g>
+</svg>

resources/scalable/led_red.svg

@@ -0,0 +1,285 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="led_red.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg2688"
+   version="1.1"
+   viewBox="0 0 3.7041664 3.7041664"
+   height="3.7041664mm"
+   width="3.7041664mm">
+  <defs
+     id="defs2682">
+    <linearGradient
+       id="linearGradient3475"
+       inkscape:collect="always">
+      <stop
+         id="stop3471"
+         offset="0"
+         style="stop-color:#ff9999;stop-opacity:1" />
+      <stop
+         id="stop3473"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3467"
+       inkscape:collect="always">
+      <stop
+         id="stop3463"
+         offset="0"
+         style="stop-color:#ff9999;stop-opacity:1" />
+      <stop
+         id="stop3465"
+         offset="1"
+         style="stop-color:#993333;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3439">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop3435" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop3437" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3369"
+       inkscape:collect="always">
+      <stop
+         id="stop3365"
+         offset="0"
+         style="stop-color:#ff2100;stop-opacity:1" />
+      <stop
+         id="stop3367"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2257"
+       id="radialGradient2296"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.81234934,0,0,0.8123106,-2.6598654,3.943839)"
+       cx="3.091475"
+       cy="8.846364"
+       fx="3.091475"
+       fy="8.846364"
+       r="2.2640615" />
+    <linearGradient
+       id="linearGradient2257"
+       inkscape:collect="always">
+      <stop
+         id="stop2253"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0" />
+      <stop
+         id="stop2255"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0.41132058" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3369"
+       id="radialGradient2522"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2551"
+       x1="-0.13295245"
+       y1="12.034328"
+       x2="-0.15432227"
+       y2="11.019802"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2549">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop2545" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop2547" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2532"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2617">
+      <stop
+         style="stop-color:#fffd5b;stop-opacity:1"
+         offset="0"
+         id="stop2613" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop2615" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2569"
+       x1="-0.15373972"
+       y1="10.024288"
+       x2="-0.1471104"
+       y2="10.376903"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2667"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient2680"
+       xlink:href="#linearGradient3369"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3377"
+       xlink:href="#linearGradient3475"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="11.019802"
+       x2="-0.15432227"
+       y1="12.034328"
+       x1="-0.13295245"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3379"
+       xlink:href="#linearGradient2549"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3381"
+       xlink:href="#linearGradient3439"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3653885,0,0,1.3654477,0.05422195,-4.0673393)"
+       r="1.4552076"
+       fy="11.129746"
+       fx="-0.14839531"
+       cy="11.129746"
+       cx="-0.14839531"
+       id="radialGradient3469"
+       xlink:href="#linearGradient3467"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="g3375"
+     inkscape:document-units="mm"
+     inkscape:cy="6.7980918"
+     inkscape:cx="7.122852"
+     inkscape:zoom="90.509668"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata2685">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-58.061538,-80.529146)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       transform="translate(60.062016,71.251485)"
+       id="g2637">
+      <g
+         id="g3375">
+        <circle
+           cx="-0.14839439"
+           cy="11.129745"
+           r="1.8520827"
+           style="mix-blend-mode:normal;fill:url(#radialGradient2296);fill-opacity:1;stroke:#000000;stroke-width:0;stroke-opacity:1"
+           id="path2154" />
+        <ellipse
+           cx="-0.14839479"
+           cy="11.129745"
+           rx="1.3229162"
+           ry="1.3229791"
+           style="mix-blend-mode:normal;fill:url(#radialGradient3469);fill-opacity:1;stroke:url(#radialGradient3377);stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1"
+           id="path2168" />
+        <path
+           style="opacity:1;mix-blend-mode:normal;fill:url(#linearGradient3379);fill-opacity:1;stroke:url(#radialGradient3381);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m -1.3266173,10.960293 a 1.1906245,1.1906811 0 0 0 -0.012402,0.169499 1.1906245,1.1906811 0 0 0 1.19062494,1.190625 1.1906245,1.1906811 0 0 0 1.19062496,-1.190625 1.1906245,1.1906811 0 0 0 -0.012402,-0.169499 z"
+           id="path2543" />
+        <path
+           style="mix-blend-mode:normal;fill:url(#linearGradient2569);fill-opacity:1;stroke:url(#radialGradient2532);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M -0.17836703,9.9391666 A 1.1906245,1.1906811 0 0 0 -1.0563497,10.359813 h 1.81590964 a 1.1906245,1.1906811 0 0 0 -0.9079547,-0.4206464 1.1906245,1.1906811 0 0 0 -0.0299723,0 z"
+           id="ellipse2530" />
+      </g>
+    </g>
+  </g>
+</svg>

resources/scalable/led_yellow.svg

@@ -0,0 +1,285 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="led_yellow.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg2688"
+   version="1.1"
+   viewBox="0 0 3.7041664 3.7041664"
+   height="3.7041664mm"
+   width="3.7041664mm">
+  <defs
+     id="defs2682">
+    <linearGradient
+       id="linearGradient3475"
+       inkscape:collect="always">
+      <stop
+         id="stop3471"
+         offset="0"
+         style="stop-color:#ffff99;stop-opacity:1" />
+      <stop
+         id="stop3473"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3467"
+       inkscape:collect="always">
+      <stop
+         id="stop3463"
+         offset="0"
+         style="stop-color:#ffff99;stop-opacity:1" />
+      <stop
+         id="stop3465"
+         offset="1"
+         style="stop-color:#999933;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3439">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop3435" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop3437" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3369"
+       inkscape:collect="always">
+      <stop
+         id="stop3365"
+         offset="0"
+         style="stop-color:#ff2100;stop-opacity:1" />
+      <stop
+         id="stop3367"
+         offset="1"
+         style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2257"
+       id="radialGradient2296"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.81234934,0,0,0.8123106,-2.6598654,3.943839)"
+       cx="3.091475"
+       cy="8.846364"
+       fx="3.091475"
+       fy="8.846364"
+       r="2.2640615" />
+    <linearGradient
+       id="linearGradient2257"
+       inkscape:collect="always">
+      <stop
+         id="stop2253"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0" />
+      <stop
+         id="stop2255"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0.41132058" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3369"
+       id="radialGradient2522"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2551"
+       x1="-0.13295245"
+       y1="12.034328"
+       x2="-0.15432227"
+       y2="11.019802"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2549">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop2545" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop2547" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2532"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2617">
+      <stop
+         style="stop-color:#fffd5b;stop-opacity:1"
+         offset="0"
+         id="stop2613" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop2615" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2549"
+       id="linearGradient2569"
+       x1="-0.15373972"
+       y1="10.024288"
+       x2="-0.1471104"
+       y2="10.376903"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2617"
+       id="radialGradient2667"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       cx="0.35556549"
+       cy="10.544246"
+       fx="0.35556549"
+       fy="10.544246"
+       r="1.5874995" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient2680"
+       xlink:href="#linearGradient3369"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-1.0306676,1.0307085,0,-11.016439,11.496217)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3377"
+       xlink:href="#linearGradient3475"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="11.019802"
+       x2="-0.15432227"
+       y1="12.034328"
+       x1="-0.13295245"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3379"
+       xlink:href="#linearGradient2549"
+       inkscape:collect="always" />
+    <radialGradient
+       r="1.5874995"
+       fy="10.544246"
+       fx="0.35556549"
+       cy="10.544246"
+       cx="0.35556549"
+       gradientTransform="matrix(0,-0.85292436,0.85295818,0,-9.1423425,11.432947)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient3381"
+       xlink:href="#linearGradient3439"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3653885,0,0,1.3654477,0.05422195,-4.0673393)"
+       r="1.4552076"
+       fy="11.129746"
+       fx="-0.14839531"
+       cy="11.129746"
+       cx="-0.14839531"
+       id="radialGradient3469"
+       xlink:href="#linearGradient3467"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="1"
+     inkscape:window-y="35"
+     inkscape:window-x="0"
+     inkscape:window-height="1368"
+     inkscape:window-width="2560"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="g3375"
+     inkscape:document-units="mm"
+     inkscape:cy="6.7980918"
+     inkscape:cx="7.122852"
+     inkscape:zoom="90.509668"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata2685">
+    <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:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-58.061538,-80.529146)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       transform="translate(60.062016,71.251485)"
+       id="g2637">
+      <g
+         id="g3375">
+        <circle
+           cx="-0.14839439"
+           cy="11.129745"
+           r="1.8520827"
+           style="mix-blend-mode:normal;fill:url(#radialGradient2296);fill-opacity:1;stroke:#000000;stroke-width:0;stroke-opacity:1"
+           id="path2154" />
+        <ellipse
+           cx="-0.14839479"
+           cy="11.129745"
+           rx="1.3229162"
+           ry="1.3229791"
+           style="mix-blend-mode:normal;fill:url(#radialGradient3469);fill-opacity:1;stroke:url(#radialGradient3377);stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:1"
+           id="path2168" />
+        <path
+           style="opacity:1;mix-blend-mode:normal;fill:url(#linearGradient3379);fill-opacity:1;stroke:url(#radialGradient3381);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m -1.3266173,10.960293 a 1.1906245,1.1906811 0 0 0 -0.012402,0.169499 1.1906245,1.1906811 0 0 0 1.19062494,1.190625 1.1906245,1.1906811 0 0 0 1.19062496,-1.190625 1.1906245,1.1906811 0 0 0 -0.012402,-0.169499 z"
+           id="path2543" />
+        <path
+           style="mix-blend-mode:normal;fill:url(#linearGradient2569);fill-opacity:1;stroke:url(#radialGradient2532);stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M -0.17836703,9.9391666 A 1.1906245,1.1906811 0 0 0 -1.0563497,10.359813 h 1.81590964 a 1.1906245,1.1906811 0 0 0 -0.9079547,-0.4206464 1.1906245,1.1906811 0 0 0 -0.0299723,0 z"
+           id="ellipse2530" />
+      </g>
+    </g>
+  </g>
+</svg>

resources/ui/carla_plugin_default.ui

@@ -124,7 +124,7 @@
           </property>
           <property name="icon">
            <iconset resource="../resources.qrc">
-            <normaloff>:/bitmaps/button_gui-black.png</normaloff>:/bitmaps/button_gui-black.png</iconset>
+            <normaloff>:/scalable/button_gui-black.svg</normaloff>:/scalable/button_gui-black.svg</iconset>
           </property>
           <property name="iconSize">
            <size>