diff --git a/release/datafiles/icons_svg/key_backspace.svg b/release/datafiles/icons_svg/key_backspace.svg
new file mode 100644
index 00000000000..2e23d045ca3
--- /dev/null
+++ b/release/datafiles/icons_svg/key_backspace.svg
@@ -0,0 +1 @@
+<svg id="svg1" height="1800" viewBox="0 0 2600 1800" width="2600" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g fill="#fff"><g id="g1"><path id="path1" d="m36.032648 450.99231-8.026255 8.00165 8.026255 8.00334h12.579581c1.92123 0 3.485856-1.56045 3.485856-3.48168v-9.03666c0-1.92123-1.564626-3.48165-3.485856-3.48165zm.579886 1.00622c16.960322 0 7.883477-.001 11.999695-.001 1.38453 0 2.481865 1.09711 2.481865 2.48164v9.03666c0 1.38453-1.097335 2.48168-2.481865 2.48168l-12.002027.004-7.028501-6.99981z" transform="matrix(99.598235 0 0 100 -2688.8846 -44999.729)"/></g><path id="path2" d="m1882.7318 475.59484 141.3358 141.6642-282.8358 282.33579 282.75 283.24997-141.5 141-282.5001-282.5-282.9999 282.5-141.5-141 282.75-283.24999-282.4993-282.49927 141.5-141.5 282.4993 282.9993z" fill-rule="evenodd"/></g></svg>
\ No newline at end of file
diff --git a/release/datafiles/icons_svg/key_backspace_filled.svg b/release/datafiles/icons_svg/key_backspace_filled.svg
new file mode 100644
index 00000000000..69d01f93e22
--- /dev/null
+++ b/release/datafiles/icons_svg/key_backspace_filled.svg
@@ -0,0 +1 @@
+<svg id="svg1" height="1800" viewBox="0 0 2600 1800" width="2600" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g fill="#f9f9f9"><path id="path1" d="m36.032648 450.99231-8.026255 8.00165 8.026255 8.00334h12.579581c1.92123 0 3.485856-1.56045 3.485856-3.48168v-9.03666c0-1.92123-1.564626-3.48165-3.485856-3.48165zm.579886 1.00622c16.960322 0 7.883477-.001 11.999695-.001 1.38453 0 2.481865 1.09711 2.481865 2.48164v9.03666c0 1.38453-1.097335 2.48168-2.481865 2.48168l-12.002027.004-7.028501-6.99981z" transform="matrix(99.598235 0 0 100 -2688.8846 -44999.729)"/><path id="path1-1" d="m2153.5195 198.02344c-410.446 0 494.6444.10156-1196.54294.10156l-701.07617 701.81641 700.84375 701.48049 1196.77536-.4004c138.0576 0 247.4766-109.9498 247.4766-248.6992v-905.60355c0-138.74946-109.419-248.69531-247.4766-248.69531zm-836.2871 277.57226 282.5 283 283-283 141.336 141.66407-282.836 282.33593 282.75 283.25-141.5 141-282.5-282.5-283 282.5-141.5-141 282.75-283.25-282.5-282.5z" opacity=".8" stroke-width="1.00166"/></g></svg>
\ No newline at end of file
diff --git a/release/datafiles/icons_svg/key_command.svg b/release/datafiles/icons_svg/key_command.svg
new file mode 100644
index 00000000000..2757ff24804
--- /dev/null
+++ b/release/datafiles/icons_svg/key_command.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_command.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.3535534"
+     inkscape:cx="953.1799"
+     inkscape:cy="807.51591"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+  <path
+     d="m 1180.8792,799.71554 c 120.4526,0 218.714,-59.7511 218.714,-180.4707 0,-120.7196 -98.2614,-218.9216 -218.714,-218.9216 -120.4525,0 -181.45844,98.2027 -181.04578,218.9216 l 0.27468,80.9518 -200.34276,-0.2764 v -80.6754 c 0.002,-120.7196 -60.12925,-218.9216 -180.58185,-218.9216 -120.4525,0 -218.4372,98.202 -218.4372,218.9216 0,120.7196 97.9854,181.1584 218.4372,180.7474 l 81.0916,-0.2752 -0.2765,200.10998 h -80.8151 c -120.4525,0 -218.714,61.64078 -218.714,182.36048 0,120.7196 98.2615,217.5377 218.714,217.5377 120.4526,0 180.58397,-96.8181 180.58397,-217.5377 v -82.3112 h 200.34274 l -0.27678,82.3096 c -0.40586,120.719 60.59328,217.8146 181.04578,217.8146 120.4526,0 218.4373,-97.0949 218.4373,-217.8146 0,-120.7196 -97.9847,-182.36038 -218.4373,-182.36038 h -81.0915 V 799.71554 Z m -81.0915,-180.4707 c 0,-51.7906 29.4937,-118.6111 81.0915,-119.8844 126.8827,-3.1311 186.0043,201.9432 0,201.9432 l -81.0915,-1.3837 z M 700.27509,1182.1859 c 0.1737,51.6652 -29.5951,121.1457 -81.0916,117.6704 -139.1898,-9.3933 -176.2735,-201.7424 0,-200.535 l 80.8148,0.5504 z m 0,-482.26596 h -81.0916 c -198.8913,0 -112.0134,-203.6906 0,-200.5595 51.5935,1.4422 81.0916,68.0938 81.0916,119.8844 z M 1000.1102,999.82552 H 799.76746 V 799.71554 l 200.34274,0.2752 z m 180.769,99.49578 c 174.7081,-1.1929 142.3209,199.2462 0,200.8118 -51.6104,0.5677 -81.0915,-66.2817 -81.0915,-117.9472 v -82.3111 z"
+     id="path1-9"
+     style="fill:#ffffff;stroke-width:62.4798"
+     sodipodi:nodetypes="ssssccssssccssssccssssccsssscsssscscsssccccccssscs" />
+</svg>
diff --git a/release/datafiles/icons_svg/key_command_filled.svg b/release/datafiles/icons_svg/key_command_filled.svg
new file mode 100644
index 00000000000..d731a23da2e
--- /dev/null
+++ b/release/datafiles/icons_svg/key_command_filled.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_command_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.3535534"
+     inkscape:cx="953.1799"
+     inkscape:cy="807.51591"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+     transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+     id="path1"
+     sodipodi:nodetypes="ssssssssssssssssss"
+     style="fill:#ffffff" />
+  <path
+     id="path1-8"
+     style="fill:#ffffff;stroke-width:1.00126;fill-opacity:0.80000001"
+     d="M 446.56445 199.33398 C 308.49367 199.33398 199.34766 309.18287 199.34766 447.81055 L 199.34766 1352.6172 C 199.34766 1491.2448 308.49367 1601.0996 446.56445 1601.0996 L 1353.6152 1601.0996 C 1491.6859 1601.0996 1601.1172 1491.2448 1601.1172 1352.6172 L 1601.1172 447.81055 C 1601.1172 309.18287 1491.6859 199.33398 1353.6152 199.33398 L 446.56445 199.33398 z M 619.18359 400.32227 C 739.63607 400.32227 799.76762 498.52466 799.76562 619.24414 L 799.76562 699.91992 L 1000.1074 700.19727 L 999.83398 619.24414 C 999.42132 498.52536 1060.4265 400.32227 1180.8789 400.32227 C 1301.3314 400.32227 1399.5938 498.52466 1399.5938 619.24414 C 1399.5938 739.96362 1301.3314 799.71484 1180.8789 799.71484 L 1099.7871 799.71484 L 1099.7871 999.82617 L 1180.8789 999.82617 C 1301.3314 999.82617 1399.3164 1061.4661 1399.3164 1182.1855 C 1399.3164 1302.9051 1301.3314 1400 1180.8789 1400 C 1060.4265 1400 999.42812 1302.9044 999.83398 1182.1855 L 1000.1094 1099.877 L 799.76758 1099.877 L 799.76758 1182.1875 C 799.76758 1302.907 739.63607 1399.7246 619.18359 1399.7246 C 498.73121 1399.7246 400.46875 1302.907 400.46875 1182.1875 C 400.46875 1061.4679 498.73121 999.82617 619.18359 999.82617 L 699.99805 999.82617 L 700.27539 799.7168 L 619.18359 799.99219 C 498.73191 800.40319 400.74609 739.96362 400.74609 619.24414 C 400.74609 498.52466 498.73121 400.32227 619.18359 400.32227 z M 619.18359 499.36133 C 507.17031 496.23023 420.29249 699.91992 619.18359 699.91992 L 700.27539 699.91992 L 700.27539 619.24414 C 700.27539 567.45359 670.77704 500.80353 619.18359 499.36133 z M 1180.8789 499.36133 C 1129.2812 500.63463 1099.7871 567.45359 1099.7871 619.24414 L 1099.7871 699.91992 L 1180.8789 701.30273 C 1366.883 701.30273 1307.7615 496.23023 1180.8789 499.36133 z M 799.76758 799.71484 L 799.76758 999.82617 L 1000.1094 999.82617 L 1000.1094 799.99023 L 799.76758 799.71484 z M 619.18359 1099.3223 C 442.91027 1098.1149 479.99393 1290.4622 619.18359 1299.8555 C 670.68004 1303.3308 700.44909 1233.8507 700.27539 1182.1855 L 699.99805 1099.8711 L 619.18359 1099.3223 z M 1180.8789 1099.3223 L 1099.7871 1099.875 L 1099.7871 1182.1855 C 1099.7871 1233.851 1129.2686 1300.7005 1180.8789 1300.1328 C 1323.1997 1298.5672 1355.5868 1098.1294 1180.8789 1099.3223 z " />
+</svg>
diff --git a/release/datafiles/icons_svg/key_control.svg b/release/datafiles/icons_svg/key_control.svg
new file mode 100644
index 00000000000..d500512685c
--- /dev/null
+++ b/release/datafiles/icons_svg/key_control.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_control.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.1767767"
+     inkscape:cx="888.12608"
+     inkscape:cy="1088.9444"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+  <path
+     style="color:#000000;fill:#ffffff;stroke-width:3.21564;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="m 879.41846,602.96175 a 78.941779,81.883008 0 0 0 -35.3845,21.1851 L 423.05843,1060.8127 a 78.933886,81.874821 0 0 0 3e-5,115.7883 78.933886,81.874821 0 0 0 111.62985,0 L 899.84886,797.83031 1265.017,1176.6033 a 78.933886,81.874821 0 0 0 111.6299,0 78.933886,81.874821 0 0 0 0,-115.7883 L 955.66366,624.14695 a 78.941779,81.883008 0 0 0 -76.2451,-21.18511 z"
+     id="path2-1" />
+</svg>
diff --git a/release/datafiles/icons_svg/key_control_filled.svg b/release/datafiles/icons_svg/key_control_filled.svg
new file mode 100644
index 00000000000..261a25ca07d
--- /dev/null
+++ b/release/datafiles/icons_svg/key_control_filled.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_control_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.1767767"
+     inkscape:cx="888.12608"
+     inkscape:cy="1088.9444"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+     transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+     id="path1"
+     sodipodi:nodetypes="ssssssssssssssssss"
+     style="fill:#ffffff" />
+  <path
+     id="path1-8"
+     style="fill:#ffffff;stroke-width:1.00126;fill-opacity:0.80000001"
+     d="M 446.56445 199.33398 C 308.49367 199.33398 199.34766 309.18287 199.34766 447.81055 L 199.34766 1352.6172 C 199.34766 1491.2448 308.49367 1601.0996 446.56445 1601.0996 L 1353.6152 1601.0996 C 1491.6859 1601.0996 1601.1172 1491.2448 1601.1172 1352.6172 L 1601.1172 447.81055 C 1601.1172 309.18287 1491.6859 199.33398 1353.6152 199.33398 L 446.56445 199.33398 z M 899.84766 600.17188 A 78.941779 81.883008 0 0 1 955.66406 624.14648 L 1376.6465 1060.8145 A 78.933886 81.874821 0 0 1 1376.6465 1176.6035 A 78.933886 81.874821 0 0 1 1265.0176 1176.6035 L 899.84961 797.83008 L 534.6875 1176.6016 A 78.933886 81.874821 0 0 1 423.05859 1176.6016 A 78.933886 81.874821 0 0 1 423.05859 1060.8125 L 844.0332 624.14648 A 78.941779 81.883008 0 0 1 879.41797 602.96094 A 78.941779 81.883008 0 0 1 899.84766 600.17188 z " />
+</svg>
diff --git a/release/datafiles/icons_svg/key_empty1.svg b/release/datafiles/icons_svg/key_empty1.svg
new file mode 100644
index 00000000000..6767615430b
--- /dev/null
+++ b/release/datafiles/icons_svg/key_empty1.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_empty1.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.1767767"
+     inkscape:cx="1108.7434"
+     inkscape:cy="1060.6602"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+</svg>
diff --git a/release/datafiles/icons_svg/key_empty1_filled.svg b/release/datafiles/icons_svg/key_empty1_filled.svg
new file mode 100644
index 00000000000..423c8318120
--- /dev/null
+++ b/release/datafiles/icons_svg/key_empty1_filled.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_empty1_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.25000001"
+     inkscape:cx="195.99999"
+     inkscape:cy="921.99998"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+  <path
+     d="M 446.56449,199.33367 H 1353.615 c 138.0708,0 247.5015,109.84954 247.5015,248.47736 v 904.80707 c 0,138.6278 -109.4307,248.4814 -247.5015,248.4814 H 446.56449 c -138.07092,0 -247.21597,-109.8536 -247.21597,-248.4814 V 447.81103 c 0,-138.62782 109.14505,-248.47736 247.21597,-248.47736 z"
+     id="path1-8"
+     style="fill:#ffffff;stroke-width:1.00126;fill-opacity:0.80000001" />
+</svg>
diff --git a/release/datafiles/icons_svg/key_empty2.svg b/release/datafiles/icons_svg/key_empty2.svg
new file mode 100644
index 00000000000..c5e180cbbee
--- /dev/null
+++ b/release/datafiles/icons_svg/key_empty2.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 2600 1800"
+   width="2600"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_empty2.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.25"
+     inkscape:cx="1080"
+     inkscape:cy="1062"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 17.127854 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 17.127854 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 H 31.484375 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+</svg>
diff --git a/release/datafiles/icons_svg/key_empty2_filled.svg b/release/datafiles/icons_svg/key_empty2_filled.svg
new file mode 100644
index 00000000000..76eb71a313c
--- /dev/null
+++ b/release/datafiles/icons_svg/key_empty2_filled.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 2600 1800"
+   width="2600"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_empty2_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.25"
+     inkscape:cx="836"
+     inkscape:cy="946"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 17.127854 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 17.127854 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 H 31.484375 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+  <path
+     d="M 445.17907,197.88168 H 2153.8246 c 138.1184,0 247.5866,109.98807 247.5866,248.79071 v 905.94811 c 0,138.8027 -109.4682,248.7947 -247.5866,248.7947 H 445.17907 c -138.11841,0 -247.30099,-109.992 -247.30099,-248.7947 V 446.67239 c 0,-138.80264 109.18258,-248.79071 247.30099,-248.79071 z"
+     id="path1-0"
+     style="fill:#ffffff;stroke-width:1.00206;fill-opacity:0.80000001" />
+</svg>
diff --git a/release/datafiles/icons_svg/key_empty3.svg b/release/datafiles/icons_svg/key_empty3.svg
new file mode 100644
index 00000000000..1dea50c2f0f
--- /dev/null
+++ b/release/datafiles/icons_svg/key_empty3.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 3400 1800"
+   width="3400"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_empty3.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.25"
+     inkscape:cx="1324"
+     inkscape:cy="1062"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 25.159973 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 25.159973 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 H 31.484375 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+</svg>
diff --git a/release/datafiles/icons_svg/key_empty3_filled.svg b/release/datafiles/icons_svg/key_empty3_filled.svg
new file mode 100644
index 00000000000..438f2659c5e
--- /dev/null
+++ b/release/datafiles/icons_svg/key_empty3_filled.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 3400 1800"
+   width="3400"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_empty3_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.125"
+     inkscape:cx="1408"
+     inkscape:cy="99.999999"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 25.159973 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 25.159973 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 H 31.484375 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+  <path
+     d="m 444.8306,198.58878 h 2508.8421 c 138.0593,0 247.4808,109.98806 247.4808,248.79071 v 905.94811 c 0,138.8027 -109.4215,248.7947 -247.4808,248.7947 H 444.8306 c -138.05932,0 -247.19519,-109.992 -247.19519,-248.7947 V 447.37949 c 0,-138.80265 109.13587,-248.79071 247.19519,-248.79071 z"
+     id="path1-0"
+     style="fill:#ffffff;stroke-width:1.00185;fill-opacity:0.80000001" />
+</svg>
diff --git a/release/datafiles/icons_svg/key_menu.svg b/release/datafiles/icons_svg/key_menu.svg
new file mode 100644
index 00000000000..b0ae1426821
--- /dev/null
+++ b/release/datafiles/icons_svg/key_menu.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_menu.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.3535534"
+     inkscape:cx="630.73922"
+     inkscape:cy="1121.4713"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+  <path
+     id="path4"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:50;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 1350.4095,400.00008 -900.26699,0.0297 c -38.94105,0.0281 -49.60507,11.07533 -49.66797,49.97614 l -0.16211,100.3418 c -0.0643,39.80148 10.31176,50.10479 49.24023,50.08789 l 900.84714,-0.39062 c 41.9224,-0.0182 50.0729,-12.19919 50.0019,-49.81641 l -0.1894,-100.02149 c -0.08,-42.35652 -11.358,-50.2083 -49.8028,-50.20703 z m -0.1972,400.08203 -900.26901,-0.0587 c -38.94104,0.028 -49.60312,11.16381 -49.66602,50.06461 l -0.16211,100.3418 c -0.0643,39.8014 10.31177,49.57449 49.24024,49.55756 l 900.8452,0.0512 c 41.9224,-0.018 50.0729,-12.11079 50.0019,-49.72799 l -0.1894,-100.0215 c -0.081,-42.3565 -11.3561,-50.20449 -49.8008,-50.207 z m 0,400.06249 -900.26902,-0.059 c -38.94104,0.028 -49.60312,11.1656 -49.66602,50.0664 l -0.1621,100.3418 c -0.0643,39.8016 10.31176,49.5746 49.24023,49.5576 l 900.84521,0.049 c 41.9224,-0.018 50.0749,-12.1087 50.0039,-49.726 l -0.1895,-100.0234 c -0.081,-42.3565 -11.3581,-50.2351 -49.8027,-50.2071 z"
+     sodipodi:nodetypes="sccsccccsscssccccsccssccccc" />
+</svg>
diff --git a/release/datafiles/icons_svg/key_menu_filled.svg b/release/datafiles/icons_svg/key_menu_filled.svg
new file mode 100644
index 00000000000..01f12defcd0
--- /dev/null
+++ b/release/datafiles/icons_svg/key_menu_filled.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_menu_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.3535534"
+     inkscape:cx="630.73922"
+     inkscape:cy="1121.4713"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+  <path
+     id="path1-8"
+     style="fill:#ffffff;stroke-width:1.00126;fill-opacity:0.80000001"
+     d="M 446.56445 199.33398 C 308.49367 199.33398 199.34766 309.18287 199.34766 447.81055 L 199.34766 1352.6172 C 199.34766 1491.2448 308.49367 1601.0996 446.56445 1601.0996 L 1353.6152 1601.0996 C 1491.6859 1601.0996 1601.1172 1491.2448 1601.1172 1352.6172 L 1601.1172 447.81055 C 1601.1172 309.18287 1491.6859 199.33398 1353.6152 199.33398 L 446.56445 199.33398 z M 1350.4102 400 C 1388.8549 399.99873 1400.1329 407.85055 1400.2129 450.20703 L 1400.4023 550.22852 C 1400.4733 587.8457 1392.3227 600.02672 1350.4004 600.04492 L 449.55273 600.43555 C 410.6243 600.45245 400.2482 590.1491 400.3125 550.34766 L 400.47461 450.00586 C 400.53751 411.10509 411.20157 400.0574 450.14258 400.0293 L 1350.4102 400 z M 449.94336 800.02344 L 1350.2129 800.08203 C 1388.6576 800.08454 1399.9327 807.9326 1400.0137 850.28906 L 1400.2031 950.31055 C 1400.2741 987.92771 1392.1235 1000.0211 1350.2012 1000.0391 L 449.35547 999.98828 C 410.42704 1000.0052 400.05093 990.23105 400.11523 950.42969 L 400.27734 850.08789 C 400.34024 811.18713 411.00236 800.05144 449.94336 800.02344 z M 449.94336 1200.0859 L 1350.2129 1200.1445 C 1388.6575 1200.1165 1399.9346 1207.9951 1400.0156 1250.3516 L 1400.2051 1350.375 C 1400.2761 1387.9923 1392.1235 1400.0816 1350.2012 1400.0996 L 449.35547 1400.0508 C 410.42704 1400.0678 400.05093 1390.2957 400.11523 1350.4941 L 400.27734 1250.1523 C 400.34024 1211.2516 411.00236 1200.1139 449.94336 1200.0859 z " />
+</svg>
diff --git a/release/datafiles/icons_svg/key_option.svg b/release/datafiles/icons_svg/key_option.svg
new file mode 100644
index 00000000000..a308c433334
--- /dev/null
+++ b/release/datafiles/icons_svg/key_option.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_option.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.3535534"
+     inkscape:cx="673.16563"
+     inkscape:cy="881.05501"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="50"
+       spacingy="50"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0"
+       empspacing="2" />
+  </sodipodi:namedview>
+  <path
+     d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+     transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+     id="path1"
+     sodipodi:nodetypes="ssssssssssssssssss"
+     style="fill:#ffffff" />
+  <path
+     id="path3"
+     style="color:#000000;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="M 6.9468697 9.1231197 C 6.5326565 9.1231197 6.2287565 9.4320814 6.2287565 9.8462941 C 6.2287565 10.260507 6.5326565 10.558765 6.9468697 10.558765 L 10.066848 10.558765 L 11.808277 13.937178 C 11.924805 14.21611 12.166848 14.397848 12.469144 14.398131 L 17.010615 14.398131 C 17.424828 14.398131 17.74468 14.091888 17.74468 13.677675 C 17.74468 13.263462 17.419524 12.959824 17.00531 12.959824 L 12.944474 12.959824 L 11.188255 9.5867161 C 11.071727 9.307783 10.856733 9.1234018 10.554437 9.1231197 L 6.9468697 9.1231197 z M 13.66838 9.1255378 C 13.254166 9.1255378 12.946555 9.4346108 12.946555 9.8488246 C 12.946555 10.263038 13.254166 10.558765 13.66838 10.558765 L 17.007972 10.558765 C 17.422185 10.558765 17.742037 10.258237 17.742037 9.8440259 C 17.742037 9.4298123 17.422185 9.1255378 17.007972 9.1255378 L 13.66838 9.1255378 z "
+     transform="matrix(104.19557,0,0,104.19557,-348.94242,-300.46171)" />
+</svg>
diff --git a/release/datafiles/icons_svg/key_option_filled.svg b/release/datafiles/icons_svg/key_option_filled.svg
new file mode 100644
index 00000000000..79a3d12220f
--- /dev/null
+++ b/release/datafiles/icons_svg/key_option_filled.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_option_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.3535534"
+     inkscape:cx="673.16563"
+     inkscape:cy="881.05501"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="50"
+       spacingy="50"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0"
+       empspacing="2" />
+  </sodipodi:namedview>
+  <path
+     d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+     transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+     id="path1"
+     sodipodi:nodetypes="ssssssssssssssssss"
+     style="fill:#ffffff" />
+  <path
+     id="path1-8"
+     style="fill:#ffffff;stroke-width:1.00126;fill-opacity:0.80000001"
+     d="M 446.56445 199.33398 C 308.49367 199.33398 199.34766 309.18287 199.34766 447.81055 L 199.34766 1352.6172 C 199.34766 1491.2448 308.49367 1601.0996 446.56445 1601.0996 L 1353.6152 1601.0996 C 1491.6859 1601.0996 1601.1172 1491.2448 1601.1172 1352.6172 L 1601.1172 447.81055 C 1601.1172 309.18287 1491.6859 199.33398 1353.6152 199.33398 L 446.56445 199.33398 z M 374.89062 650.12695 L 750.7832 650.12695 C 782.28108 650.15635 804.68253 669.36808 816.82422 698.43164 L 999.81445 1049.8945 L 1422.9355 1049.8945 C 1466.0948 1049.8945 1499.9746 1081.5323 1499.9746 1124.6914 C 1499.9746 1167.8505 1466.6474 1199.7598 1423.4883 1199.7598 L 950.28711 1199.7598 C 918.78924 1199.7303 893.56942 1180.7939 881.42773 1151.7305 L 699.97852 799.71484 L 374.89062 799.71484 C 331.73149 799.71484 300.06641 768.63762 300.06641 725.47852 C 300.06641 682.31943 331.73149 650.12695 374.89062 650.12695 z M 1075.2422 650.37891 L 1423.2129 650.37891 C 1466.372 650.37891 1499.6992 682.08301 1499.6992 725.24219 C 1499.6992 768.40111 1466.372 799.71484 1423.2129 799.71484 L 1075.2422 799.71484 C 1032.083 799.71484 1000.0312 768.90135 1000.0312 725.74219 C 1000.0312 682.58299 1032.083 650.37891 1075.2422 650.37891 z " />
+</svg>
diff --git a/release/datafiles/icons_svg/key_return.svg b/release/datafiles/icons_svg/key_return.svg
new file mode 100644
index 00000000000..0d002a491bb
--- /dev/null
+++ b/release/datafiles/icons_svg/key_return.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_return.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.25000001"
+     inkscape:cx="955.99996"
+     inkscape:cy="1010"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="50"
+       spacingy="50"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0"
+       empspacing="2" />
+  </sodipodi:namedview>
+  <g
+     fill="#ffffff"
+     id="g1">
+    <path
+       d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+       transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssss" />
+  </g>
+  <g
+     style="fill:#ffffff;stroke-width:2.28199"
+     id="g5"
+     transform="matrix(65.732143,0,0,65.732143,161.13295,120.52858)">
+    <path
+       style="color:#000000;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+       d="m 18.468758,5.7788529 c -0.629865,2.038e-4 -1.129663,0.5107597 -1.129867,1.140625 v 1.2797409 c 0,1.6801583 -0.06971,2.3615662 -0.213883,2.6445312 -0.17828,0.349928 -0.462572,0.63422 -0.8125,0.8125 -0.282982,0.144181 -0.964333,0.203125 -2.644531,0.203125 H 6.7539062 l 1.8531164,-1.853116 c 0.4453671,-0.4455488 0.4453671,-1.1677332 0,-1.6132816 -0.4455484,-0.4453671 -1.1677328,-0.4453671 -1.6132812,0 L 3.2161793,12.193359 C 3.0023167,12.40733 2.8821839,12.697476 2.8821949,13 c -1.1e-5,0.302524 0.1201218,0.59267 0.3339844,0.806641 l 3.7712605,3.79408 c 0.4455484,0.445368 1.1677328,0.445368 1.6132812,0 0.4453677,-0.445548 0.4453677,-1.167733 0,-1.613282 L 6.7539062,14.140625 h 6.9140708 c 1.680198,0 2.681024,0.05865 3.68164,-0.451172 0.779072,-0.396919 1.411675,-1.029522 1.808594,-1.808594 0.509827,-1.000633 0.46193,-2.0014819 0.46193,-3.6816402 V 6.9194779 C 19.619937,6.2896126 19.098623,5.7790567 18.468758,5.7788529 Z"
+       id="path1-7"
+       sodipodi:nodetypes="ccsccscccccccccccsccscc" />
+  </g>
+</svg>
diff --git a/release/datafiles/icons_svg/key_return_filled.svg b/release/datafiles/icons_svg/key_return_filled.svg
new file mode 100644
index 00000000000..a7334f425b2
--- /dev/null
+++ b/release/datafiles/icons_svg/key_return_filled.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_return_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.25000001"
+     inkscape:cx="955.99996"
+     inkscape:cy="1010"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="50"
+       spacingy="50"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0"
+       empspacing="2" />
+  </sodipodi:namedview>
+  <path
+     d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+     transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+     id="path1"
+     sodipodi:nodetypes="ssssssssssssssssss"
+     style="fill:#ffffff" />
+  <path
+     id="path1-8"
+     style="fill:#ffffff;stroke-width:1.00126;fill-opacity:0.80000001"
+     d="M 446.56445 199.33398 C 308.49367 199.33398 199.34766 309.18287 199.34766 447.81055 L 199.34766 1352.6172 C 199.34766 1491.2448 308.49367 1601.0996 446.56445 1601.0996 L 1353.6152 1601.0996 C 1491.6859 1601.0996 1601.1172 1491.2448 1601.1172 1352.6172 L 1601.1172 447.81055 C 1601.1172 309.18287 1491.6859 199.33398 1353.6152 199.33398 L 446.56445 199.33398 z M 1375.123 500.38477 C 1416.5254 500.39816 1450.7932 533.95897 1450.8066 575.36133 L 1450.8066 659.48047 C 1450.8066 769.92076 1453.9553 835.70874 1420.4434 901.48242 C 1394.353 952.69244 1352.7706 994.27492 1301.5605 1020.3652 C 1235.788 1053.8769 1170.0015 1050.0215 1059.5586 1050.0215 L 605.08203 1050.0215 L 726.47656 1171.418 C 755.75151 1200.7048 755.75151 1248.1741 726.47656 1277.4609 C 697.18974 1306.7359 649.71846 1306.7359 620.43164 1277.4609 L 372.53906 1028.0684 C 358.48143 1014.0036 350.58521 994.93241 350.58594 975.04688 C 350.58521 955.16134 358.48143 936.0882 372.53906 922.02344 L 620.8457 672.2168 C 650.13252 642.94189 697.6038 642.94189 726.89062 672.2168 C 756.16553 701.50362 756.16553 748.97487 726.89062 778.26172 L 605.08203 900.07031 L 1059.5586 900.07031 C 1170.0015 900.07031 1214.7877 896.19607 1233.3887 886.71875 C 1256.3902 875.00004 1275.0782 856.31204 1286.7969 833.31055 C 1296.2737 814.71067 1300.8555 769.92076 1300.8555 659.48047 L 1300.8555 575.36133 C 1300.8689 533.95897 1333.7207 500.39816 1375.123 500.38477 z " />
+</svg>
diff --git a/release/datafiles/icons_svg/key_ring.svg b/release/datafiles/icons_svg/key_ring.svg
new file mode 100644
index 00000000000..f01c629fe60
--- /dev/null
+++ b/release/datafiles/icons_svg/key_ring.svg
@@ -0,0 +1 @@
+<svg id="svg1" height="1800" viewBox="0 0 1800 1800" width="1800" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><path id="path2" d="m896.00195 99.779297c-52.20131.258783-104.61725 5.626683-156.50586 16.250003-207.5544 42.4933-389.83287 165.59724-506.77539 342.25781s-159.060318 392.54235-117.09961 600.20509c41.96072 207.6627 164.59506 390.255 340.95508 507.6504 176.36003 117.3953 392.13459 160.0685 599.90433 118.6406 207.7697-41.4279 390.6761-163.5941 508.5234-339.6523 110.0716-164.4418 154.9918-363.43283 127.125-558.35942l-18.1816-89.98632c-50.0036-190.45418-168.6629-356.39214-333.9473-465.19532-132.72-87.36671-287.3941-132.586882-443.99805-131.810543zm.50977 99.992183c137.03208-.68493 272.34678 38.88194 388.50388 115.34571 140.8863 92.74238 242.8611 232.90453 288.5157 394.12304l21.2246 105.04102c20.5235 166.29627-19.0298 335.05645-112.8536 475.22465-103.1405 154.087-263.1355 260.9491-444.9765 297.207-181.84106 36.2579-370.58638-1.0695-524.93752-103.8145-154.35114-102.7449-261.62344-262.4635-298.34766-444.2109-36.72421-181.74742.11815-370.58699 102.4668-525.20117 102.34866-154.61418 261.79271-262.29794 443.44531-299.48828 45.41316-9.29758 91.28164-13.99825 136.95899-14.22657z" fill="#fff" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/release/datafiles/icons_svg/key_ring_filled.svg b/release/datafiles/icons_svg/key_ring_filled.svg
new file mode 100644
index 00000000000..75f0e05d19a
--- /dev/null
+++ b/release/datafiles/icons_svg/key_ring_filled.svg
@@ -0,0 +1 @@
+<svg id="svg1" height="1800" viewBox="0 0 1800 1800" width="1800" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g fill="#fff" fill-rule="evenodd"><path id="path2" d="m896.00195 99.779297c-52.20131.258783-104.61725 5.626683-156.50586 16.250003-207.5544 42.4933-389.83287 165.59724-506.77539 342.25781s-159.060318 392.54235-117.09961 600.20509c41.96072 207.6627 164.59506 390.255 340.95508 507.6504 176.36003 117.3953 392.13459 160.0685 599.90433 118.6406 207.7697-41.4279 390.6761-163.5941 508.5234-339.6523 110.0716-164.4418 154.9918-363.43283 127.125-558.35942l-18.1816-89.98632c-50.0036-190.45418-168.6629-356.39214-333.9473-465.19532-132.72-87.36671-287.3941-132.586882-443.99805-131.810543zm.50977 99.992183c137.03208-.68493 272.34678 38.88194 388.50388 115.34571 140.8863 92.74238 242.8611 232.90453 288.5157 394.12304l21.2246 105.04102c20.5235 166.29627-19.0298 335.05645-112.8536 475.22465-103.1405 154.087-263.1355 260.9491-444.9765 297.207-181.84106 36.2579-370.58638-1.0695-524.93752-103.8145-154.35114-102.7449-261.62344-262.4635-298.34766-444.2109-36.72421-181.74742.11815-370.58699 102.4668-525.20117 102.34866-154.61418 261.79271-262.29794 443.44531-299.48828 45.41316-9.29758 91.28164-13.99825 136.95899-14.22657z"/><path id="path1" d="m896.50654 198.71081c137.23976-.68597 272.75946 38.94082 389.09246 115.52041 141.0998 92.88286 243.229 233.25733 288.9528 394.72004l21.2568 105.20012c20.5545 166.54817-19.0587 335.56402-113.0246 475.94452-103.2968 154.3204-263.5341 261.3444-445.6506 297.6572-182.1166 36.3128-371.14786-1.0712-525.73282-103.9718-154.58498-102.9005-262.01978-262.861-298.79964-444.8837-36.77985-182.02277.11833-371.14838 102.62204-525.99676 102.5037-154.84838 262.18929-262.69524 444.11709-299.94192 45.48196-9.31166 91.41992-14.01945 137.16647-14.24811z" opacity=".8" stroke-width="1.00152"/></g></svg>
\ No newline at end of file
diff --git a/release/datafiles/icons_svg/key_shift.svg b/release/datafiles/icons_svg/key_shift.svg
new file mode 100644
index 00000000000..074d1b4f91f
--- /dev/null
+++ b/release/datafiles/icons_svg/key_shift.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_shift.svg"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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"><defs
+     id="defs1" /><sodipodi:namedview
+     pagecolor="#073f3c"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.26669253"
+     inkscape:cx="266.22418"
+     inkscape:cy="898.03791"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     showguides="true"><inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="50"
+       spacingy="50"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0"
+       empspacing="2" /></sodipodi:namedview><g
+     id="g2"
+     transform="matrix(12.467986,0,0,12.464937,1320.2753,-785.84062)"
+     style="fill:#ffffff;fill-opacity:1"><path
+       d="m -25.683279,74.626271 c -4.763505,-4.754888 -11.429476,-4.750014 -16.058382,-0.142961 l -53.705667,53.45212 c -4.971712,4.94825 -1.523831,15.31529 4.084739,15.32468 l 13.56107,0.0227 c 2.645399,0.004 3.96329,1.14044 3.9697,3.97372 l 0.06278,27.75038 c 0.03316,14.65826 -0.07318,24.42133 16.000057,24.421 l 48.1253755,-0.001 c 16.0775186,-3.4e-4 16.089285,-10.02945 16.0621447,-24.15618 l -0.053859,-28.03397 c -0.00516,-2.68487 1.0092566,-4.00455 4.0075438,-3.99701 l 13.363106,0.0336 c 5.784713,0.0145 9.314969,-10.01974 4.072176,-15.25305 z M -1.5576726,175.45807 c -0.1016219,11.73412 0.040504,15.94652 -12.1147894,15.94652 h -40.25719 c -12.333562,0 -11.549723,-4.07533 -11.904873,-16.05426 l 0.03836,-32.16491 c 0.0052,-4.33348 -3.176402,-7.92303 -8.040291,-7.92427 l -11.802624,-0.003 c -4.129012,-0.001 -3.772884,-2.17478 -2.010777,-3.92528 l 48.895713,-48.573612 c 5.158669,-5.124687 5.482955,-4.617169 10.150274,0.05419 l 48.376803,48.418682 c 1.473459,1.47473 3.121303,4.0331 -1.671324,4.02984 l -11.7436716,-0.008 c -4.9812408,-0.003 -7.9748377,2.99718 -7.9820861,8.03481 z"
+       fill="#000000"
+       id="path1-3"
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.13948"
+       sodipodi:nodetypes="ssssssssssssssscsscssssssssscc" /></g></svg>
diff --git a/release/datafiles/icons_svg/key_shift_filled.svg b/release/datafiles/icons_svg/key_shift_filled.svg
new file mode 100644
index 00000000000..2cd3b77b029
--- /dev/null
+++ b/release/datafiles/icons_svg/key_shift_filled.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_shift_filled.svg"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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"><defs
+     id="defs1" /><sodipodi:namedview
+     pagecolor="#073f3c"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.37716019"
+     inkscape:cx="1476.8261"
+     inkscape:cy="881.58827"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     showguides="true"><inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="50"
+       spacingy="50"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0"
+       empspacing="2" /></sodipodi:namedview><g
+     id="g2"
+     transform="matrix(12.467986,0,0,12.464937,1320.2753,-785.84062)"
+     style="fill:#ffffff;fill-opacity:1"><path
+       d="m -25.683279,74.626271 c -4.763505,-4.754888 -11.429476,-4.750014 -16.058382,-0.142961 l -53.705667,53.45212 c -4.971712,4.94825 -1.523831,15.31529 4.084739,15.32468 l 13.56107,0.0227 c 2.645399,0.004 3.96329,1.14044 3.9697,3.97372 l 0.06278,27.75038 c 0.03316,14.65826 -0.07318,24.42133 16.000057,24.421 l 48.1253755,-0.001 c 16.0775186,-3.4e-4 16.089285,-10.02945 16.0621447,-24.15618 l -0.053859,-28.03397 c -0.00516,-2.68487 1.0092566,-4.00455 4.0075438,-3.99701 l 13.363106,0.0336 c 5.784713,0.0145 9.314969,-10.01974 4.072176,-15.25305 z M -1.5576726,175.45807 c -0.1016219,11.73412 0.040504,15.94652 -12.1147894,15.94652 h -40.25719 c -12.333562,0 -11.549723,-4.07533 -11.904873,-16.05426 l 0.03836,-32.16491 c 0.0052,-4.33348 -3.176402,-7.92303 -8.040291,-7.92427 l -11.802624,-0.003 c -4.129012,-0.001 -3.772884,-2.17478 -2.010777,-3.92528 l 48.895713,-48.573612 c 5.158669,-5.124687 5.482955,-4.617169 10.150274,0.05419 l 48.376803,48.418682 c 1.473459,1.47473 3.121303,4.0331 -1.671324,4.02984 l -11.7436716,-0.008 c -4.9812408,-0.003 -7.9748377,2.99718 -7.9820861,8.03481 z"
+       fill="#000000"
+       id="path1-3"
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.13948"
+       sodipodi:nodetypes="ssssssssssssssscsscssssssssscc" /></g><path
+     d="m 1301.8901,1401.6711 c -1.2694,146.3474 0.5058,198.8841 -151.3129,198.8841 H 647.76786 c -154.04527,0 -144.2552,-50.8272 -148.691,-200.2269 l 0.47913,-401.15816 c 0.0649,-54.04681 -39.67303,-98.81488 -100.42265,-98.83057 l -147.41391,-0.0337 c -51.57104,-0.0112 -47.12306,-27.12315 -25.11448,-48.95508 L 837.30884,245.5455 c 64.43141,-63.91513 68.48172,-57.58472 126.77618,0.67597 l 604.22258,603.87268 c 18.4033,18.39263 38.9849,50.30031 -20.8745,50.25995 l -146.6776,-0.10094 c -62.2155,-0.0336 -99.6053,37.38052 -99.6959,100.20944 z"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:2.14194;opacity:0.8"
+     id="path1" /></svg>
diff --git a/release/datafiles/icons_svg/key_tab.svg b/release/datafiles/icons_svg/key_tab.svg
new file mode 100644
index 00000000000..a0ed7f78eec
--- /dev/null
+++ b/release/datafiles/icons_svg/key_tab.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_tab.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.3535534"
+     inkscape:cx="842.87125"
+     inkscape:cy="1243.0937"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+     transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+     id="path1"
+     sodipodi:nodetypes="ssssssssssssssssss"
+     style="fill:#ffffff" />
+  <path
+     id="path1-7"
+     style="fill:#ffffff;stroke-width:2.02428;color:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+     d="M 22.290404 3.8386852 L 22.290404 12.274275 L 24.240568 12.274275 L 24.26007 3.8386852 L 22.290404 3.8386852 z M 30.782456 4.089644 C 30.500641 4.089644 30.218815 4.1804033 30.003761 4.3619224 L 26.513157 7.291082 C 26.306708 7.4654993 26.190721 7.702029 26.190733 7.9486297 C 26.190721 8.1952303 26.306708 8.4317271 26.513157 8.6061443 L 29.958702 11.732618 C 30.388809 12.095656 31.085947 12.095656 31.516053 11.732618 C 31.945986 11.369431 31.945986 10.780742 31.516053 10.417555 L 29.718626 8.8826076 L 40.766308 8.8826076 C 41.139031 8.8826077 41.786221 8.7355289 41.786221 7.9787144 C 41.786221 7.2932148 41.114838 7.2058862 40.776059 7.2002017 L 29.718626 7.2002017 L 31.561151 5.6769847 C 31.991082 5.3137981 31.991082 4.7251086 31.561151 4.3619224 C 31.346097 4.1804033 31.064271 4.089644 30.782456 4.089644 z M 39.857234 12.271474 L 39.837732 20.70703 L 41.807399 20.70703 L 41.807399 12.271474 L 39.857234 12.271474 z M 33.360444 12.54082 C 33.078629 12.54082 32.796802 12.631579 32.581749 12.813098 C 32.151817 13.176285 32.151817 13.764974 32.581749 14.12816 L 34.379176 15.663108 L 23.331495 15.663108 C 22.958771 15.663108 22.311581 15.81022 22.311581 16.567034 C 22.311581 17.252534 22.982964 17.339829 23.321744 17.345514 L 34.379176 17.345514 L 32.536652 18.868731 C 32.10672 19.231918 32.10672 19.820607 32.536652 20.183793 C 32.966759 20.546832 33.663934 20.546832 34.094041 20.183793 L 37.584645 17.254634 C 37.791095 17.080216 37.907082 16.84372 37.90707 16.597119 C 37.907082 16.350518 37.791095 16.113989 37.584645 15.939571 L 34.139139 12.813098 C 33.924085 12.631579 33.642259 12.54082 33.360444 12.54082 z "
+     transform="matrix(51.277726,0,0,59.27268,-743.00122,173.47084)" />
+</svg>
diff --git a/release/datafiles/icons_svg/key_tab_filled.svg b/release/datafiles/icons_svg/key_tab_filled.svg
new file mode 100644
index 00000000000..846aba1cdee
--- /dev/null
+++ b/release/datafiles/icons_svg/key_tab_filled.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_tab_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.3535534"
+     inkscape:cx="842.87125"
+     inkscape:cy="1243.0937"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+     transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+     id="path1"
+     sodipodi:nodetypes="ssssssssssssssssss"
+     style="fill:#ffffff" />
+  <path
+     id="path1-8"
+     style="fill:#ffffff;stroke-width:1.00126;fill-opacity:0.80000001"
+     d="M 446.56445 199.33398 C 308.49367 199.33398 199.34766 309.18287 199.34766 447.81055 L 199.34766 1352.6172 C 199.34766 1491.2448 308.49367 1601.0996 446.56445 1601.0996 L 1353.6152 1601.0996 C 1491.6859 1601.0996 1601.1172 1491.2448 1601.1172 1352.6172 L 1601.1172 447.81055 C 1601.1172 309.18287 1491.6859 199.33398 1353.6152 199.33398 L 446.56445 199.33398 z M 400 401 L 501 401 L 500 901 L 400 901 L 400 401 z M 835.45312 415.875 C 849.90394 415.875 864.35534 421.25456 875.38281 432.01367 C 897.42867 453.54067 897.42867 488.43392 875.38281 509.96094 L 780.90234 600.24609 L 1347.9023 600.24609 C 1365.2741 600.58303 1399.7012 605.75927 1399.7012 646.39062 C 1399.7012 691.249 1366.5147 699.9668 1347.4023 699.9668 L 780.90234 699.9668 L 873.07031 790.94727 C 895.11628 812.47431 895.11628 847.36749 873.07031 868.89453 C 851.01548 890.41274 815.26778 890.41274 793.21289 868.89453 L 616.5332 683.58008 C 605.94698 673.24191 599.99938 659.22409 600 644.60742 C 599.99938 629.99075 605.94698 615.97098 616.5332 605.63281 L 795.52344 432.01367 C 806.55091 421.25456 821.00231 415.875 835.45312 415.875 z M 1300.7871 900.83398 L 1400.7871 900.83398 L 1400.7871 1400.832 L 1299.7871 1400.832 L 1300.7871 900.83398 z M 967.64648 916.79883 C 982.0973 916.79883 996.5487 922.17839 1007.5762 932.9375 L 1184.2539 1118.252 C 1194.8402 1128.5902 1200.7877 1142.6099 1200.7871 1157.2266 C 1200.7877 1171.8433 1194.8402 1185.861 1184.2539 1196.1992 L 1005.2637 1369.8184 C 983.20879 1391.3366 947.45918 1391.3366 925.4043 1369.8184 C 903.35838 1348.2914 903.35838 1313.3981 925.4043 1291.8711 L 1019.8848 1201.5859 L 452.88477 1201.5859 C 435.51291 1201.249 401.08594 1196.0747 401.08594 1155.4434 C 401.08594 1110.585 434.27235 1101.8652 453.38477 1101.8652 L 1019.8848 1101.8652 L 927.7168 1010.8848 C 905.67088 989.35778 905.67088 954.46455 927.7168 932.9375 C 938.74421 922.17839 953.19567 916.79883 967.64648 916.79883 z " />
+</svg>
diff --git a/release/datafiles/icons_svg/key_windows.svg b/release/datafiles/icons_svg/key_windows.svg
new file mode 100644
index 00000000000..0ebbec56eda
--- /dev/null
+++ b/release/datafiles/icons_svg/key_windows.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_windows.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.25000001"
+     inkscape:cx="647.99997"
+     inkscape:cy="1214"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+     transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+     id="path1"
+     sodipodi:nodetypes="ssssssssssssssssss"
+     style="fill:#ffffff" />
+  <path
+     id="rect8"
+     style="fill:#ffffff;stroke-width:3.77958"
+     d="M 2088 923.99999 L 2088 1011.3271 L 2175.327 1011.3271 L 2175.327 923.99999 L 2088 923.99999 z M 2184.9082 923.99999 L 2184.9082 1011.3271 L 2272.2353 1011.3271 L 2272.2353 923.99999 L 2184.9082 923.99999 z M 2088 1020.9158 L 2088 1108.2428 L 2175.327 1108.2428 L 2175.327 1020.9158 L 2088 1020.9158 z M 2184.9082 1020.9158 L 2184.9082 1108.2428 L 2272.2353 1108.2428 L 2272.2353 1020.9158 L 2184.9082 1020.9158 z "
+     transform="matrix(5.4250961,0,0,5.4250961,-10927.495,-4612.4352)" />
+</svg>
diff --git a/release/datafiles/icons_svg/key_windows_filled.svg b/release/datafiles/icons_svg/key_windows_filled.svg
new file mode 100644
index 00000000000..886ae280e14
--- /dev/null
+++ b/release/datafiles/icons_svg/key_windows_filled.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="1800"
+   viewBox="0 0 1800 1800"
+   width="1800"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="key_windows_filled.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     pagecolor="#303030"
+     showgrid="true"
+     id="namedview1"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.25000001"
+     inkscape:cx="647.99997"
+     inkscape:cy="1214"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <inkscape:grid
+       id="grid5"
+       units="px"
+       spacingx="100"
+       spacingy="100"
+       color="#4772b3"
+       opacity="0.2"
+       visible="true"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <path
+     d="m 31.484375,450.99731 c -1.92123,0 -3.483002,1.56042 -3.483002,3.48165 v 9.03666 c 0,1.92123 1.561772,3.48168 3.483002,3.48168 h 9.095609 c 1.92123,0 3.485856,-1.56045 3.485856,-3.48168 v -9.03666 c 0,-1.92123 -1.564626,-3.48165 -3.485856,-3.48165 z m 0,1.00001 h 9.095609 c 1.38453,0 2.481865,1.09711 2.481865,2.48164 v 9.03666 c 0,1.38453 -1.097335,2.48168 -2.481865,2.48168 h -9.095609 c -1.38453,0 -2.479002,-1.09715 -2.479002,-2.48168 v -9.03666 c 0,-1.38453 1.094472,-2.48164 2.479002,-2.48164 z"
+     transform="matrix(99.598235,0,0,100,-2688.8846,-44999.729)"
+     id="path1"
+     sodipodi:nodetypes="ssssssssssssssssss"
+     style="fill:#ffffff" />
+  <path
+     id="path1-8"
+     style="fill:#ffffff;stroke-width:1.00126;fill-opacity:0.80000001"
+     d="M 446.56445 199.33398 C 308.49367 199.33398 199.34766 309.18287 199.34766 447.81055 L 199.34766 1352.6172 C 199.34766 1491.2448 308.49367 1601.0996 446.56445 1601.0996 L 1353.6152 1601.0996 C 1491.6859 1601.0996 1601.1172 1491.2448 1601.1172 1352.6172 L 1601.1172 447.81055 C 1601.1172 309.18287 1491.6859 199.33398 1353.6152 199.33398 L 446.56445 199.33398 z M 400.10547 400.35352 L 873.86328 400.35352 L 873.86328 874.11133 L 400.10547 874.11133 L 400.10547 400.35352 z M 925.8418 400.35352 L 1399.5996 400.35352 L 1399.5996 874.11133 L 925.8418 874.11133 L 925.8418 400.35352 z M 400.10547 926.13086 L 873.86328 926.13086 L 873.86328 1399.8887 L 400.10547 1399.8887 L 400.10547 926.13086 z M 925.8418 926.13086 L 1399.5996 926.13086 L 1399.5996 1399.8887 L 925.8418 1399.8887 L 925.8418 926.13086 z " />
+</svg>
diff --git a/source/blender/editors/datafiles/CMakeLists.txt b/source/blender/editors/datafiles/CMakeLists.txt
index 52f976af2c3..e57ee743bfb 100644
--- a/source/blender/editors/datafiles/CMakeLists.txt
+++ b/source/blender/editors/datafiles/CMakeLists.txt
@@ -426,8 +426,34 @@ if(WITH_BLENDER)
       keyframe
       keyframe_hlt
       keyingset
