From 4828bd2229135494960afff32d7d7310f4b66715 Mon Sep 17 00:00:00 2001
From: thomas_lucky13 <mkoul@mail.ru>
Date: Thu, 21 Jul 2022 17:47:06 +0400
Subject: [PATCH] virtual keyboard

---
 resources/OpenBoard.qrc                       |  20 ++
 .../images/virtual.keyboard/29/backspace.svg  | 129 +++++++++++++
 .../images/virtual.keyboard/29/capslock.svg   | 134 ++++++++++++++
 .../virtual.keyboard/29/centre-active.svg     | 101 +++++++++++
 .../virtual.keyboard/29/centre-passive.svg    | 171 ++++++++++++++++++
 .../virtual.keyboard/29/left-active.svg       | 160 ++++++++++++++++
 .../virtual.keyboard/29/left-passive.svg      | 171 ++++++++++++++++++
 .../virtual.keyboard/29/right-active.svg      | 160 ++++++++++++++++
 .../virtual.keyboard/29/right-passive.svg     | 171 ++++++++++++++++++
 .../images/virtual.keyboard/29/shift.svg      | 122 +++++++++++++
 resources/images/virtual.keyboard/29/tab.svg  | 163 +++++++++++++++++
 .../images/virtual.keyboard/41/backspace.svg  | 129 +++++++++++++
 .../images/virtual.keyboard/41/capslock.svg   | 134 ++++++++++++++
 .../virtual.keyboard/41/centre-active.svg     | 101 +++++++++++
 .../virtual.keyboard/41/centre-passive.svg    | 171 ++++++++++++++++++
 .../virtual.keyboard/41/left-active.svg       | 160 ++++++++++++++++
 .../virtual.keyboard/41/left-passive.svg      | 171 ++++++++++++++++++
 .../virtual.keyboard/41/right-active.svg      | 160 ++++++++++++++++
 .../virtual.keyboard/41/right-passive.svg     | 171 ++++++++++++++++++
 .../images/virtual.keyboard/41/shift.svg      | 122 +++++++++++++
 resources/images/virtual.keyboard/41/tab.svg  | 163 +++++++++++++++++
 src/gui/UBKeyboardPalette.cpp                 |  12 +-
 22 files changed, 2990 insertions(+), 6 deletions(-)
 create mode 100644 resources/images/virtual.keyboard/29/backspace.svg
 create mode 100644 resources/images/virtual.keyboard/29/capslock.svg
 create mode 100644 resources/images/virtual.keyboard/29/centre-active.svg
 create mode 100644 resources/images/virtual.keyboard/29/centre-passive.svg
 create mode 100644 resources/images/virtual.keyboard/29/left-active.svg
 create mode 100644 resources/images/virtual.keyboard/29/left-passive.svg
 create mode 100644 resources/images/virtual.keyboard/29/right-active.svg
 create mode 100644 resources/images/virtual.keyboard/29/right-passive.svg
 create mode 100644 resources/images/virtual.keyboard/29/shift.svg
 create mode 100644 resources/images/virtual.keyboard/29/tab.svg
 create mode 100644 resources/images/virtual.keyboard/41/backspace.svg
 create mode 100644 resources/images/virtual.keyboard/41/capslock.svg
 create mode 100644 resources/images/virtual.keyboard/41/centre-active.svg
 create mode 100644 resources/images/virtual.keyboard/41/centre-passive.svg
 create mode 100644 resources/images/virtual.keyboard/41/left-active.svg
 create mode 100644 resources/images/virtual.keyboard/41/left-passive.svg
 create mode 100644 resources/images/virtual.keyboard/41/right-active.svg
 create mode 100644 resources/images/virtual.keyboard/41/right-passive.svg
 create mode 100644 resources/images/virtual.keyboard/41/shift.svg
 create mode 100644 resources/images/virtual.keyboard/41/tab.svg

