summaryrefslogtreecommitdiff
path: root/kvmd/web
diff options
context:
space:
mode:
Diffstat (limited to 'kvmd/web')
-rw-r--r--kvmd/web/css/main.css32
-rw-r--r--kvmd/web/index.html16
-rw-r--r--kvmd/web/svg/atx-hdd-led.svg82
-rw-r--r--kvmd/web/svg/atx-power-led.svg71
-rw-r--r--kvmd/web/svg/hid-keyboard-led.svg71
-rw-r--r--kvmd/web/svg/hid-mouse-led.svg71
-rw-r--r--kvmd/web/svg/msd-led.svg82
-rw-r--r--kvmd/web/svg/stream-led.svg71
8 files changed, 475 insertions, 21 deletions
diff --git a/kvmd/web/css/main.css b/kvmd/web/css/main.css
index 95eee02e..70e34f2c 100644
--- a/kvmd/web/css/main.css
+++ b/kvmd/web/css/main.css
@@ -21,22 +21,28 @@ img.stream-image-inactive {
filter: grayscale(100%);
}
-div#atx-power-led, div#hid-mouse-led, div#msd-led {
- font-weight: bold;
- font-size: 150%;
+img#atx-power-led,
+img#hid-mouse-led,
+img#msd-led,
+img#atx-hdd-led,
+img#stream-led,
+img#hid-keyboard-led {
+ height: 24px;
}
-div#atx-hdd-led, div#stream-led, div#hid-keyboard-led {
- font-size: 150%;
+img.led-on {
+ filter: invert(.5) sepia(1) saturate(5) hue-rotate(100deg);
}
-div.led-on {
- color: #00ce00;
+img.led-off {
+ filter: invert(.5);
}
-div.led-off {
- color: grey;
-}
-div.led-busy {
- color: #ff373a;
+img.led-busy {
+ /*color: #ff373a;*/
+ filter: invert(.5) sepia(1) saturate(15) hue-rotate(320deg);
}
-button#stream-reset-button button#atx-power-button, button#atx-reset-button {
+button#stream-reset-button,
+button#atx-power-button,
+button#atx-power-button-long,
+button#atx-reset-button {
+ height: 24px;
}
diff --git a/kvmd/web/index.html b/kvmd/web/index.html
index 76c94c2f..77e3a489 100644
--- a/kvmd/web/index.html
+++ b/kvmd/web/index.html
@@ -19,15 +19,15 @@
<body>
<div id="stream-box">
- <img src="/streamer/?action=stream" id="stream-image" class="stream-image-inactive" alt="Loading..."/>
+ <img src="/streamer/?action=stream" id="stream-image" class="stream-image-inactive" alt="Loading..." />
<hr>
<table cellpadding="0" cellspacing="0" style="border: none;">
<tr>
- <td><div id="stream-led" class="led-off">&#128437;</div></td>
+ <td><img id="stream-led" class="led-off" src="svg/stream-led.svg" /></td>
<td>&nbsp;</td>
- <td><div id="hid-keyboard-led" class="led-off">&#9000;</div></td>
+ <td><img id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" /></td>
<td>&nbsp;</td>
- <td><div id="hid-mouse-led" class="led-off">&#128432;</div></td>
+ <td><img id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /></td>
<td>&nbsp;&nbsp;</td>
<td><button id="stream-reset-button" type="button" title="Click here if your video looks like crap" onclick="stream.clickResetButton(this);">Reset stream</button></td>
</tr>
@@ -36,11 +36,11 @@
<table cellpadding="0" cellspacing="5" style="border: none;">
<tr>
- <td><div id="atx-power-led" class="led-off">&#x23FB;</div></td>
- <td><div id="atx-hdd-led" class="led-off">&#128436;</div></td>
+ <td><img id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" /></td>
+ <td><img id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /></td>
+ <td>&nbsp;</td>
+ <td><img id="msd-led" class="led-off" src="svg/msd-led.svg" /></td>
<td>&nbsp;</td>
- <!--<td><div id="msd-led" class="led-off">&#9991;</div></td>
- <td>&nbsp;</td>-->
<td><button id="atx-power-button" type="button" title="Click hardware power button" onclick="atx.clickButton(this);">Power</button></td>
<td><button id="atx-power-button-long" type="button" title="Click hardware power button (long press)" onclick="atx.clickButton(this);">Power (long)</button></td>
<td><button id="atx-reset-button" type="button" title="Click to force reset" onclick="atx.clickButton(this);">Reset</button></td>
diff --git a/kvmd/web/svg/atx-hdd-led.svg b/kvmd/web/svg/atx-hdd-led.svg
new file mode 100644
index 00000000..75987570
--- /dev/null
+++ b/kvmd/web/svg/atx-hdd-led.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16.933332mm"
+ height="16.933332mm"
+ viewBox="0 0 16.933332 16.933332"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="hdd.svg"
+ inkscape:version="0.92.2 2405546, 2018-03-11">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.6"
+ inkscape:cx="13.28418"
+ inkscape:cy="14.886884"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1020"
+ inkscape:window-x="0"
+ inkscape:window-y="30"
+ inkscape:window-maximized="1" />
+ <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:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-107.87666,-24.618942)">
+ <flowRoot
+ xml:space="preserve"
+ id="flowRoot5064"
+ style="fill:black;stroke:none;stroke-opacity:1;stroke-width:1px;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;font-family:Adobe Garamond Pro;font-style:normal;font-weight:bold;font-size:10px;line-height:125%;letter-spacing:0px;word-spacing:0px;-inkscape-font-specification:Adobe Garamond Pro Bold;font-stretch:normal;font-variant:normal;text-anchor:start;text-align:start;writing-mode:lr"><flowRegion
+ id="flowRegion5066"><rect
+ id="rect5068"
+ width="50.892857"
+ height="43.57143"
+ x="-72.321426"
+ y="5.4285674" /></flowRegion><flowPara
+ id="flowPara5070"></flowPara></flowRoot> <g
+ aria-label="🖴"
+ transform="matrix(1.8649046,0,0,1.8649046,248.12652,14.45492)"
+ style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10px;line-height:125%;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.141875px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="flowRoot5072">
+ <path
+ d="m -75.064844,9.6551562 1.16,-2.35 q 0.07,-0.1299999 0.14,-0.24 0.08,-0.12 0.24,-0.12 h 5.72 q 0.16,0 0.23,0.12 0.08,0.1100001 0.15,0.24 l 1.16,2.35 z m 4.4,-0.4 q 0.62,0 1.12,-0.1399999 0.51,-0.14 0.8,-0.37 0.3,-0.23 0.3,-0.5100001 0,-0.28 -0.3,-0.5 -0.29,-0.23 -0.8,-0.36 -0.5,-0.14 -1.12,-0.14 -0.8,0 -1.41,0.23 -0.6,0.23 -0.77,0.5800001 l 1.32,0.01 -0.03,0.21 -1.31,0.11 q 0.07,0.24 0.37,0.44 0.31,0.2 0.78,0.32 0.48,0.1199999 1.05,0.1199999 z m 0,-0.7899999 q -0.24,0 -0.42,-0.08 -0.17,-0.09 -0.17,-0.2 0,-0.1100001 0.17,-0.1900001 0.18,-0.08 0.42,-0.08 0.25,0 0.43,0.08 0.18,0.08 0.18,0.1900001 0,0.11 -0.18,0.2 -0.18,0.08 -0.43,0.08 z m -4.02,4.5699997 q -0.22,0 -0.37,-0.15 -0.15,-0.16 -0.15,-0.37 V 9.9851562 h 9.08 v 2.5299998 q 0,0.21 -0.15,0.37 -0.14,0.15 -0.37,0.15 z m -0.05,-2.05 h 8.14 v -0.47 h -8.14 z m 7.8,1.08 q 0.13,0 0.21,-0.09 0.08,-0.09 0.08,-0.22 0,-0.11 -0.08,-0.2 -0.08,-0.09 -0.21,-0.09 -0.13,0 -0.22,0.09 -0.09,0.09 -0.09,0.2 0,0.13 0.09,0.22 0.09,0.09 0.22,0.09 z"
+ style="stroke-width:0.141875px"
+ id="path5080"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+</svg>
diff --git a/kvmd/web/svg/atx-power-led.svg b/kvmd/web/svg/atx-power-led.svg
new file mode 100644
index 00000000..b82af7bc
--- /dev/null
+++ b/kvmd/web/svg/atx-power-led.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16.933332mm"
+ height="16.933332mm"
+ viewBox="0 0 16.933332 16.933332"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="power.svg"
+ inkscape:version="0.92.2 2405546, 2018-03-11">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.6"
+ inkscape:cx="13.28418"
+ inkscape:cy="14.886884"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1020"
+ inkscape:window-x="0"
+ inkscape:window-y="30"
+ inkscape:window-maximized="1" />
+ <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:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-107.87666,-24.618942)">
+ <g
+ aria-label="⏻"
+ transform="matrix(1.9608076,0,0,1.9608076,269.69365,18.4972)"
+ style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10px;line-height:125%;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.21589744;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="flowRoot4958">
+ <path
+ d="M -78.747734,7.26 V 3.23 h 1.04 v 4.03 z m 0.54,4.39 q -0.87,0 -1.6,-0.3 -0.73,-0.29 -1.27,-0.82 -0.54,-0.53 -0.84,-1.24 -0.3,-0.72 -0.3,-1.57 0,-0.96 0.4,-1.84 0.4,-0.89 1.18,-1.45 l 0.54,0.7 q -0.43,0.29 -0.71,0.72 -0.27,0.43 -0.41,0.92 -0.13,0.49 -0.13,0.95 0,0.64 0.23,1.2 0.23,0.56 0.65,0.98 0.43,0.42 1,0.66 0.57,0.23 1.25,0.23 0.69,0 1.26,-0.23 0.58,-0.24 1,-0.66 0.42,-0.42 0.65,-0.98 0.24,-0.56 0.24,-1.2 0,-0.46 -0.14,-0.95 -0.13,-0.49 -0.41,-0.92 -0.27,-0.43 -0.7,-0.72 l 0.54,-0.7 q 0.78,0.56 1.18,1.45 0.4,0.88 0.4,1.84 0,0.85 -0.3,1.57 -0.3,0.71 -0.84,1.24 -0.54,0.53 -1.28,0.82 -0.73,0.3 -1.59,0.3 z"
+ style="stroke:#000000;stroke-width:0.21589744;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="path4998" />
+ </g>
+ </g>
+</svg>
diff --git a/kvmd/web/svg/hid-keyboard-led.svg b/kvmd/web/svg/hid-keyboard-led.svg
new file mode 100644
index 00000000..dc17c615
--- /dev/null
+++ b/kvmd/web/svg/hid-keyboard-led.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16.933332mm"
+ height="16.933332mm"
+ viewBox="0 0 16.933332 16.933332"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="keyboard.svg"
+ inkscape:version="0.92.2 2405546, 2018-03-11">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.6"
+ inkscape:cx="1.0356611"
+ inkscape:cy="21.129805"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1020"
+ inkscape:window-x="0"
+ inkscape:window-y="30"
+ inkscape:window-maximized="1" />
+ <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:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-107.87666,-24.618942)">
+ <g
+ aria-label="⌨"
+ transform="matrix(1.2768581,0,0,1.2768581,215.79611,15.018191)"
+ style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10px;line-height:125%;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.20721436px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="flowRoot4808">
+ <path
+ d="m -83.44043,10.504883 h 11.103516 q 1.079102,0 1.079102,1.079101 v 5.131836 q 0,1.079102 -1.079102,1.079102 H -83.44043 q -1.079101,0 -1.079101,-1.079102 v -5.131836 q 0,-1.079101 1.079101,-1.079101 z m -0.361328,1.079101 v 5.131836 q 0,0.361328 0.361328,0.361328 h 11.103516 q 0.356445,0 0.356445,-0.361328 v -5.131836 q 0,-0.361328 -0.356445,-0.361328 H -83.44043 q -0.361328,0 -0.361328,0.361328 z m 1.264649,4.501953 v 0.356446 q 0,0.180664 -0.180664,0.180664 h -0.361329 q -0.180664,0 -0.180664,-0.180664 v -0.356446 q 0,-0.185546 0.180664,-0.185546 h 0.361329 q 0.180664,0 0.180664,0.185546 z m 1.088867,-0.0049 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.366211 q -0.175781,0 -0.175781,-0.180664 v -0.361328 q 0,-0.180664 0.175781,-0.180664 h 0.366211 q 0.180664,0 0.180664,0.180664 z m 1.611328,-1.074219 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m -2.158203,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079101,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 2.153321,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180665,0 -0.180665,-0.180664 v -0.361328 q 0,-0.180664 0.180665,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079101,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079102,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079101,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079102,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.943359,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -1.225586 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 1.225586 q 0.180664,0 0.180664,0.180664 z m -9.672851,-1.074219 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079101,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079102,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.074219,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361329 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361329 q 0.180664,0 0.180664,0.180664 z m 1.079101,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079102,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079101,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079102,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m -0.175781,-1.074219 v 0.361329 q 0,0.180664 -0.180664,0.180664 h -0.361329 q -0.180664,0 -0.180664,-0.180664 v -0.361329 q 0,-0.180664 0.180664,-0.180664 h 0.361329 q 0.180664,0 0.180664,0.180664 z m -1.079102,0 v 0.361329 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361329 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m -1.079101,0 v 0.361329 q 0,0.180664 -0.180665,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361329 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180665,0 0.180665,0.180664 z m -1.079102,0 v 0.361329 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361329 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m -1.074219,0 v 0.361329 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361329 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m -1.079101,0 v 0.361329 q 0,0.180664 -0.180664,0.180664 h -0.361329 q -0.180664,0 -0.180664,-0.180664 v -0.361329 q 0,-0.180664 0.180664,-0.180664 h 0.361329 q 0.180664,0 0.180664,0.180664 z m -1.079102,0 v 0.361329 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361329 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m -1.079101,0 v 0.361329 q 0,0.180664 -0.180665,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361329 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180665,0 0.180665,0.180664 z m -0.175782,-1.05957 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079102,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079101,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079102,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.074219,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180665,0 -0.180665,-0.180664 v -0.361328 q 0,-0.180664 0.180665,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079101,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079102,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079101,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.079102,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.396484,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.678711 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.678711 q 0.180664,0 0.180664,0.180664 z m -0.180664,0.888672 q 0.180664,0 0.180664,0.180664 v 1.416016 q 0,0.180664 -0.180664,0.180664 h -1.201172 q -0.205078,0 -0.205078,-0.180664 v -0.727539 q 0,-0.15625 -0.175781,-0.15625 -0.180664,0 -0.180664,-0.180664 v -0.356446 q 0,-0.180664 0.180664,-0.180664 z m -0.859375,3.393555 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.361328 q -0.180664,0 -0.180664,-0.180664 v -0.361328 q 0,-0.180664 0.180664,-0.180664 h 0.361328 q 0.180664,0 0.180664,0.180664 z m 1.088867,0 v 0.361328 q 0,0.180664 -0.180664,0.180664 h -0.366211 q -0.175781,0 -0.175781,-0.180664 v -0.361328 q 0,-0.180664 0.175781,-0.180664 h 0.366211 q 0.180664,0 0.180664,0.180664 z m -7.944335,0.541992 q -0.180665,0 -0.180665,-0.180664 v -0.361328 q 0,-0.180664 0.180665,-0.180664 h 5.019531 q 0.180664,0 0.180664,0.180664 v 0.361328 q 0,0.180664 -0.180664,0.180664 z"
+ style="stroke-width:0.20721436px"
+ id="path4816" />
+ </g>
+ </g>
+</svg>
diff --git a/kvmd/web/svg/hid-mouse-led.svg b/kvmd/web/svg/hid-mouse-led.svg
new file mode 100644
index 00000000..b922bdde
--- /dev/null
+++ b/kvmd/web/svg/hid-mouse-led.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16.933332mm"
+ height="16.933332mm"
+ viewBox="0 0 16.933332 16.933332"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="mouse.svg"
+ inkscape:version="0.92.2 2405546, 2018-03-11">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.6"
+ inkscape:cx="13.28418"
+ inkscape:cy="14.886884"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1020"
+ inkscape:window-x="0"
+ inkscape:window-y="30"
+ inkscape:window-maximized="1" />
+ <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:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-107.87666,-24.618942)">
+ <g
+ aria-label="🖰"
+ transform="matrix(2.0925222,0,0,2.0925222,225.46869,4.2347952)"
+ style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10px;line-height:125%;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.20230769;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="flowRoot4916">
+ <path
+ d="m -52.145156,17.732578 q -1.41,0 -2.15,-0.75 -0.73,-0.76 -0.73,-2.21 v -0.46 l 0.13,-2.72 q 0.04,-0.91 0.39,-1.33 0.36,-0.4199999 1.08,-0.4199999 0.2,0 0.44,0.03 l 2.48,0.2499999 q 0.55,0.05 0.79,0.35 0.25,0.29 0.28,0.9 l 0.16,3.14 v 0.29 q 0,1.42 -0.74,2.18 -0.73,0.75 -2.13,0.75 z m -2.48,-5.45 q 0.35,-0.04 0.71,-0.05 0.37,-0.02 0.73,-0.02 0.28,0 0.55,0.01 0.28,0.01 0.55,0.03 v -2 l -0.93,-0.09 q -0.11,-0.01 -0.22,-0.02 -0.1,-0.01 -0.19,-0.01 -0.59,0 -0.86,0.34 -0.27,0.33 -0.31,1.13 z m 4.96,0.39 -0.07,-1.29 q -0.03,-0.5 -0.21,-0.71 -0.17,-0.21 -0.6,-0.26 l -1.26,-0.13 v 2 q 0.56,0.05 1.1,0.16 0.55,0.1 1.04,0.23 z m -2.47,4.77 q 2.56,0 2.56,-2.64 v -0.27 l -0.08,-1.55 q -0.89,-0.24 -1.75,-0.35 -0.86,-0.12 -1.73,-0.12 -0.38,0 -0.75,0.02 -0.37,0.02 -0.76,0.06 l -0.08,1.71 v 0.47 q 0,2.67 2.59,2.67 z"
+ style="stroke:#000000;stroke-width:0.20230769;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="path5033" />
+ </g>
+ </g>
+</svg>
diff --git a/kvmd/web/svg/msd-led.svg b/kvmd/web/svg/msd-led.svg
new file mode 100644
index 00000000..a8da7092
--- /dev/null
+++ b/kvmd/web/svg/msd-led.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16.933332mm"
+ height="16.933332mm"
+ viewBox="0 0 16.933332 16.933332"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="msd.svg"
+ inkscape:version="0.92.2 2405546, 2018-03-11">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.6"
+ inkscape:cx="-7.1450758"
+ inkscape:cy="12.600068"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1020"
+ inkscape:window-x="0"
+ inkscape:window-y="30"
+ inkscape:window-maximized="1" />
+ <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:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-107.87666,-24.618942)">
+ <flowRoot
+ xml:space="preserve"
+ id="flowRoot5064"
+ style="fill:black;stroke:none;stroke-opacity:1;stroke-width:1px;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;font-family:Adobe Garamond Pro;font-style:normal;font-weight:bold;font-size:10px;line-height:125%;letter-spacing:0px;word-spacing:0px;-inkscape-font-specification:Adobe Garamond Pro Bold;font-stretch:normal;font-variant:normal;text-anchor:start;text-align:start;writing-mode:lr"><flowRegion
+ id="flowRegion5066"><rect
+ id="rect5068"
+ width="50.892857"
+ height="43.57143"
+ x="-72.321426"
+ y="5.4285674" /></flowRegion><flowPara
+ id="flowPara5070"></flowPara></flowRoot> <g
+ aria-label="✇"
+ transform="matrix(2.2460794,0,0,2.2388294,309.08063,12.073626)"
+ style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10px;line-height:125%;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.11798844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="flowRoot5115">
+ <path
+ d="m -87.924805,11.194336 q -0.307617,-0.356445 -0.46875,-0.74707 -0.0293,-0.07324 -0.05371,-0.146485 l 1.455079,-1.2353513 q -0.03906,0.1464844 -0.03906,0.3125 0,0.2441406 0.09277,0.4638672 0.09277,0.2246091 0.268555,0.4003911 0.15625,0.15625 0.395508,0.263671 0.09766,0.04395 0.136719,0.04883 z m 2.973633,-2.6855469 q -0.175781,-0.1660157 -0.395508,-0.2636719 -0.209961,-0.092773 -0.463867,-0.092773 -0.253906,0 -0.463867,0.092773 -0.219727,0.097656 -0.395508,0.2636719 l 0.341797,-1.8896485 q 0.249023,-0.043945 0.517578,-0.043945 0.273438,0 0.517578,0.043945 z m 0.322266,0.5566406 1.455078,1.2353513 q -0.0098,0.03418 -0.05371,0.146485 -0.161133,0.390625 -0.46875,0.74707 l -1.787109,-0.639648 q 0.06836,-0.01953 0.136718,-0.04883 0.239258,-0.107421 0.395508,-0.263671 0.175781,-0.175782 0.268555,-0.4003911 0.09277,-0.2197266 0.09277,-0.4638672 0,-0.1611328 -0.03906,-0.312499 z m -1.459961,-0.3710938 q 0.126953,-0.053711 0.27832,-0.053711 0.151367,0 0.27832,0.053711 0.131836,0.058594 0.239258,0.1611329 0.107422,0.1123046 0.161133,0.2392578 0.05371,0.1318359 0.05371,0.2832031 0,0.1464844 -0.05371,0.2783203 -0.05371,0.1269531 -0.161133,0.2392578 -0.107422,0.1025391 -0.239258,0.1611332 -0.126953,0.05371 -0.27832,0.05371 -0.151367,0 -0.27832,-0.05371 -0.131836,-0.058594 -0.239258,-0.1611332 -0.107422,-0.1123047 -0.161133,-0.2392578 -0.05371,-0.1318359 -0.05371,-0.2783203 0,-0.1513672 0.05371,-0.2832031 0.05371,-0.1269532 0.161133,-0.2392578 0.107422,-0.1025391 0.239258,-0.1611329 z m 0.27832,-2.602539 q -0.654297,0 -1.259765,0.2490234 -0.581055,0.2392578 -1.059571,0.7226563 -0.488281,0.4882812 -0.722656,1.0644531 -0.239258,0.5810547 -0.239258,1.2695312 0,0.6494141 0.239258,1.2451171 0.239258,0.581055 0.722656,1.064453 0.46875,0.473633 1.059571,0.722657 0.59082,0.249023 1.259765,0.249023 0.664063,0 1.259766,-0.249023 0.581054,-0.239258 1.05957,-0.722657 0.488281,-0.488281 0.722656,-1.064453 0.239258,-0.581055 0.239258,-1.2451171 0,-0.6884765 -0.239258,-1.2695312 -0.224609,-0.5517578 -0.722656,-1.0644531 -0.463867,-0.46875 -1.05957,-0.7226563 -0.585938,-0.2490234 -1.259766,-0.2490234 z m 0,-0.4882813 q 0.751953,0 1.445313,0.288086 0.654297,0.2734375 1.21582,0.8300781 0.546875,0.5419922 0.830078,1.2207031 0.27832,0.6689453 0.27832,1.4550781 0,0.7421871 -0.27832,1.4306641 -0.258789,0.639648 -0.830078,1.220703 -0.537109,0.546875 -1.21582,0.830078 -0.688477,0.288086 -1.445313,0.288086 -0.751953,0 -1.445312,-0.288086 -0.654297,-0.273437 -1.215821,-0.830078 -0.546875,-0.541992 -0.830078,-1.220703 -0.27832,-0.668945 -0.27832,-1.4306641 0,-0.7666015 0.27832,-1.4550781 0.258789,-0.6396484 0.830078,-1.2207031 0.527344,-0.5371094 1.215821,-0.8300781 0.683593,-0.288086 1.445312,-0.288086 z"
+ style="stroke-width:0.11798844px"
+ id="path5123"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+</svg>
diff --git a/kvmd/web/svg/stream-led.svg b/kvmd/web/svg/stream-led.svg
new file mode 100644
index 00000000..8dfbfbe3
--- /dev/null
+++ b/kvmd/web/svg/stream-led.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16.933332mm"
+ height="16.933332mm"
+ viewBox="0 0 16.933332 16.933332"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="screen.svg"
+ inkscape:version="0.92.2 2405546, 2018-03-11">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.6"
+ inkscape:cx="1.0356611"
+ inkscape:cy="21.129805"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1020"
+ inkscape:window-x="0"
+ inkscape:window-y="30"
+ inkscape:window-maximized="1" />
+ <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:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-107.87666,-24.618942)">
+ <g
+ aria-label="🖵"
+ transform="matrix(1.7493113,0,0,1.7493113,-47.955951,-29.472907)"
+ style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10px;line-height:125%;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.57165354px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="flowRoot4747">
+ <path
+ d="m 91.792266,39.911797 v -0.32 q 0,-0.14 0.1,-0.23 0.11,-0.1 0.26,-0.1 h 1.26 v -0.56 h -3.85 q -0.2,0 -0.34,-0.14 -0.14,-0.15 -0.14,-0.35 v -6.12 q 0,-0.2 0.14,-0.34 0.14,-0.14 0.34,-0.14 h 8.72 q 0.19,0 0.33,0.14 0.15,0.14 0.15,0.34 v 6.12 q 0,0.2 -0.15,0.35 -0.14,0.14 -0.33,0.14 h -3.86 v 0.56 h 1.26 q 0.15,0 0.25,0.1 0.11,0.09 0.11,0.23 v 0.32 z m -1.72,-2.46 h 7.69 q 0.15,0 0.25,-0.11 0.11,-0.11 0.11,-0.26 v -4.4 q 0,-0.16 -0.11,-0.27 -0.1,-0.11 -0.25,-0.11 h -7.69 q -0.15,0 -0.26,0.11 -0.1,0.11 -0.1,0.27 v 4.4 q 0,0.15 0.1,0.26 0.11,0.11 0.26,0.11 z m 7.93,0.75 q 0.13,0 0.13,-0.14 0,-0.13 -0.13,-0.13 -0.14,0 -0.14,0.13 0,0.14 0.14,0.14 z"
+ style="stroke-width:0.57165354px"
+ id="path4851" />
+ </g>
+ </g>
+</svg>