+	    key_backspace
+      key_backspace_filled
+      key_command
+      key_command_filled
+      key_control
+      key_control_filled
       key_dehlt
+      key_empty1
+      key_empty1_filled
+      key_empty2
+      key_empty2_filled
+      key_empty3
+      key_empty3_filled
       key_hlt
+      key_menu
+      key_menu_filled
+      key_option
+      key_option_filled
+      key_return
+      key_return_filled
+      key_ring
+      key_ring_filled
+      key_shift
+      key_shift_filled
+      key_tab
+      key_tab_filled
+      key_windows
+      key_windows_filled
       lattice_data
       layer_active
       layer_used
diff --git a/source/blender/editors/include/UI_icons.hh b/source/blender/editors/include/UI_icons.hh
index 18f19946858..4da0ad9cc4a 100644
--- a/source/blender/editors/include/UI_icons.hh
+++ b/source/blender/editors/include/UI_icons.hh
@@ -807,6 +807,35 @@ DEF_ICON(NETWORK_DRIVE_LARGE)
 DEF_ICON(QUESTION_LARGE)
 DEF_ICON(WARNING_LARGE)
 
+/* The following are used when creating the Event Icons. */
+
+DEF_ICON(KEY_BACKSPACE)
+DEF_ICON(KEY_BACKSPACE_FILLED)
+DEF_ICON(KEY_COMMAND)
+DEF_ICON(KEY_COMMAND_FILLED)
+DEF_ICON(KEY_CONTROL)
+DEF_ICON(KEY_CONTROL_FILLED)
+DEF_ICON(KEY_EMPTY1)
+DEF_ICON(KEY_EMPTY1_FILLED)
+DEF_ICON(KEY_EMPTY2)
+DEF_ICON(KEY_EMPTY2_FILLED)
+DEF_ICON(KEY_EMPTY3)
+DEF_ICON(KEY_EMPTY3_FILLED)
+DEF_ICON(KEY_MENU)
+DEF_ICON(KEY_MENU_FILLED)
+DEF_ICON(KEY_OPTION)
+DEF_ICON(KEY_OPTION_FILLED)
+DEF_ICON(KEY_RETURN)
+DEF_ICON(KEY_RETURN_FILLED)
+DEF_ICON(KEY_RING)
+DEF_ICON(KEY_RING_FILLED)
+DEF_ICON(KEY_SHIFT)
+DEF_ICON(KEY_SHIFT_FILLED)
+DEF_ICON(KEY_TAB)
+DEF_ICON(KEY_TAB_FILLED)
+DEF_ICON(KEY_WINDOWS)
+DEF_ICON(KEY_WINDOWS_FILLED)
+
 /* The items above are initiated sequentially while the ones that
  * follow are initiated individually. Therefore this item marks
  * the boundary. Add regular SVG icons above this one.*/