diff --git a/resources/OpenBoard.qrc b/resources/OpenBoard.qrc
index faafe96b..6f3624f7 100644
--- a/resources/OpenBoard.qrc
+++ b/resources/OpenBoard.qrc
@@ -413,6 +413,26 @@
         <file>images/virtual.keyboard/29/capslock.png</file>
         <file>images/virtual.keyboard/29/shift.png</file>
         <file>images/virtual.keyboard/29/tab.png</file>
+        <file>images/virtual.keyboard/29/backspace.svg</file>
+        <file>images/virtual.keyboard/29/capslock.svg</file>
+        <file>images/virtual.keyboard/29/shift.svg</file>
+        <file>images/virtual.keyboard/29/tab.svg</file>
+        <file>images/virtual.keyboard/29/centre-active.svg</file>
+        <file>images/virtual.keyboard/29/left-active.svg</file>
+        <file>images/virtual.keyboard/29/right-active.svg</file>
+        <file>images/virtual.keyboard/29/centre-passive.svg</file>
+        <file>images/virtual.keyboard/29/left-passive.svg</file>
+        <file>images/virtual.keyboard/29/right-passive.svg</file>
+        <file>images/virtual.keyboard/41/backspace.svg</file>
+        <file>images/virtual.keyboard/41/capslock.svg</file>
+        <file>images/virtual.keyboard/41/shift.svg</file>
+        <file>images/virtual.keyboard/41/tab.svg</file>
+        <file>images/virtual.keyboard/41/centre-active.svg</file>
+        <file>images/virtual.keyboard/41/left-active.svg</file>
+        <file>images/virtual.keyboard/41/right-active.svg</file>
+        <file>images/virtual.keyboard/41/centre-passive.svg</file>
+        <file>images/virtual.keyboard/41/left-passive.svg</file>
+        <file>images/virtual.keyboard/41/right-passive.svg</file>
         <file>images/toolPalette/cacheTool.png</file>
         <file>images/libpalette/FlashCategory.svg</file>
         <file>images/libpalette/FlashIcon.svg</file>
diff --git a/resources/images/virtual.keyboard/29/backspace.svg b/resources/images/virtual.keyboard/29/backspace.svg
new file mode 100644
index 00000000..f082dd3a
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/backspace.svg
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="backspace.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="32"
+     inkscape:cx="20.78125"
+     inkscape:cy="24.890625"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <rect
+       style="fill:#000000;fill-opacity:1;stroke-width:4.56934;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       id="rect1043"
+       width="16.936668"
+       height="1.9999962"
+       x="169.84747"
+       y="214.2822"
+       ry="0" />
+    <path
+       style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 162.84748,215.2822 8,-3 v 6 l -8,-3"
+       id="path1271" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/29/capslock.svg b/resources/images/virtual.keyboard/29/capslock.svg
new file mode 100644
index 00000000..c611aa2a
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/capslock.svg
@@ -0,0 +1,134 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="capslock.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="45.254834"
+     inkscape:cx="19.865281"
+     inkscape:cy="24.450427"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 165.84748,217.2822 h 3 v 7 h 10 v -7 h 3 l -8,-8 z"
+       id="path964"
+       sodipodi:nodetypes="cccccccc" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:9.28246px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.232061"
+       x="201.93301"
+       y="188.02191"
+       id="text4775"
+       transform="scale(0.84587035,1.1822143)"><tspan
+         sodipodi:role="line"
+         id="tspan4773"
+         x="201.93301"
+         y="188.02191"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';stroke-width:0.232061">A</tspan></text>
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/29/centre-active.svg b/resources/images/virtual.keyboard/29/centre-active.svg
new file mode 100644
index 00000000..2c865884
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/centre-active.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="1"
+   height="42"
+   viewBox="0 0 1 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="centre-active.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="256"
+     inkscape:cx="0.88476562"
+     inkscape:cy="4.5917969"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505" />
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#979797;fill-opacity:0.945098;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85017,196.28092 h -1 v 38 l 1,-1e-5 c 0,0 -0.003,-37.99871 0,-37.99999 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#c6c6c6;fill-opacity:1;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.84994,197.2809 -0.99977,2e-5 v 36 h 0.99977 c 0,0 -0.002,-35.99872 0,-36.00002 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:#bcbdbd;fill-opacity:1;stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85287,198.2822 -1.0027,-10e-4 v 33.99972 l 1.0027,-0.005 c -0.005,0.006 -0.005,-33.99372 0,-33.99372 z"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/29/centre-passive.svg b/resources/images/virtual.keyboard/29/centre-passive.svg
new file mode 100644
index 00000000..155edaea
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/centre-passive.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="1"
+   height="42"
+   viewBox="0 0 1 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="left-passive.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="45.254834"
+     inkscape:cx="-0.51928154"
+     inkscape:cy="5.2480581"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="1px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#SVGID_1_"
+       id="linearGradient18861"
+       x1="172.84747"
+       y1="231.2822"
+       x2="172.84747"
+       y2="197.2822"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-10,0.99972)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#838383;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 152.84748,196.28192 h 1 v 38 l -1,-1e-5 c 0,0 -0.003,-37.99871 0,-37.99999 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#fbfbfb;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 152.84771,197.2819 0.99977,2e-5 v 36 h -0.99977 c 0,0 -0.003,-35.99872 0,-36.00002 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:url(#linearGradient18861);stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 152.84478,198.2832 1.0027,-0.001 v 33.99972 l -1.0027,-0.005 z"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/29/left-active.svg b/resources/images/virtual.keyboard/29/left-active.svg
new file mode 100644
index 00000000..6b2e87c4
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/left-active.svg
@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="5"
+   height="42"
+   viewBox="0 0 5 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="left-active.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="16"
+     inkscape:cx="0.0625"
+     inkscape:cy="18.59375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#979797;fill-opacity:0.945098;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.85018,196.28092 h 1 v 38 l -1,-1e-5 c -2.21601,-2e-5 -4.00001,-1.784 -4.00001,-4.00001 v -29.99998 c 0,-2.216 1.784,-4 4.00001,-4 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#c6c6c6;fill-opacity:1;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.85041,197.2809 0.99977,2e-5 v 36 h -0.99977 c -1.66201,0 -3.00002,-1.33801 -3.00002,-3.00002 v -29.99998 c 0,-1.66201 1.33801,-3.00002 3.00002,-3.00002 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:#bcbdbd;fill-opacity:1;stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.84748,198.2822 1.0027,-10e-4 v 33.99972 l -1.0027,-0.005 c -1.10728,-0.006 -1.99873,-0.89143 -1.99873,-1.99872 v -29.99628 c 0,-1.10729 0.89143,-1.99872 1.99873,-1.99872 z"
+       sodipodi:nodetypes="sccssss" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/29/left-passive.svg b/resources/images/virtual.keyboard/29/left-passive.svg
new file mode 100644
index 00000000..71148950
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/left-passive.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="5"
+   height="42"
+   viewBox="0 0 5 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="left-passive.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="16"
+     inkscape:cx="-3.34375"
+     inkscape:cy="19.34375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#SVGID_1_"
+       id="linearGradient18861"
+       x1="172.84747"
+       y1="231.2822"
+       x2="172.84747"
+       y2="197.2822"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-5.9973,0.99872)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#838383;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.85018,196.28092 h 1 v 38 l -1,-1e-5 c -2.21601,-2e-5 -4.00001,-1.784 -4.00001,-4.00001 v -29.99998 c 0,-2.216 1.784,-4 4.00001,-4 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#fbfbfb;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.85041,197.2809 0.99977,2e-5 v 36 h -0.99977 c -1.66201,0 -3.00002,-1.33801 -3.00002,-3.00002 v -29.99998 c 0,-1.66201 1.33801,-3.00002 3.00002,-3.00002 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:url(#linearGradient18861);stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.84748,198.2822 1.0027,-10e-4 v 33.99972 l -1.0027,-0.005 c -1.10728,-0.006 -1.99873,-0.89143 -1.99873,-1.99872 v -29.99628 c 0,-1.10729 0.89143,-1.99872 1.99873,-1.99872 z"
+       sodipodi:nodetypes="sccssss" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/29/right-active.svg b/resources/images/virtual.keyboard/29/right-active.svg
new file mode 100644
index 00000000..76b59c35
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/right-active.svg
@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="5"
+   height="42"
+   viewBox="0 0 5 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="right-active.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="16"
+     inkscape:cx="0.0625"
+     inkscape:cy="18.59375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#979797;fill-opacity:0.945098;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85017,196.28092 h -1 v 38 l 1,-1e-5 c 2.21601,-2e-5 4.00001,-1.784 4.00001,-4.00001 v -29.99998 c 0,-2.216 -1.784,-4 -4.00001,-4 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#c6c6c6;fill-opacity:1;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.84994,197.2809 -0.99977,2e-5 v 36 h 0.99977 c 1.66201,0 3.00002,-1.33801 3.00002,-3.00002 v -29.99998 c 0,-1.66201 -1.33801,-3.00002 -3.00002,-3.00002 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:#bcbdbd;fill-opacity:1;stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85287,198.2822 -1.0027,-10e-4 v 33.99972 l 1.0027,-0.005 c 1.10728,-0.006 1.99873,-0.89143 1.99873,-1.99872 v -29.99628 c 0,-1.10729 -0.89143,-1.99872 -1.99873,-1.99872 z"
+       sodipodi:nodetypes="sccssss" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/29/right-passive.svg b/resources/images/virtual.keyboard/29/right-passive.svg
new file mode 100644
index 00000000..f9506252
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/right-passive.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="5"
+   height="42"
+   viewBox="0 0 5 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="right-passive.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="16"
+     inkscape:cx="-3.34375"
+     inkscape:cy="19.34375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#SVGID_1_"
+       id="linearGradient18861"
+       x1="172.84747"
+       y1="231.2822"
+       x2="172.84747"
+       y2="197.2822"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,316.69765,0.99872)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#838383;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85017,196.28092 h -1 v 38 l 1,-1e-5 c 2.21601,-2e-5 4.00001,-1.784 4.00001,-4.00001 v -29.99998 c 0,-2.216 -1.784,-4 -4.00001,-4 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#fbfbfb;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.84994,197.2809 -0.99977,2e-5 v 36 h 0.99977 c 1.66201,0 3.00002,-1.33801 3.00002,-3.00002 v -29.99998 c 0,-1.66201 -1.33801,-3.00002 -3.00002,-3.00002 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:url(#linearGradient18861);stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85287,198.2822 -1.0027,-10e-4 v 33.99972 l 1.0027,-0.005 c 1.10728,-0.006 1.99873,-0.89143 1.99873,-1.99872 v -29.99628 c 0,-1.10729 -0.89143,-1.99872 -1.99873,-1.99872 z"
+       sodipodi:nodetypes="sccssss" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/29/shift.svg b/resources/images/virtual.keyboard/29/shift.svg
new file mode 100644
index 00000000..fa6cb6d7
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/shift.svg
@@ -0,0 +1,122 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="shift.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="45.254834"
+     inkscape:cx="21.38998"
+     inkscape:cy="24.715592"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 167.84748,215.2822 h 3 v 9 h 6 v -9 h 3 l -6,-6 z"
+       id="path964"
+       sodipodi:nodetypes="cccccccc" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/29/tab.svg b/resources/images/virtual.keyboard/29/tab.svg
new file mode 100644
index 00000000..b070f3fd
--- /dev/null
+++ b/resources/images/virtual.keyboard/29/tab.svg
@@ -0,0 +1,163 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="tab.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="64"
+     inkscape:cx="31.210938"
+     inkscape:cy="24.351563"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g1045"
+       transform="translate(0.09375,-4.03125)">
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke-width:4.56934;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+         id="rect1043"
+         width="16.936668"
+         height="1.9999962"
+         x="169.84747"
+         y="214.2822"
+         ry="0" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 162.84748,215.2822 8,-3 v 6 l -8,-3"
+         id="path1271" />
+      <rect
+         style="fill:#000000;stroke-width:2.52982;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+         id="rect945"
+         width="1"
+         height="7.9999962"
+         x="161.84747"
+         y="211.2822" />
+    </g>
+    <g
+       id="g1053"
+       transform="matrix(-1,0,0,1,348.72536,5)">
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke-width:4.56934;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+         id="rect1047"
+         width="16.936668"
+         height="1.9999962"
+         x="169.84747"
+         y="214.2822"
+         ry="0" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 162.84748,215.2822 8,-3 v 6 l -8,-3"
+         id="path1049" />
+      <rect
+         style="fill:#000000;stroke-width:2.52982;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+         id="rect1051"
+         width="1"
+         height="7.9999962"
+         x="161.84747"
+         y="211.2822" />
+    </g>
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/backspace.svg b/resources/images/virtual.keyboard/41/backspace.svg
new file mode 100644
index 00000000..f082dd3a
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/backspace.svg
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="backspace.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="32"
+     inkscape:cx="20.78125"
+     inkscape:cy="24.890625"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <rect
+       style="fill:#000000;fill-opacity:1;stroke-width:4.56934;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       id="rect1043"
+       width="16.936668"
+       height="1.9999962"
+       x="169.84747"
+       y="214.2822"
+       ry="0" />
+    <path
+       style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 162.84748,215.2822 8,-3 v 6 l -8,-3"
+       id="path1271" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/capslock.svg b/resources/images/virtual.keyboard/41/capslock.svg
new file mode 100644
index 00000000..c611aa2a
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/capslock.svg
@@ -0,0 +1,134 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="capslock.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="45.254834"
+     inkscape:cx="19.865281"
+     inkscape:cy="24.450427"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 165.84748,217.2822 h 3 v 7 h 10 v -7 h 3 l -8,-8 z"
+       id="path964"
+       sodipodi:nodetypes="cccccccc" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:9.28246px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.232061"
+       x="201.93301"
+       y="188.02191"
+       id="text4775"
+       transform="scale(0.84587035,1.1822143)"><tspan
+         sodipodi:role="line"
+         id="tspan4773"
+         x="201.93301"
+         y="188.02191"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';stroke-width:0.232061">A</tspan></text>
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/centre-active.svg b/resources/images/virtual.keyboard/41/centre-active.svg
new file mode 100644
index 00000000..2c865884
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/centre-active.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="1"
+   height="42"
+   viewBox="0 0 1 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="centre-active.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="256"
+     inkscape:cx="0.88476562"
+     inkscape:cy="4.5917969"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505" />
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#979797;fill-opacity:0.945098;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85017,196.28092 h -1 v 38 l 1,-1e-5 c 0,0 -0.003,-37.99871 0,-37.99999 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#c6c6c6;fill-opacity:1;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.84994,197.2809 -0.99977,2e-5 v 36 h 0.99977 c 0,0 -0.002,-35.99872 0,-36.00002 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:#bcbdbd;fill-opacity:1;stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85287,198.2822 -1.0027,-10e-4 v 33.99972 l 1.0027,-0.005 c -0.005,0.006 -0.005,-33.99372 0,-33.99372 z"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/centre-passive.svg b/resources/images/virtual.keyboard/41/centre-passive.svg
new file mode 100644
index 00000000..155edaea
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/centre-passive.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="1"
+   height="42"
+   viewBox="0 0 1 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="left-passive.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="45.254834"
+     inkscape:cx="-0.51928154"
+     inkscape:cy="5.2480581"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="1px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#SVGID_1_"
+       id="linearGradient18861"
+       x1="172.84747"
+       y1="231.2822"
+       x2="172.84747"
+       y2="197.2822"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-10,0.99972)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#838383;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 152.84748,196.28192 h 1 v 38 l -1,-1e-5 c 0,0 -0.003,-37.99871 0,-37.99999 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#fbfbfb;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 152.84771,197.2819 0.99977,2e-5 v 36 h -0.99977 c 0,0 -0.003,-35.99872 0,-36.00002 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:url(#linearGradient18861);stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 152.84478,198.2832 1.0027,-0.001 v 33.99972 l -1.0027,-0.005 z"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/left-active.svg b/resources/images/virtual.keyboard/41/left-active.svg
new file mode 100644
index 00000000..6b2e87c4
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/left-active.svg
@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="5"
+   height="42"
+   viewBox="0 0 5 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="left-active.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="16"
+     inkscape:cx="0.0625"
+     inkscape:cy="18.59375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#979797;fill-opacity:0.945098;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.85018,196.28092 h 1 v 38 l -1,-1e-5 c -2.21601,-2e-5 -4.00001,-1.784 -4.00001,-4.00001 v -29.99998 c 0,-2.216 1.784,-4 4.00001,-4 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#c6c6c6;fill-opacity:1;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.85041,197.2809 0.99977,2e-5 v 36 h -0.99977 c -1.66201,0 -3.00002,-1.33801 -3.00002,-3.00002 v -29.99998 c 0,-1.66201 1.33801,-3.00002 3.00002,-3.00002 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:#bcbdbd;fill-opacity:1;stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.84748,198.2822 1.0027,-10e-4 v 33.99972 l -1.0027,-0.005 c -1.10728,-0.006 -1.99873,-0.89143 -1.99873,-1.99872 v -29.99628 c 0,-1.10729 0.89143,-1.99872 1.99873,-1.99872 z"
+       sodipodi:nodetypes="sccssss" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/left-passive.svg b/resources/images/virtual.keyboard/41/left-passive.svg
new file mode 100644
index 00000000..71148950
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/left-passive.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="5"
+   height="42"
+   viewBox="0 0 5 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="left-passive.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="16"
+     inkscape:cx="-3.34375"
+     inkscape:cy="19.34375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#SVGID_1_"
+       id="linearGradient18861"
+       x1="172.84747"
+       y1="231.2822"
+       x2="172.84747"
+       y2="197.2822"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-5.9973,0.99872)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#838383;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.85018,196.28092 h 1 v 38 l -1,-1e-5 c -2.21601,-2e-5 -4.00001,-1.784 -4.00001,-4.00001 v -29.99998 c 0,-2.216 1.784,-4 4.00001,-4 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#fbfbfb;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.85041,197.2809 0.99977,2e-5 v 36 h -0.99977 c -1.66201,0 -3.00002,-1.33801 -3.00002,-3.00002 v -29.99998 c 0,-1.66201 1.33801,-3.00002 3.00002,-3.00002 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:url(#linearGradient18861);stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 156.84748,198.2822 1.0027,-10e-4 v 33.99972 l -1.0027,-0.005 c -1.10728,-0.006 -1.99873,-0.89143 -1.99873,-1.99872 v -29.99628 c 0,-1.10729 0.89143,-1.99872 1.99873,-1.99872 z"
+       sodipodi:nodetypes="sccssss" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/right-active.svg b/resources/images/virtual.keyboard/41/right-active.svg
new file mode 100644
index 00000000..76b59c35
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/right-active.svg
@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="5"
+   height="42"
+   viewBox="0 0 5 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="right-active.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="16"
+     inkscape:cx="0.0625"
+     inkscape:cy="18.59375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#979797;fill-opacity:0.945098;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85017,196.28092 h -1 v 38 l 1,-1e-5 c 2.21601,-2e-5 4.00001,-1.784 4.00001,-4.00001 v -29.99998 c 0,-2.216 -1.784,-4 -4.00001,-4 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#c6c6c6;fill-opacity:1;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.84994,197.2809 -0.99977,2e-5 v 36 h 0.99977 c 1.66201,0 3.00002,-1.33801 3.00002,-3.00002 v -29.99998 c 0,-1.66201 -1.33801,-3.00002 -3.00002,-3.00002 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:#bcbdbd;fill-opacity:1;stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85287,198.2822 -1.0027,-10e-4 v 33.99972 l 1.0027,-0.005 c 1.10728,-0.006 1.99873,-0.89143 1.99873,-1.99872 v -29.99628 c 0,-1.10729 -0.89143,-1.99872 -1.99873,-1.99872 z"
+       sodipodi:nodetypes="sccssss" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/right-passive.svg b/resources/images/virtual.keyboard/41/right-passive.svg
new file mode 100644
index 00000000..f9506252
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/right-passive.svg
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="5"
+   height="42"
+   viewBox="0 0 5 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="right-passive.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="16"
+     inkscape:cx="-3.34375"
+     inkscape:cy="19.34375"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:bbox-paths="true"
+     width="5px">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.077519447"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+    <linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="63.4995"
+       y1="24.502399"
+       x2="63.4995"
+       y2="101.9506">
+      <stop
+         offset="0"
+         style="stop-color:#e2e2e5;stop-opacity:1"
+         id="stop4" />
+      <stop
+         offset="1"
+         style="stop-color:#f4f5f5;stop-opacity:1"
+         id="stop6" />
+      <a:midPointStop
+         offset="0"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="0.5"
+         style="stop-color:#FCFCFC" />
+      <a:midPointStop
+         offset="1"
+         style="stop-color:#E6E6E6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#SVGID_1_"
+       id="linearGradient18861"
+       x1="172.84747"
+       y1="231.2822"
+       x2="172.84747"
+       y2="197.2822"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,316.69765,0.99872)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       id="rect1418"
+       style="opacity:1;fill:#838383;stroke-width:1.9354;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85017,196.28092 h -1 v 38 l 1,-1e-5 c 2.21601,-2e-5 4.00001,-1.784 4.00001,-4.00001 v -29.99998 c 0,-2.216 -1.784,-4 -4.00001,-4 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect11009"
+       style="opacity:1;fill:#fbfbfb;stroke-width:1.80727;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.84994,197.2809 -0.99977,2e-5 v 36 h 0.99977 c 1.66201,0 3.00002,-1.33801 3.00002,-3.00002 v -29.99998 c 0,-1.66201 -1.33801,-3.00002 -3.00002,-3.00002 z"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect18835"
+       style="opacity:1;fill:url(#linearGradient18861);stroke-width:1.67844;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+       d="m 153.85287,198.2822 -1.0027,-10e-4 v 33.99972 l 1.0027,-0.005 c 1.10728,-0.006 1.99873,-0.89143 1.99873,-1.99872 v -29.99628 c 0,-1.10729 -0.89143,-1.99872 -1.99873,-1.99872 z"
+       sodipodi:nodetypes="sccssss" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/shift.svg b/resources/images/virtual.keyboard/41/shift.svg
new file mode 100644
index 00000000..fa6cb6d7
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/shift.svg
@@ -0,0 +1,122 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="shift.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="45.254834"
+     inkscape:cx="21.38998"
+     inkscape:cy="24.715592"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 167.84748,215.2822 h 3 v 9 h 6 v -9 h 3 l -6,-6 z"
+       id="path964"
+       sodipodi:nodetypes="cccccccc" />
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/resources/images/virtual.keyboard/41/tab.svg b/resources/images/virtual.keyboard/41/tab.svg
new file mode 100644
index 00000000..b070f3fd
--- /dev/null
+++ b/resources/images/virtual.keyboard/41/tab.svg
@@ -0,0 +1,163 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="tab.svg"
+   inkscape:export-filename="/home/dmitry/git/OpenBoard/resources/images/stylusPalette/arrow_svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#a1a1a1"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="64"
+     inkscape:cx="31.210938"
+     inkscape:cy="24.351563"
+     inkscape:window-width="1920"
+     inkscape:window-height="1003"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     inkscape:snap-others="true"
+     inkscape:snap-global="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7387"
+       dotted="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs38505">
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-5-3"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-6-6" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-2-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g1045"
+       transform="translate(0.09375,-4.03125)">
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke-width:4.56934;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+         id="rect1043"
+         width="16.936668"
+         height="1.9999962"
+         x="169.84747"
+         y="214.2822"
+         ry="0" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 162.84748,215.2822 8,-3 v 6 l -8,-3"
+         id="path1271" />
+      <rect
+         style="fill:#000000;stroke-width:2.52982;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+         id="rect945"
+         width="1"
+         height="7.9999962"
+         x="161.84747"
+         y="211.2822" />
+    </g>
+    <g
+       id="g1053"
+       transform="matrix(-1,0,0,1,348.72536,5)">
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke-width:4.56934;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+         id="rect1047"
+         width="16.936668"
+         height="1.9999962"
+         x="169.84747"
+         y="214.2822"
+         ry="0" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 162.84748,215.2822 8,-3 v 6 l -8,-3"
+         id="path1049" />
+      <rect
+         style="fill:#000000;stroke-width:2.52982;stroke-linecap:round;stroke-opacity:0.980392;paint-order:stroke fill markers"
+         id="rect1051"
+         width="1"
+         height="7.9999962"
+         x="161.84747"
+         y="211.2822" />
+    </g>
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/src/gui/UBKeyboardPalette.cpp b/src/gui/UBKeyboardPalette.cpp
index 3f21909f..25b525de 100644
--- a/src/gui/UBKeyboardPalette.cpp
+++ b/src/gui/UBKeyboardPalette.cpp
@@ -405,12 +405,12 @@ BTNImages::BTNImages(QString strHeight, int width, int height)
     m_width = width;
     m_height = height;
 
-    m_strLeftPassive    = ":/images/virtual.keyboard/" + strHeight + "/left-passive.png";
-    m_strCenterPassive  = ":/images/virtual.keyboard/" + strHeight + "/centre-passive.png";
-    m_strRightPassive   = ":/images/virtual.keyboard/" + strHeight + "/right-passive.png";
-    m_strLeftActive     = ":/images/virtual.keyboard/" + strHeight + "/left-active.png";
-    m_strCenterActive   = ":/images/virtual.keyboard/" + strHeight + "/centre-active.png";
-    m_strRightActive    = ":/images/virtual.keyboard/" + strHeight + "/right-active.png";
+    m_strLeftPassive    = ":/images/virtual.keyboard/" + strHeight + "/left-passive.svg";
+    m_strCenterPassive  = ":/images/virtual.keyboard/" + strHeight + "/centre-passive.svg";
+    m_strRightPassive   = ":/images/virtual.keyboard/" + strHeight + "/right-passive.svg";
+    m_strLeftActive     = ":/images/virtual.keyboard/" + strHeight + "/left-active.svg";
+    m_strCenterActive   = ":/images/virtual.keyboard/" + strHeight + "/centre-active.svg";
+    m_strRightActive    = ":/images/virtual.keyboard/" + strHeight + "/right-active.svg";
 
     m_btnLeftPassive    = QImage(m_strLeftPassive);
     m_btnCenterPassive  = QImage(m_strCenterPassive);