From 08abb806e74b2cb669309e5d84503d790a535551 Mon Sep 17 00:00:00 2001
From: Artem Proskurnev <tema@proskurnevs.ru>
Date: Mon, 11 Apr 2022 13:09:13 +0300
Subject: [PATCH] Increasing the call area of the submenu. SVG icons

- Arrow 7x7 -> 14x14
- eraser, pen and marker: png -> svg
---
 resources/OpenBoard.qrc                       |  12 +
 resources/forms/mainWindow.ui                 |  12 +-
 resources/images/stylusPalette/eraser.svg     | 193 +++++++++++
 .../images/stylusPalette/eraserArrow.svg      | 199 +++++++++++
 resources/images/stylusPalette/eraserOn.svg   | 223 ++++++++++++
 .../images/stylusPalette/eraserOnArrow.svg    | 229 +++++++++++++
 resources/images/stylusPalette/marker.svg     | 224 +++++++++++++
 .../images/stylusPalette/markerArrow.svg      | 230 +++++++++++++
 resources/images/stylusPalette/markerOn.svg   | 256 ++++++++++++++
 .../images/stylusPalette/markerOnArrow.svg    | 262 +++++++++++++++
 resources/images/stylusPalette/pen.svg        | 280 ++++++++++++++++
 resources/images/stylusPalette/penArrow.svg   | 286 ++++++++++++++++
 resources/images/stylusPalette/penOn.svg      | 310 +++++++++++++++++
 resources/images/stylusPalette/penOnArrow.svg | 316 ++++++++++++++++++
 src/desktop/UBDesktopAnnotationController.cpp |   6 +-
 src/desktop/UBDesktopPalette.cpp              |  24 +-
 16 files changed, 3041 insertions(+), 21 deletions(-)
 create mode 100644 resources/images/stylusPalette/eraser.svg
 create mode 100644 resources/images/stylusPalette/eraserArrow.svg
 create mode 100644 resources/images/stylusPalette/eraserOn.svg
 create mode 100644 resources/images/stylusPalette/eraserOnArrow.svg
 create mode 100644 resources/images/stylusPalette/marker.svg
 create mode 100644 resources/images/stylusPalette/markerArrow.svg
 create mode 100644 resources/images/stylusPalette/markerOn.svg
 create mode 100644 resources/images/stylusPalette/markerOnArrow.svg
 create mode 100644 resources/images/stylusPalette/pen.svg
 create mode 100644 resources/images/stylusPalette/penArrow.svg
 create mode 100644 resources/images/stylusPalette/penOn.svg
 create mode 100644 resources/images/stylusPalette/penOnArrow.svg

diff --git a/resources/OpenBoard.qrc b/resources/OpenBoard.qrc
index 480269c1..9327c9e7 100644
--- a/resources/OpenBoard.qrc
+++ b/resources/OpenBoard.qrc
@@ -366,5 +366,17 @@
         <file>images/desc.png</file>
         <file>images/toolPalette/axesTool.png</file>
         <file>images/numbersTool.svg</file>
+        <file>images/stylusPalette/eraserArrow.svg</file>
+        <file>images/stylusPalette/penArrow.svg</file>
+        <file>images/stylusPalette/eraserOnArrow.svg</file>
+        <file>images/stylusPalette/eraserOn.svg</file>
+        <file>images/stylusPalette/eraser.svg</file>
+        <file>images/stylusPalette/marker.svg</file>
+        <file>images/stylusPalette/markerArrow.svg</file>
+        <file>images/stylusPalette/markerOn.svg</file>
+        <file>images/stylusPalette/markerOnArrow.svg</file>
+        <file>images/stylusPalette/pen.svg</file>
+        <file>images/stylusPalette/penOn.svg</file>
+        <file>images/stylusPalette/penOnArrow.svg</file>
     </qresource>
 </RCC>
diff --git a/resources/forms/mainWindow.ui b/resources/forms/mainWindow.ui
index 8b08f03c..052230ac 100644
--- a/resources/forms/mainWindow.ui
+++ b/resources/forms/mainWindow.ui
@@ -1192,8 +1192,8 @@
    </property>
    <property name="icon">
     <iconset resource="../OpenBoard.qrc">
-     <normaloff>:/images/stylusPalette/pen.png</normaloff>
-     <normalon>:/images/stylusPalette/penOn.png</normalon>:/images/stylusPalette/pen.png</iconset>
+     <normaloff>:/images/stylusPalette/pen.svg</normaloff>
+     <normalon>:/images/stylusPalette/penOn.svg</normalon>:/images/stylusPalette/pen.svg</iconset>
    </property>
    <property name="text">
     <string>Pen</string>
@@ -1211,8 +1211,8 @@
    </property>
    <property name="icon">
     <iconset resource="../OpenBoard.qrc">
-     <normaloff>:/images/stylusPalette/eraser.png</normaloff>
-     <normalon>:/images/stylusPalette/eraserOn.png</normalon>:/images/stylusPalette/eraser.png</iconset>
+     <normaloff>:/images/stylusPalette/eraser.svg</normaloff>
+     <normalon>:/images/stylusPalette/eraserOn.svg</normalon>:/images/stylusPalette/eraser.svg</iconset>
    </property>
    <property name="text">
     <string>Eraser</string>
@@ -1230,8 +1230,8 @@
    </property>
    <property name="icon">
     <iconset resource="../OpenBoard.qrc">
-     <normaloff>:/images/stylusPalette/marker.png</normaloff>
-     <normalon>:/images/stylusPalette/markerOn.png</normalon>:/images/stylusPalette/marker.png</iconset>
+     <normaloff>:/images/stylusPalette/marker.svg</normaloff>
+     <normalon>:/images/stylusPalette/markerOn.svg</normalon>:/images/stylusPalette/marker.svg</iconset>
    </property>
    <property name="text">
     <string>Marker</string>
diff --git a/resources/images/stylusPalette/eraser.svg b/resources/images/stylusPalette/eraser.svg
new file mode 100644
index 00000000..aba1b8b1
--- /dev/null
+++ b/resources/images/stylusPalette/eraser.svg
@@ -0,0 +1,193 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="eraser.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="8.7988368"
+     inkscape:cx="-19.320736"
+     inkscape:cy="7.216863"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <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>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20969"
+       id="linearGradient20971-0"
+       x1="60.662704"
+       y1="55.480873"
+       x2="61.939163"
+       y2="52.160362"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20969">
+      <stop
+         style="stop-color:#ffbbd7;stop-opacity:1"
+         offset="0"
+         id="stop20965" />
+      <stop
+         style="stop-color:#ffa5ca;stop-opacity:1"
+         offset="1"
+         id="stop20967" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient36002"
+       id="linearGradient36004-1"
+       x1="63.57766"
+       y1="53.124149"
+       x2="63.12122"
+       y2="51.129868"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient36002">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop35998" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop36000" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient36002"
+       id="linearGradient37039-5"
+       x1="63.57766"
+       y1="53.124149"
+       x2="61.989079"
+       y2="54.096962"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g38085-5"
+       inkscape:label="eraser"
+       transform="matrix(2.8861847,0,0,2.8861847,-10.403846,66.393879)">
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter37990-9-5)"
+         d="m 65.27655,47.320612 -6.604657,7.131182 4.165619,2.15681 6.452007,-7.430413 z"
+         id="path37440-8"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="shadow" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 4.283716,-4.860607 3.849332,1.873067 1.319795,1.194618 -6.452007,7.430413 z"
+         id="path34216-4"
+         inkscape:label="whiteBackground" />
+      <path
+         style="fill:#9cb6d0;fill-opacity:1;stroke:none;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 65.747258,50.584059 -3.739087,-2.07789 2.112221,-2.395663 3.849332,1.873067 z"
+         id="path1239-0"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="topBlue" />
+      <path
+         style="fill:#ebbbda;fill-opacity:1;stroke:none;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 59.836676,50.971113 2.171495,-2.464944 3.739087,2.07789 -2.169598,2.540091 z"
+         id="path6674-2"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="topPink" />
+      <path
+         style="fill:#5479ea;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 66.473225,52.422044 V 51.02752 l -0.725967,-0.443461 2.222466,-2.600486 1.319795,1.194618 z"
+         id="path12589-9"
+         sodipodi:nodetypes="cccccc"
+         inkscape:label="sideBlue" />
+      <path
+         style="fill:#ff72aa;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 62.837512,56.608604 0.740148,-3.484454 2.169598,-2.540091 0.725967,0.443461 v 1.394524 z"
+         id="path16086-6"
+         sodipodi:nodetypes="cccccc"
+         inkscape:label="sidePink" />
+      <path
+         style="fill:url(#linearGradient20971-0);fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 3.740984,2.153037 -0.740148,3.484454 z"
+         id="path20897-4"
+         inkscape:label="front" />
+      <path
+         style="fill:none;stroke:url(#linearGradient36004-1);stroke-width:0.01;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 63.57766,53.12415 -3.740984,-2.153037 2.171494,-2.464945 3.739086,2.077892 z"
+         id="path35930-9"
+         inkscape:label="topBorderGradient" />
+      <path
+         style="fill:none;stroke:url(#linearGradient37039-5);stroke-width:0.01;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 3.740984,2.153037 -0.740148,3.484454 z"
+         id="path36965-3"
+         inkscape:label="frontBorderGradient" />
+    </g>
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/eraserArrow.svg b/resources/images/stylusPalette/eraserArrow.svg
new file mode 100644
index 00000000..21e35455
--- /dev/null
+++ b/resources/images/stylusPalette/eraserArrow.svg
@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="eraserArrow.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="8.7988368"
+     inkscape:cx="-19.320736"
+     inkscape:cy="7.216863"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs38505">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20969">
+      <stop
+         style="stop-color:#ffbbd7;stop-opacity:1"
+         offset="0"
+         id="stop20965" />
+      <stop
+         style="stop-color:#ffa5ca;stop-opacity:1"
+         offset="1"
+         id="stop20967" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient36002">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop35998" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop36000" />
+    </linearGradient>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-9"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-7" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-5" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20969"
+       id="linearGradient42941"
+       gradientUnits="userSpaceOnUse"
+       x1="60.662704"
+       y1="55.480873"
+       x2="61.939163"
+       y2="52.160362" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient36002"
+       id="linearGradient42943"
+       gradientUnits="userSpaceOnUse"
+       x1="63.57766"
+       y1="53.124149"
+       x2="63.12122"
+       y2="51.129868" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient36002"
+       id="linearGradient42945"
+       gradientUnits="userSpaceOnUse"
+       x1="63.57766"
+       y1="53.124149"
+       x2="61.989079"
+       y2="54.096962" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g38085-5-6"
+       inkscape:label="eraserArrow"
+       transform="matrix(2.8861847,0,0,2.8861847,-10.403838,66.393885)">
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter37990-9-9)"
+         d="m 65.27655,47.320612 -6.604657,7.131182 4.165619,2.15681 6.452007,-7.430413 z"
+         id="path37440-8-5"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="shadow" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 4.283716,-4.860607 3.849332,1.873067 1.319795,1.194618 -6.452007,7.430413 z"
+         id="path34216-4-8"
+         inkscape:label="whiteBackground" />
+      <path
+         style="fill:#9cb6d0;fill-opacity:1;stroke:none;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 65.747258,50.584059 -3.739087,-2.07789 2.112221,-2.395663 3.849332,1.873067 z"
+         id="path1239-0-7"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="topBlue" />
+      <path
+         style="fill:#ebbbda;fill-opacity:1;stroke:none;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 59.836676,50.971113 2.171495,-2.464944 3.739087,2.07789 -2.169598,2.540091 z"
+         id="path6674-2-5"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="topPink" />
+      <path
+         style="fill:#5479ea;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 66.473225,52.422044 V 51.02752 l -0.725967,-0.443461 2.222466,-2.600486 1.319795,1.194618 z"
+         id="path12589-9-6"
+         sodipodi:nodetypes="cccccc"
+         inkscape:label="sideBlue" />
+      <path
+         style="fill:#ff72aa;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 62.837512,56.608604 0.740148,-3.484454 2.169598,-2.540091 0.725967,0.443461 v 1.394524 z"
+         id="path16086-6-5"
+         sodipodi:nodetypes="cccccc"
+         inkscape:label="sidePink" />
+      <path
+         style="fill:url(#linearGradient42941);fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 3.740984,2.153037 -0.740148,3.484454 z"
+         id="path20897-4-6"
+         inkscape:label="front" />
+      <path
+         style="fill:none;stroke:url(#linearGradient42943);stroke-width:0.01;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 63.57766,53.12415 -3.740984,-2.153037 2.171494,-2.464945 3.739086,2.077892 z"
+         id="path35930-9-1"
+         inkscape:label="topBorderGradient" />
+      <path
+         style="fill:none;stroke:url(#linearGradient42945);stroke-width:0.01;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 3.740984,2.153037 -0.740148,3.484454 z"
+         id="path36965-3-4"
+         inkscape:label="frontBorderGradient" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.516991px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 68.343527,58.16964 2.425098,-2.24608 -2.425347,-2.258136 c 0.0027,1.501393 5.77e-4,3.002823 2.49e-4,4.504216 z"
+         id="path41415"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="arrow" />
+    </g>
+  </g>
+  <metadata
+     id="metadata861">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/eraserOn.svg b/resources/images/stylusPalette/eraserOn.svg
new file mode 100644
index 00000000..84e14906
--- /dev/null
+++ b/resources/images/stylusPalette/eraserOn.svg
@@ -0,0 +1,223 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="eraserOn.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="8.7988368"
+     inkscape:cx="-19.320736"
+     inkscape:cy="7.216863"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs38505">
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient39514"
+       id="radialGradient39516"
+       cx="160.25581"
+       cy="201.69054"
+       fx="160.25581"
+       fy="201.69054"
+       r="7.2760415"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-96.416753,-150.10398)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient39514">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop39510" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop39512" />
+    </linearGradient>
+    <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>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20969"
+       id="linearGradient20971-0"
+       x1="60.662704"
+       y1="55.480873"
+       x2="61.939163"
+       y2="52.160362"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20969">
+      <stop
+         style="stop-color:#ffbbd7;stop-opacity:1"
+         offset="0"
+         id="stop20965" />
+      <stop
+         style="stop-color:#ffa5ca;stop-opacity:1"
+         offset="1"
+         id="stop20967" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient36002"
+       id="linearGradient36004-1"
+       x1="63.57766"
+       y1="53.124149"
+       x2="63.12122"
+       y2="51.129868"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient36002">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop35998" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop36000" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient36002"
+       id="linearGradient37039-5"
+       x1="63.57766"
+       y1="53.124149"
+       x2="61.989079"
+       y2="54.096962"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g38085-5"
+       inkscape:label="eraserOn"
+       transform="matrix(2.8861847,0,0,2.8861847,-10.403846,66.393879)">
+      <circle
+         style="fill:url(#radialGradient39516);fill-opacity:1;stroke-width:0.0158443;stroke-linecap:round;stroke-linejoin:round"
+         id="path38960"
+         cx="63.839062"
+         cy="51.586552"
+         r="7.2760415"
+         inkscape:label="circleBackground" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter37990-9-5)"
+         d="m 65.27655,47.320612 -6.604657,7.131182 4.165619,2.15681 6.452007,-7.430413 z"
+         id="path37440-8"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="shadow" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 4.283716,-4.860607 3.849332,1.873067 1.319795,1.194618 -6.452007,7.430413 z"
+         id="path34216-4"
+         inkscape:label="whiteBackground" />
+      <path
+         style="fill:#9cb6d0;fill-opacity:1;stroke:none;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 65.747258,50.584059 -3.739087,-2.07789 2.112221,-2.395663 3.849332,1.873067 z"
+         id="path1239-0"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="topBlue" />
+      <path
+         style="fill:#ebbbda;fill-opacity:1;stroke:none;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 59.836676,50.971113 2.171495,-2.464944 3.739087,2.07789 -2.169598,2.540091 z"
+         id="path6674-2"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="topPink" />
+      <path
+         style="fill:#5479ea;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 66.473225,52.422044 V 51.02752 l -0.725967,-0.443461 2.222466,-2.600486 1.319795,1.194618 z"
+         id="path12589-9"
+         sodipodi:nodetypes="cccccc"
+         inkscape:label="sideBlue" />
+      <path
+         style="fill:#ff72aa;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 62.837512,56.608604 0.740148,-3.484454 2.169598,-2.540091 0.725967,0.443461 v 1.394524 z"
+         id="path16086-6"
+         sodipodi:nodetypes="cccccc"
+         inkscape:label="sidePink" />
+      <path
+         style="fill:url(#linearGradient20971-0);fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 3.740984,2.153037 -0.740148,3.484454 z"
+         id="path20897-4"
+         inkscape:label="front" />
+      <path
+         style="fill:none;stroke:url(#linearGradient36004-1);stroke-width:0.01;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 63.57766,53.12415 -3.740984,-2.153037 2.171494,-2.464945 3.739086,2.077892 z"
+         id="path35930-9"
+         inkscape:label="topBorderGradient" />
+      <path
+         style="fill:none;stroke:url(#linearGradient37039-5);stroke-width:0.01;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 3.740984,2.153037 -0.740148,3.484454 z"
+         id="path36965-3"
+         inkscape:label="frontBorderGradient" />
+    </g>
+  </g>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/eraserOnArrow.svg b/resources/images/stylusPalette/eraserOnArrow.svg
new file mode 100644
index 00000000..6f3c719d
--- /dev/null
+++ b/resources/images/stylusPalette/eraserOnArrow.svg
@@ -0,0 +1,229 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="eraserOnArrow.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="8.7988368"
+     inkscape:cx="-19.320736"
+     inkscape:cy="7.216863"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs38505">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient39514">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop39510" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop39512" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient20969">
+      <stop
+         style="stop-color:#ffbbd7;stop-opacity:1"
+         offset="0"
+         id="stop20965" />
+      <stop
+         style="stop-color:#ffa5ca;stop-opacity:1"
+         offset="1"
+         id="stop20967" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient36002">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop35998" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop36000" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient39514"
+       id="radialGradient39516-8"
+       cx="160.25581"
+       cy="201.69054"
+       fx="160.25581"
+       fy="201.69054"
+       r="7.2760415"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-96.416753,-150.10398)" />
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter37990-9-9"
+       inkscape:label="shadowFilter"
+       x="-0.067811772"
+       y="-0.07751945"
+       width="1.1356235"
+       height="1.1873387">
+      <feGaussianBlur
+         stdDeviation="0.29999999999999999"
+         id="feGaussianBlur37992-3-7" />
+      <feOffset
+         dx="0"
+         dy="0.29999999999999999"
+         id="feOffset37994-2-5" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient20969"
+       id="linearGradient42941"
+       gradientUnits="userSpaceOnUse"
+       x1="60.662704"
+       y1="55.480873"
+       x2="61.939163"
+       y2="52.160362" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient36002"
+       id="linearGradient42943"
+       gradientUnits="userSpaceOnUse"
+       x1="63.57766"
+       y1="53.124149"
+       x2="63.12122"
+       y2="51.129868" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient36002"
+       id="linearGradient42945"
+       gradientUnits="userSpaceOnUse"
+       x1="63.57766"
+       y1="53.124149"
+       x2="61.989079"
+       y2="54.096962" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g38085-5-6"
+       inkscape:label="eraserOnArrow"
+       transform="matrix(2.8861847,0,0,2.8861847,-10.403838,66.393885)">
+      <circle
+         style="display:inline;fill:url(#radialGradient39516-8);fill-opacity:1;stroke-width:0.0158443;stroke-linecap:round;stroke-linejoin:round"
+         id="path38960-7"
+         cx="63.839062"
+         cy="51.586552"
+         r="7.2760415"
+         inkscape:label="circleBackground" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter37990-9-9)"
+         d="m 65.27655,47.320612 -6.604657,7.131182 4.165619,2.15681 6.452007,-7.430413 z"
+         id="path37440-8-5"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="shadow" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 4.283716,-4.860607 3.849332,1.873067 1.319795,1.194618 -6.452007,7.430413 z"
+         id="path34216-4-8"
+         inkscape:label="whiteBackground" />
+      <path
+         style="fill:#9cb6d0;fill-opacity:1;stroke:none;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 65.747258,50.584059 -3.739087,-2.07789 2.112221,-2.395663 3.849332,1.873067 z"
+         id="path1239-0-7"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="topBlue" />
+      <path
+         style="fill:#ebbbda;fill-opacity:1;stroke:none;stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 59.836676,50.971113 2.171495,-2.464944 3.739087,2.07789 -2.169598,2.540091 z"
+         id="path6674-2-5"
+         sodipodi:nodetypes="ccccc"
+         inkscape:label="topPink" />
+      <path
+         style="fill:#5479ea;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 66.473225,52.422044 V 51.02752 l -0.725967,-0.443461 2.222466,-2.600486 1.319795,1.194618 z"
+         id="path12589-9-6"
+         sodipodi:nodetypes="cccccc"
+         inkscape:label="sideBlue" />
+      <path
+         style="fill:#ff72aa;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 62.837512,56.608604 0.740148,-3.484454 2.169598,-2.540091 0.725967,0.443461 v 1.394524 z"
+         id="path16086-6-5"
+         sodipodi:nodetypes="cccccc"
+         inkscape:label="sidePink" />
+      <path
+         style="fill:url(#linearGradient42941);fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 3.740984,2.153037 -0.740148,3.484454 z"
+         id="path20897-4-6"
+         inkscape:label="front" />
+      <path
+         style="fill:none;stroke:url(#linearGradient42943);stroke-width:0.01;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 63.57766,53.12415 -3.740984,-2.153037 2.171494,-2.464945 3.739086,2.077892 z"
+         id="path35930-9-1"
+         inkscape:label="topBorderGradient" />
+      <path
+         style="fill:none;stroke:url(#linearGradient42945);stroke-width:0.01;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 58.671893,54.451794 1.164783,-3.480681 3.740984,2.153037 -0.740148,3.484454 z"
+         id="path36965-3-4"
+         inkscape:label="frontBorderGradient" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.516991px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 68.343527,58.16964 2.425098,-2.24608 -2.425347,-2.258136 c 0.0027,1.501393 5.77e-4,3.002823 2.49e-4,4.504216 z"
+         id="path41415"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="arrow" />
+    </g>
+  </g>
+  <metadata
+     id="metadata861">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/marker.svg b/resources/images/stylusPalette/marker.svg
new file mode 100644
index 00000000..2d9a2c39
--- /dev/null
+++ b/resources/images/stylusPalette/marker.svg
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="marker.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="17.597674"
+     inkscape:cx="14.831506"
+     inkscape:cy="16.678341"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer2"
+     scale-x="1"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false" />
+  <defs
+     id="defs38505">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40427-2"
+       x="-0.051926989"
+       y="-0.049355939"
+       width="1.1146721"
+       height="1.1089944"
+       inkscape:label="filterShadow">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2"
+         id="feGaussianBlur40429-8" />
+      <feOffset
+         dx="1"
+         dy="1"
+         id="feOffset876" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter12705-7-9"
+       x="-0.12427052"
+       y="-0.099978448"
+       width="1.248541"
+       height="1.1999569"
+       inkscape:label="filterBottomGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.27371099"
+         id="feGaussianBlur12707-6-5" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gBody"
+       id="linearGradient6594-9-6"
+       x1="106.14433"
+       y1="128.42783"
+       x2="108.69588"
+       y2="130.97939"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1368939,0,0,1.1368939,-97.980878,-128.36601)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gBody">
+      <stop
+         style="stop-color:#f9e100;stop-opacity:1;"
+         offset="0"
+         id="stop6588-6" />
+      <stop
+         style="stop-color:#d45500;stop-opacity:1"
+         offset="1"
+         id="stop6590-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gShadowRight"
+       id="linearGradient41993"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1368939,0,0,1.1368939,-97.977134,-128.35115)"
+       x1="107.00032"
+       y1="129.48596"
+       x2="108.10583"
+       y2="130.54881" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gShadowRight">
+      <stop
+         style="stop-color:#ff842e;stop-opacity:0"
+         offset="0"
+         id="stop39217" />
+      <stop
+         style="stop-color:#2f1700;stop-opacity:1"
+         offset="1"
+         id="stop39219" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40862-5-7"
+       x="-0.028344552"
+       y="-0.028677512"
+       width="1.0566891"
+       height="1.057355"
+       inkscape:label="filterTopGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.23570633"
+         id="feGaussianBlur40864-4-7" />
+    </filter>
+  </defs>
+  <g
+     id="layer2"
+     inkscape:label="icon"
+     inkscape:groupmode="layer">
+    <g
+       id="g1077"
+       inkscape:label="marker">
+      <path
+         style="fill:#ffe052;fill-opacity:0.870588;stroke:#ffc748;stroke-width:0.187587;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 7.10908,35.456654 c 0,0 6.243878,2.136996 14.800551,1.075786 8.848911,-1.097455 1.449812,-4.792713 0.700338,-5.873479 -0.229766,-0.331325 -0.01853,-0.872679 1.776192,-0.929831 2.068203,-0.142555 3.970761,0.05957 6.145469,0.26277 -3.260976,-1.984755 -6.330055,-2.095102 -6.936122,-2.140021 -0.580577,-0.04297 -4.485376,0.08117 -5.249323,1.778637 -0.836856,1.859481 1.699099,2.814153 1.699099,2.814153 0,0 3.909869,1.455145 -1.222002,2.256951 C 14.536021,35.371466 7.10908,35.456654 7.10908,35.456654 Z"
+         id="path12742-7-5"
+         sodipodi:nodetypes="cssccsscsc"
+         inkscape:label="pathInk" />
+      <path
+         id="path9155-3-9"
+         style="mix-blend-mode:normal;fill:#131313;fill-opacity:0.752151;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40427-2)"
+         d="m 164.78931,138.59518 c -1.53557,0.007 -3.28212,0.2589 -5.26563,0.81641 l -69.27344,70.07617 -6.45898,22.95898 c -0.002,-5.7e-4 -0.008,-0.002 -0.008,-0.002 l -0.94531,3.31836 c 0,0 0.46397,0.57152 2.9746,-1.25586 l 21.1543,-12.24219 15.47461,-16.27539 c 0.003,0.01 0.0234,0.0703 0.0234,0.0703 l 33.25586,-35.01172 c 0,0 -0.0108,-0.0443 -0.0117,-0.0488 l 19.56641,-20.57813 c -0.0557,-4.75304 -2.19426,-11.86343 -10.48633,-11.82617 z"
+         transform="matrix(0.27319491,0,0,0.27319491,-14.25763,-30.14792)"
+         inkscape:label="shadow" />
+      <path
+         style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 9.01167,27.60234 -2.14195,7.61498 0.23931,0.23931 6.93081,-4.01068 1.03468,-3.57876 -4.23915,-1.0256 z"
+         id="path9155-1"
+         inkscape:label="grayBottom" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter12705-7-9)"
+         d="m 110.65967,197.04828 3.79766,-6.57048 1.4884,1.10567 -5.2861,5.46481 z"
+         id="path12389-5-3"
+         transform="matrix(1.1368939,0,0,1.1368939,-118.93854,-188.80565)"
+         inkscape:label="bottomGlare" />
+      <path
+         style="fill:url(#linearGradient6594-9-6);fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 9.01167,27.60234 29.9861,6.38619 c 0.91973,-0.49586 2.11249,-0.72131 3.46537,0.19528 1.111,0.75271 1.26281,2.26924 1.27272,3.1165 L 14.03985,31.44595 c 0,0 -1.61964,-3.52934 -5.02812,-3.84361 z"
+         id="path55-2-5-4"
+         sodipodi:nodetypes="ccsccsc"
+         inkscape:label="body" />
+      <path
+         style="fill:url(#linearGradient41993);fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 9.01541,27.6172 29.85308,6.53779 c 3.14169,-2.66873 4.88753,0.86134 4.87111,3.16018 l -20.6806,21.76284 c 0,0 -1.61964,-3.52935 -5.02812,-3.84361 z"
+         id="path55-2-2-6"
+         sodipodi:nodetypes="ccccsc"
+         inkscape:label="shadowRight" />
+      <path
+         style="fill:#000b05;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 18.70165,26.57096 c 0,0 -0.22883,-0.67886 -0.42364,-0.97479 -0.23232,-0.35286 -0.86808,-0.92348 -0.86808,-0.92348 L 27.67028,14.3034 c 0,0 0.51824,0.41229 0.6886,0.68859 0.19305,0.3131 0.34672,1.04756 0.34672,1.04756 z"
+         id="path7292-8"
+         sodipodi:nodetypes="caccacc"
+         inkscape:label="sticker" />
+      <path
+         style="fill:#ffb800;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 7.06629,34.50797 c 0,0 0.54698,0.14101 0.65809,0.58544 -0.79696,0.59186 -0.94227,0.41237 -0.94227,0.41237 z"
+         id="path38159-5-2"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="stylus" />
+      <path
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.922547;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40862-5-7)"
+         d="m 114.00627,190.92886 0.77298,0.46621 19.18483,-19.42538 -1.08253,-0.30071 z"
+         id="path40464-3-3"
+         sodipodi:nodetypes="ccccc"
+         transform="matrix(1.1368939,0,0,1.1368939,-118.93854,-188.80565)"
+         inkscape:label="topGlare" />
+    </g>
+  </g>
+  <metadata
+     id="metadata1252">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/markerArrow.svg b/resources/images/stylusPalette/markerArrow.svg
new file mode 100644
index 00000000..0e2b9ad6
--- /dev/null
+++ b/resources/images/stylusPalette/markerArrow.svg
@@ -0,0 +1,230 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="markerArrow.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="17.597674"
+     inkscape:cx="14.831506"
+     inkscape:cy="16.678341"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer2"
+     scale-x="1"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false" />
+  <defs
+     id="defs38505">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40427-2"
+       x="-0.051926989"
+       y="-0.049355939"
+       width="1.1146721"
+       height="1.1089944"
+       inkscape:label="filterShadow">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2"
+         id="feGaussianBlur40429-8" />
+      <feOffset
+         dx="1"
+         dy="1"
+         id="feOffset876" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter12705-7-9"
+       x="-0.12427052"
+       y="-0.099978448"
+       width="1.248541"
+       height="1.1999569"
+       inkscape:label="filterBottomGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.27371099"
+         id="feGaussianBlur12707-6-5" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gBody"
+       id="linearGradient6594-9-6"
+       x1="106.14433"
+       y1="128.42783"
+       x2="108.69588"
+       y2="130.97939"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1368939,0,0,1.1368939,-97.980878,-128.36601)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gBody">
+      <stop
+         style="stop-color:#f9e100;stop-opacity:1;"
+         offset="0"
+         id="stop6588-6" />
+      <stop
+         style="stop-color:#d45500;stop-opacity:1"
+         offset="1"
+         id="stop6590-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gShadowRight"
+       id="linearGradient41993"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1368939,0,0,1.1368939,-97.977134,-128.35115)"
+       x1="107.00032"
+       y1="129.48596"
+       x2="108.10583"
+       y2="130.54881" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gShadowRight">
+      <stop
+         style="stop-color:#ff842e;stop-opacity:0"
+         offset="0"
+         id="stop39217" />
+      <stop
+         style="stop-color:#2f1700;stop-opacity:1"
+         offset="1"
+         id="stop39219" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40862-5-7"
+       x="-0.028344552"
+       y="-0.028677512"
+       width="1.0566891"
+       height="1.057355"
+       inkscape:label="filterTopGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.23570633"
+         id="feGaussianBlur40864-4-7" />
+    </filter>
+  </defs>
+  <g
+     id="layer2"
+     inkscape:label="icon"
+     inkscape:groupmode="layer">
+    <g
+       id="g1077"
+       inkscape:label="markerArrow">
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.49213px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 34.00069,39.99996 41,33.51736 33.99997,26.99998 c 0.008,4.3333 0.002,8.66672 7.2e-4,12.99998 z"
+         id="path41415-8"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="arrow" />
+      <path
+         style="fill:#ffe052;fill-opacity:0.870588;stroke:#ffc748;stroke-width:0.187587;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 7.10908,35.456654 c 0,0 6.243878,2.136996 14.800551,1.075786 8.848911,-1.097455 1.449812,-4.792713 0.700338,-5.873479 -0.229766,-0.331325 -0.01853,-0.872679 1.776192,-0.929831 2.068203,-0.142555 3.970761,0.05957 6.145469,0.26277 -3.260976,-1.984755 -6.330055,-2.095102 -6.936122,-2.140021 -0.580577,-0.04297 -4.485376,0.08117 -5.249323,1.778637 -0.836856,1.859481 1.699099,2.814153 1.699099,2.814153 0,0 3.909869,1.455145 -1.222002,2.256951 C 14.536021,35.371466 7.10908,35.456654 7.10908,35.456654 Z"
+         id="path12742-7-5"
+         sodipodi:nodetypes="cssccsscsc"
+         inkscape:label="pathInk" />
+      <path
+         id="path9155-3-9"
+         style="mix-blend-mode:normal;fill:#131313;fill-opacity:0.752151;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40427-2)"
+         d="m 164.78931,138.59518 c -1.53557,0.007 -3.28212,0.2589 -5.26563,0.81641 l -69.27344,70.07617 -6.45898,22.95898 c -0.002,-5.7e-4 -0.008,-0.002 -0.008,-0.002 l -0.94531,3.31836 c 0,0 0.46397,0.57152 2.9746,-1.25586 l 21.1543,-12.24219 15.47461,-16.27539 c 0.003,0.01 0.0234,0.0703 0.0234,0.0703 l 33.25586,-35.01172 c 0,0 -0.0108,-0.0443 -0.0117,-0.0488 l 19.56641,-20.57813 c -0.0557,-4.75304 -2.19426,-11.86343 -10.48633,-11.82617 z"
+         transform="matrix(0.27319491,0,0,0.27319491,-14.25763,-30.14792)"
+         inkscape:label="shadow" />
+      <path
+         style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 9.01167,27.60234 -2.14195,7.61498 0.23931,0.23931 6.93081,-4.01068 1.03468,-3.57876 -4.23915,-1.0256 z"
+         id="path9155-1"
+         inkscape:label="grayBottom" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter12705-7-9)"
+         d="m 110.65967,197.04828 3.79766,-6.57048 1.4884,1.10567 -5.2861,5.46481 z"
+         id="path12389-5-3"
+         transform="matrix(1.1368939,0,0,1.1368939,-118.93854,-188.80565)"
+         inkscape:label="bottomGlare" />
+      <path
+         style="fill:url(#linearGradient6594-9-6);fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 9.01167,27.60234 29.9861,6.38619 c 0.91973,-0.49586 2.11249,-0.72131 3.46537,0.19528 1.111,0.75271 1.26281,2.26924 1.27272,3.1165 L 14.03985,31.44595 c 0,0 -1.61964,-3.52934 -5.02812,-3.84361 z"
+         id="path55-2-5-4"
+         sodipodi:nodetypes="ccsccsc"
+         inkscape:label="body" />
+      <path
+         style="fill:url(#linearGradient41993);fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 9.01541,27.6172 29.85308,6.53779 c 3.14169,-2.66873 4.88753,0.86134 4.87111,3.16018 l -20.6806,21.76284 c 0,0 -1.61964,-3.52935 -5.02812,-3.84361 z"
+         id="path55-2-2-6"
+         sodipodi:nodetypes="ccccsc"
+         inkscape:label="shadowRight" />
+      <path
+         style="fill:#000b05;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 18.70165,26.57096 c 0,0 -0.22883,-0.67886 -0.42364,-0.97479 -0.23232,-0.35286 -0.86808,-0.92348 -0.86808,-0.92348 L 27.67028,14.3034 c 0,0 0.51824,0.41229 0.6886,0.68859 0.19305,0.3131 0.34672,1.04756 0.34672,1.04756 z"
+         id="path7292-8"
+         sodipodi:nodetypes="caccacc"
+         inkscape:label="sticker" />
+      <path
+         style="fill:#ffb800;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 7.06629,34.50797 c 0,0 0.54698,0.14101 0.65809,0.58544 -0.79696,0.59186 -0.94227,0.41237 -0.94227,0.41237 z"
+         id="path38159-5-2"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="stylus" />
+      <path
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.922547;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40862-5-7)"
+         d="m 114.00627,190.92886 0.77298,0.46621 19.18483,-19.42538 -1.08253,-0.30071 z"
+         id="path40464-3-3"
+         sodipodi:nodetypes="ccccc"
+         transform="matrix(1.1368939,0,0,1.1368939,-118.93854,-188.80565)"
+         inkscape:label="topGlare" />
+    </g>
+  </g>
+  <metadata
+     id="metadata1252">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/markerOn.svg b/resources/images/stylusPalette/markerOn.svg
new file mode 100644
index 00000000..5e874b3a
--- /dev/null
+++ b/resources/images/stylusPalette/markerOn.svg
@@ -0,0 +1,256 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="markerOn.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="17.597674"
+     inkscape:cx="14.831506"
+     inkscape:cy="16.678341"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer2"
+     scale-x="1"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false" />
+  <defs
+     id="defs38505">
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#gBackgroundCircle"
+       id="radialGradient39516-8-7"
+       cx="160.25581"
+       cy="201.69054"
+       fx="160.25581"
+       fy="201.69054"
+       r="7.2760415"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.8861847,0,0,2.8861847,-288.68041,-366.83395)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gBackgroundCircle">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop39510" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop39512" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40427-2"
+       x="-0.051926989"
+       y="-0.049355939"
+       width="1.1146721"
+       height="1.1089944"
+       inkscape:label="filterShadow">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2"
+         id="feGaussianBlur40429-8" />
+      <feOffset
+         dx="1"
+         dy="1"
+         id="feOffset876" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter12705-7-9"
+       x="-0.12427052"
+       y="-0.099978448"
+       width="1.248541"
+       height="1.1999569"
+       inkscape:label="filterBottomGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.27371099"
+         id="feGaussianBlur12707-6-5" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gBody"
+       id="linearGradient6594-9-6"
+       x1="106.14433"
+       y1="128.42783"
+       x2="108.69588"
+       y2="130.97939"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1368939,0,0,1.1368939,54.866612,65.916201)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gBody">
+      <stop
+         style="stop-color:#f9e100;stop-opacity:1;"
+         offset="0"
+         id="stop6588-6" />
+      <stop
+         style="stop-color:#d45500;stop-opacity:1"
+         offset="1"
+         id="stop6590-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gShadowRight"
+       id="linearGradient41993"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1368939,0,0,1.1368939,54.870356,65.931062)"
+       x1="107.00032"
+       y1="129.48596"
+       x2="108.10583"
+       y2="130.54881" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gShadowRight">
+      <stop
+         style="stop-color:#ff842e;stop-opacity:0"
+         offset="0"
+         id="stop39217" />
+      <stop
+         style="stop-color:#2f1700;stop-opacity:1"
+         offset="1"
+         id="stop39219" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40862-5-7"
+       x="-0.028344552"
+       y="-0.028677512"
+       width="1.0566891"
+       height="1.057355"
+       inkscape:label="filterTopGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.23570633"
+         id="feGaussianBlur40864-4-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="icon">
+    <g
+       id="g1095"
+       inkscape:label="markerOn"
+       transform="translate(-152.84749,-194.28221)">
+      <circle
+         style="display:inline;fill:url(#radialGradient39516-8-7);fill-opacity:1;stroke-width:0.0457296;stroke-linecap:round;stroke-linejoin:round"
+         id="path38960-7-4"
+         cx="173.84749"
+         cy="215.28221"
+         r="21"
+         inkscape:label="circleBackground" />
+      <path
+         style="fill:#ffe052;fill-opacity:0.870588;stroke:#ffc748;stroke-width:0.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 110.87017,197.25878 c 0,0 5.49205,1.87968 13.01841,0.94625 7.78341,-0.96531 1.27524,-4.21562 0.61601,-5.16625 -0.2021,-0.29143 -0.0163,-0.7676 1.56232,-0.81787 1.81917,-0.12539 3.49264,0.0524 5.40549,0.23113 -2.86832,-1.74577 -5.56785,-1.84283 -6.10094,-1.88234 -0.51067,-0.0378 -3.94529,0.0714 -4.61725,1.56447 -0.73609,1.63558 1.49451,2.4753 1.49451,2.4753 0,0 3.43908,1.27993 -1.07486,1.98519 -3.77103,0.58919 -10.30369,0.66412 -10.30369,0.66412 z"
+         id="path12742-7-5"
+         sodipodi:nodetypes="cssccsscsc"
+         transform="matrix(1.1368939,0,0,1.1368939,33.908955,5.4765612)"
+         inkscape:label="pathInk" />
+      <path
+         id="path9155-3-9"
+         style="mix-blend-mode:normal;fill:#131313;fill-opacity:0.752151;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40427-2)"
+         d="m 164.78931,138.59518 c -1.53557,0.007 -3.28212,0.2589 -5.26563,0.81641 l -69.27344,70.07617 -6.45898,22.95898 c -0.002,-5.7e-4 -0.008,-0.002 -0.008,-0.002 l -0.94531,3.31836 c 0,0 0.46397,0.57152 2.9746,-1.25586 l 21.1543,-12.24219 15.47461,-16.27539 c 0.003,0.01 0.0234,0.0703 0.0234,0.0703 l 33.25586,-35.01172 c 0,0 -0.0108,-0.0443 -0.0117,-0.0488 l 19.56641,-20.57813 c -0.0557,-4.75304 -2.19426,-11.86343 -10.48633,-11.82617 z"
+         transform="matrix(0.27319491,0,0,0.27319491,138.58986,164.13429)"
+         inkscape:label="shadow" />
+      <path
+         style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 161.85916,221.88455 -2.14195,7.61498 0.23931,0.23931 6.93081,-4.01068 1.03468,-3.57876 -4.23915,-1.0256 z"
+         id="path9155-1"
+         inkscape:label="grayBottom" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter12705-7-9)"
+         d="m 110.65967,197.04828 3.79766,-6.57048 1.4884,1.10567 -5.2861,5.46481 z"
+         id="path12389-5-3"
+         transform="matrix(1.1368939,0,0,1.1368939,33.908955,5.4765612)"
+         inkscape:label="bottomGlare" />
+      <path
+         style="fill:url(#linearGradient6594-9-6);fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 161.85916,221.88455 20.97443,-21.21615 c 0.91973,-0.49586 2.11249,-0.72131 3.46537,0.19528 1.111,0.75271 1.26281,2.26924 1.27272,3.1165 l -20.68434,21.74798 c 0,0 -1.61964,-3.52934 -5.02812,-3.84361 z"
+         id="path55-2-5-4"
+         sodipodi:nodetypes="ccsccsc"
+         inkscape:label="body" />
+      <path
+         style="fill:url(#linearGradient41993);fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 161.8629,221.89941 182.70057,200.82 c 3.14169,-2.66873 4.88753,0.86134 4.87111,3.16018 l -20.6806,21.76284 c 0,0 -1.61964,-3.52935 -5.02812,-3.84361 z"
+         id="path55-2-2-6"
+         sodipodi:nodetypes="ccccsc"
+         inkscape:label="shadowRight" />
+      <path
+         style="fill:#000b05;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 171.54914,220.85317 c 0,0 -0.22883,-0.67886 -0.42364,-0.97479 -0.23232,-0.35286 -0.86808,-0.92348 -0.86808,-0.92348 l 10.26035,-10.36929 c 0,0 0.51824,0.41229 0.6886,0.68859 0.19305,0.3131 0.34672,1.04756 0.34672,1.04756 z"
+         id="path7292-8"
+         sodipodi:nodetypes="caccacc"
+         inkscape:label="sticker" />
+      <path
+         style="fill:#ffb800;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 159.91378,228.79018 c 0,0 0.54698,0.14101 0.65809,0.58544 -0.79696,0.59186 -0.94227,0.41237 -0.94227,0.41237 z"
+         id="path38159-5-2"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="stylus" />
+      <path
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.922547;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40862-5-7)"
+         d="m 114.00627,190.92886 0.77298,0.46621 19.18483,-19.42538 -1.08253,-0.30071 z"
+         id="path40464-3-3"
+         sodipodi:nodetypes="ccccc"
+         transform="matrix(1.1368939,0,0,1.1368939,33.908955,5.4765612)"
+         inkscape:label="topGlare" />
+    </g>
+  </g>
+  <metadata
+     id="metadata1252">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/markerOnArrow.svg b/resources/images/stylusPalette/markerOnArrow.svg
new file mode 100644
index 00000000..80bb8213
--- /dev/null
+++ b/resources/images/stylusPalette/markerOnArrow.svg
@@ -0,0 +1,262 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="markerOnArrow.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="17.597674"
+     inkscape:cx="14.77468"
+     inkscape:cy="16.678341"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g1095"
+     scale-x="1"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false" />
+  <defs
+     id="defs38505">
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#gBackgroundCircle"
+       id="radialGradient39516-8-7"
+       cx="160.25581"
+       cy="201.69054"
+       fx="160.25581"
+       fy="201.69054"
+       r="7.2760415"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.8861847,0,0,2.8861847,-288.68041,-366.83395)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gBackgroundCircle">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop39510" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop39512" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40427-2"
+       x="-0.051926989"
+       y="-0.049355939"
+       width="1.1146721"
+       height="1.1089944"
+       inkscape:label="filterShadow">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="2"
+         id="feGaussianBlur40429-8" />
+      <feOffset
+         dx="1"
+         dy="1"
+         id="feOffset876" />
+    </filter>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter12705-7-9"
+       x="-0.12427052"
+       y="-0.099978448"
+       width="1.248541"
+       height="1.1999569"
+       inkscape:label="filterBottomGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.27371099"
+         id="feGaussianBlur12707-6-5" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gBody"
+       id="linearGradient6594-9-6"
+       x1="106.14433"
+       y1="128.42783"
+       x2="108.69588"
+       y2="130.97939"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1368939,0,0,1.1368939,54.866612,65.916201)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gBody">
+      <stop
+         style="stop-color:#f9e100;stop-opacity:1;"
+         offset="0"
+         id="stop6588-6" />
+      <stop
+         style="stop-color:#d45500;stop-opacity:1"
+         offset="1"
+         id="stop6590-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gShadowRight"
+       id="linearGradient41993"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1368939,0,0,1.1368939,54.870356,65.931062)"
+       x1="107.00032"
+       y1="129.48596"
+       x2="108.10583"
+       y2="130.54881" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gShadowRight">
+      <stop
+         style="stop-color:#ff842e;stop-opacity:0"
+         offset="0"
+         id="stop39217" />
+      <stop
+         style="stop-color:#2f1700;stop-opacity:1"
+         offset="1"
+         id="stop39219" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40862-5-7"
+       x="-0.028344552"
+       y="-0.028677512"
+       width="1.0566891"
+       height="1.057355"
+       inkscape:label="filterTopGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.23570633"
+         id="feGaussianBlur40864-4-7" />
+    </filter>
+  </defs>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="icon">
+    <g
+       id="g1095"
+       inkscape:label="markerOnArrow"
+       transform="translate(-152.84749,-194.28221)">
+      <circle
+         style="display:inline;fill:url(#radialGradient39516-8-7);fill-opacity:1;stroke-width:0.0457296;stroke-linecap:round;stroke-linejoin:round"
+         id="path38960-7-4"
+         cx="173.84749"
+         cy="215.28221"
+         r="21"
+         inkscape:label="circleBackground" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.49213px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 186.84818,234.28217 6.99931,-6.4826 -7.00003,-6.51738 c 0.008,4.3333 0.002,8.66672 7.2e-4,12.99998 z"
+         id="path41415-8"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="arrow" />
+      <path
+         style="fill:#ffe052;fill-opacity:0.870588;stroke:#ffc748;stroke-width:0.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 110.87017,197.25878 c 0,0 5.49205,1.87968 13.01841,0.94625 7.78341,-0.96531 1.27524,-4.21562 0.61601,-5.16625 -0.2021,-0.29143 -0.0163,-0.7676 1.56232,-0.81787 1.81917,-0.12539 3.49264,0.0524 5.40549,0.23113 -2.86832,-1.74577 -5.56785,-1.84283 -6.10094,-1.88234 -0.51067,-0.0378 -3.94529,0.0714 -4.61725,1.56447 -0.73609,1.63558 1.49451,2.4753 1.49451,2.4753 0,0 3.43908,1.27993 -1.07486,1.98519 -3.77103,0.58919 -10.30369,0.66412 -10.30369,0.66412 z"
+         id="path12742-7-5"
+         sodipodi:nodetypes="cssccsscsc"
+         transform="matrix(1.1368939,0,0,1.1368939,33.908955,5.4765612)"
+         inkscape:label="pathInk" />
+      <path
+         id="path9155-3-9"
+         style="mix-blend-mode:normal;fill:#131313;fill-opacity:0.752151;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40427-2)"
+         d="m 164.78931,138.59518 c -1.53557,0.007 -3.28212,0.2589 -5.26563,0.81641 l -69.27344,70.07617 -6.45898,22.95898 c -0.002,-5.7e-4 -0.008,-0.002 -0.008,-0.002 l -0.94531,3.31836 c 0,0 0.46397,0.57152 2.9746,-1.25586 l 21.1543,-12.24219 15.47461,-16.27539 c 0.003,0.01 0.0234,0.0703 0.0234,0.0703 l 33.25586,-35.01172 c 0,0 -0.0108,-0.0443 -0.0117,-0.0488 l 19.56641,-20.57813 c -0.0557,-4.75304 -2.19426,-11.86343 -10.48633,-11.82617 z"
+         transform="matrix(0.27319491,0,0,0.27319491,138.58986,164.13429)"
+         inkscape:label="shadow" />
+      <path
+         style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 161.85916,221.88455 -2.14195,7.61498 0.23931,0.23931 6.93081,-4.01068 1.03468,-3.57876 -4.23915,-1.0256 z"
+         id="path9155-1"
+         inkscape:label="grayBottom" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter12705-7-9)"
+         d="m 110.65967,197.04828 3.79766,-6.57048 1.4884,1.10567 -5.2861,5.46481 z"
+         id="path12389-5-3"
+         transform="matrix(1.1368939,0,0,1.1368939,33.908955,5.4765612)"
+         inkscape:label="bottomGlare" />
+      <path
+         style="fill:url(#linearGradient6594-9-6);fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 161.85916,221.88455 20.97443,-21.21615 c 0.91973,-0.49586 2.11249,-0.72131 3.46537,0.19528 1.111,0.75271 1.26281,2.26924 1.27272,3.1165 l -20.68434,21.74798 c 0,0 -1.61964,-3.52934 -5.02812,-3.84361 z"
+         id="path55-2-5-4"
+         sodipodi:nodetypes="ccsccsc"
+         inkscape:label="body" />
+      <path
+         style="fill:url(#linearGradient41993);fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 161.8629,221.89941 182.70057,200.82 c 3.14169,-2.66873 4.88753,0.86134 4.87111,3.16018 l -20.6806,21.76284 c 0,0 -1.61964,-3.52935 -5.02812,-3.84361 z"
+         id="path55-2-2-6"
+         sodipodi:nodetypes="ccccsc"
+         inkscape:label="shadowRight" />
+      <path
+         style="fill:#000b05;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 171.54914,220.85317 c 0,0 -0.22883,-0.67886 -0.42364,-0.97479 -0.23232,-0.35286 -0.86808,-0.92348 -0.86808,-0.92348 l 10.26035,-10.36929 c 0,0 0.51824,0.41229 0.6886,0.68859 0.19305,0.3131 0.34672,1.04756 0.34672,1.04756 z"
+         id="path7292-8"
+         sodipodi:nodetypes="caccacc"
+         inkscape:label="sticker" />
+      <path
+         style="fill:#ffb800;fill-opacity:1;stroke:none;stroke-width:0.300802px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 159.91378,228.79018 c 0,0 0.54698,0.14101 0.65809,0.58544 -0.79696,0.59186 -0.94227,0.41237 -0.94227,0.41237 z"
+         id="path38159-5-2"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="stylus" />
+      <path
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.922547;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40862-5-7)"
+         d="m 114.00627,190.92886 0.77298,0.46621 19.18483,-19.42538 -1.08253,-0.30071 z"
+         id="path40464-3-3"
+         sodipodi:nodetypes="ccccc"
+         transform="matrix(1.1368939,0,0,1.1368939,33.908955,5.4765612)"
+         inkscape:label="topGlare" />
+    </g>
+  </g>
+  <metadata
+     id="metadata1252">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/pen.svg b/resources/images/stylusPalette/pen.svg
new file mode 100644
index 00000000..0b2b3176
--- /dev/null
+++ b/resources/images/stylusPalette/pen.svg
@@ -0,0 +1,280 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="pen.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="8.7988368"
+     inkscape:cx="-8.1828998"
+     inkscape:cy="7.216863"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     scale-x="1" />
+  <defs
+     id="defs38505">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter1048"
+       x="-0.029090904"
+       y="-0.028602066"
+       width="1.0690121"
+       height="1.0678525"
+       inkscape:label="shadowFilter">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.1191913"
+         id="feGaussianBlur1050" />
+      <feOffset
+         dx="1"
+         dy="1"
+         id="feOffset876" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientStylusHolder"
+       id="linearGradient11809"
+       x1="110.36134"
+       y1="192.05977"
+       x2="117.9259"
+       y2="192.05977"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,120.76812,143.13922)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientStylusHolder">
+      <stop
+         style="stop-color:#a7a7a7;stop-opacity:1;"
+         offset="0"
+         id="stop9704" />
+      <stop
+         style="stop-color:#212121;stop-opacity:1"
+         offset="1"
+         id="stop9706" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter12705-7"
+       x="-0.12427052"
+       y="-0.099978448"
+       width="1.248541"
+       height="1.1999569"
+       inkscape:label="filterBottomGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.27371099"
+         id="feGaussianBlur12707-6" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBody"
+       id="linearGradient12481"
+       x1="113.45532"
+       y1="190.96683"
+       x2="118.70955"
+       y2="190.96683"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,120.76812,143.13922)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientBody">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:1"
+         offset="0"
+         id="stop6588" />
+      <stop
+         style="stop-color:#2b0000;stop-opacity:1"
+         offset="1"
+         id="stop6590" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientButtonAndPin"
+       id="linearGradient8002"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.22058068,0,0,0.22058068,225.38794,0.08238655)"
+       x1="115.95115"
+       y1="174.19702"
+       x2="121.0631"
+       y2="174.19702" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientButtonAndPin">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6886" />
+      <stop
+         style="stop-color:#767676;stop-opacity:1"
+         offset="1"
+         id="stop6888" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBody"
+       id="linearGradient6594-9"
+       x1="106.14433"
+       y1="128.42783"
+       x2="108.69588"
+       y2="130.97939"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,126.44178,159.50234)" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40862-5"
+       x="-0.036175182"
+       y="-0.037975627"
+       width="1.0723504"
+       height="1.0759513"
+       inkscape:label="filterTopGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.23570633"
+         id="feGaussianBlur40864-4" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientButtonAndPin"
+       id="linearGradient6790"
+       x1="215.25211"
+       y1="34.826889"
+       x2="217.52344"
+       y2="34.805481"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.30772323,0,0,0.30772323,186.63225,15.468073)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g1275"
+       inkscape:label="penArrow"
+       transform="matrix(3.7795275,0,0,3.7795275,-424.84378,-540.01273)">
+      <path
+         style="fill:#7a7a7a;fill-opacity:0.866667;stroke:none;stroke-width:0.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 110.08855,196.6511 c 0,0 5.72311,2.09044 13.2523,1.18014 3.20066,-0.38697 3.71249,-1.81938 2.71369,-2.80624 -1.18663,-1.17244 -3.23895,-2.33431 -3.33092,-2.95537 -0.24432,-1.64982 6.26522,-0.39134 7.96716,-0.22527 -2.86832,-1.74577 -5.56785,-1.84283 -6.10094,-1.88234 -0.51067,-0.0378 -3.47751,-0.24754 -4.14947,1.24553 -0.73609,1.63558 1.9623,2.90055 1.9623,2.90055 0,0 3.35403,1.59888 -1.15991,2.30414 -3.77103,0.58919 -11.15421,0.23886 -11.15421,0.23886 z"
+         id="path12742-7"
+         sodipodi:nodetypes="cssscsscsc"
+         transform="matrix(0.34189008,0,0,0.30738626,117.00811,143.2046)"
+         inkscape:label="pathInk" />
+      <path
+         id="path1011"
+         style="mix-blend-mode:normal;fill:#333333;fill-opacity:1;stroke:none;stroke-width:1.09112px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter1048)"
+         d="m -25.039062,2.1191406 c -0.369462,-5.738e-4 -0.656163,0.096083 -0.839844,0.3007813 l -5.169922,5.7597656 c -0.0805,0.089709 -0.137721,0.1971749 -0.173828,0.3203125 -1.215346,-0.2757137 -2.344201,-0.1217399 -3.638672,0.5761719 l -57.369141,56.3828121 -0.955078,2.976563 c -10.707303,11.355449 -11.801823,20.604589 -11.703123,24.427734 l -1.03711,3.066407 c 0,0 0.43852,0.60109 3.07031,-1.132813 11.743344,-0.236 21.551721,-9.1771 25.111329,-12.871094 l 0.0039,-0.002 2.388672,-1.167969 56.371093,-59.539062 c -0.0072,-0.616662 -0.119796,-1.290586 -0.324219,-1.992188 0.128604,-0.04964 0.236596,-0.121324 0.322266,-0.216797 L -13.812507,13.248 c 0.904276,-1.007746 -1.05999,-4.2351957 -4.402344,-7.2343751 -2.663438,-2.3899711 -5.374792,-3.8922799 -6.824218,-3.8945313 z"
+         transform="matrix(0.08141844,0,0,0.08141844,163.26923,195.84286)"
+         inkscape:label="shadow" />
+      <path
+         style="fill:url(#linearGradient11809);fill-opacity:1;stroke:none;stroke-width:0.0888376px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 154.74447,203.55833 c 0,0 -0.22694,-0.98201 1.05103,-2.26009 1.27797,-1.27805 1.26115,1.08663 1.26115,1.08663 0,0 -1.03653,1.24925 -2.31218,1.17346 z"
+         id="path9606"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="blackBlur" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter12705-7)"
+         d="m 109.86907,196.12316 3.79766,-6.57048 1.4884,1.10567 -5.2861,5.46481 z"
+         id="path12389-5"
+         transform="matrix(0.33413223,0,0,0.3133411,117.96516,142.11697)"
+         inkscape:label="bottomGlare" />
+      <path
+         style="fill:#302300;fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 154.73498,203.38735 c 0,0 0.146,0.0454 0.17015,0.16699 -0.2233,0.14945 -0.26019,0.099 -0.26019,0.099 z"
+         id="path38159-5"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="stylus" />
+      <path
+         style="fill:url(#linearGradient12481);fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 155.76005,201.17237 -0.0792,0.24657 c 0,0 0.66256,0.27659 1.25844,1.09421 0.50207,0.68885 0,0 0,0 l 0.19489,-0.0953 -0.0789,-0.99598 -0.9422,-0.23881 z"
+         id="path12399"
+         sodipodi:nodetypes="ccsccccc"
+         inkscape:label="bevel" />
+      <rect
+         style="fill:url(#linearGradient8002);fill-opacity:1;stroke:none;stroke-width:0.0363957;stroke-linecap:round;stroke-linejoin:round"
+         id="rect7697"
+         width="1.3199494"
+         height="1.0281007"
+         x="250.87828"
+         y="38.075741"
+         ry="0.19898757"
+         transform="rotate(41.902436)"
+         rx="0.65997469"
+         inkscape:label="button" />
+      <path
+         style="fill:url(#linearGradient6594-9);fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 155.76005,201.17237 4.67085,-4.59053 c 0.24894,-0.13422 0.42256,-0.0237 0.79178,0.21994 0.32682,0.21559 0.49851,0.5392 0.50119,0.76853 l -4.58955,4.84759 c -0.15837,-0.52073 -0.80391,-1.05701 -1.37427,-1.24553 z"
+         id="path55-2-5"
+         sodipodi:nodetypes="ccsccc"
+         inkscape:label="body" />
+      <path
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.922547;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40862-5)"
+         d="m 132.26583,204.41411 0.77298,0.46621 14.86468,-14.59556 -1.08253,-0.30071 z"
+         id="path40464-3"
+         sodipodi:nodetypes="ccccc"
+         transform="matrix(0.30772324,0,0,0.30772324,115.58223,138.46509)"
+         inkscape:label="topGlare" />
+      <rect
+         style="fill:url(#linearGradient6790);fill-opacity:1;stroke:none;stroke-width:0.0507743;stroke-linecap:round;stroke-linejoin:round"
+         id="rect6666"
+         width="0.6662389"
+         height="3.1461287"
+         x="252.8703"
+         y="24.612047"
+         transform="rotate(45.079262)"
+         ry="0.17010193"
+         inkscape:label="pin" />
+    </g>
+  </g>
+  <metadata
+     id="metadata1252">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/penArrow.svg b/resources/images/stylusPalette/penArrow.svg
new file mode 100644
index 00000000..0ef25469
--- /dev/null
+++ b/resources/images/stylusPalette/penArrow.svg
@@ -0,0 +1,286 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="penArrow.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="8.7988368"
+     inkscape:cx="-8.1828998"
+     inkscape:cy="7.216863"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     scale-x="1" />
+  <defs
+     id="defs38505">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter1048"
+       x="-0.029090904"
+       y="-0.028602066"
+       width="1.0690121"
+       height="1.0678525"
+       inkscape:label="shadowFilter">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.1191913"
+         id="feGaussianBlur1050" />
+      <feOffset
+         dx="1"
+         dy="1"
+         id="feOffset876" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientStylusHolder"
+       id="linearGradient11809"
+       x1="110.36134"
+       y1="192.05977"
+       x2="117.9259"
+       y2="192.05977"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,120.76812,143.13922)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientStylusHolder">
+      <stop
+         style="stop-color:#a7a7a7;stop-opacity:1;"
+         offset="0"
+         id="stop9704" />
+      <stop
+         style="stop-color:#212121;stop-opacity:1"
+         offset="1"
+         id="stop9706" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter12705-7"
+       x="-0.12427052"
+       y="-0.099978448"
+       width="1.248541"
+       height="1.1999569"
+       inkscape:label="filterBottomGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.27371099"
+         id="feGaussianBlur12707-6" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBody"
+       id="linearGradient12481"
+       x1="113.45532"
+       y1="190.96683"
+       x2="118.70955"
+       y2="190.96683"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,120.76812,143.13922)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientBody">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:1"
+         offset="0"
+         id="stop6588" />
+      <stop
+         style="stop-color:#2b0000;stop-opacity:1"
+         offset="1"
+         id="stop6590" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientButtonAndPin"
+       id="linearGradient8002"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.22058068,0,0,0.22058068,225.38794,0.08238655)"
+       x1="115.95115"
+       y1="174.19702"
+       x2="121.0631"
+       y2="174.19702" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientButtonAndPin">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6886" />
+      <stop
+         style="stop-color:#767676;stop-opacity:1"
+         offset="1"
+         id="stop6888" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBody"
+       id="linearGradient6594-9"
+       x1="106.14433"
+       y1="128.42783"
+       x2="108.69588"
+       y2="130.97939"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,126.44178,159.50234)" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40862-5"
+       x="-0.036175182"
+       y="-0.037975627"
+       width="1.0723504"
+       height="1.0759513"
+       inkscape:label="filterTopGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.23570633"
+         id="feGaussianBlur40864-4" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientButtonAndPin"
+       id="linearGradient6790"
+       x1="215.25211"
+       y1="34.826889"
+       x2="217.52344"
+       y2="34.805481"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.30772323,0,0,0.30772323,186.63225,15.468073)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g1275"
+       inkscape:label="penArrow"
+       transform="matrix(3.7795275,0,0,3.7795275,-424.84378,-540.01273)">
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.394793px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 161.8435,204.86553 1.8519,-1.71519 -1.85209,-1.72439 c 0.002,1.14652 4.4e-4,2.29307 1.9e-4,3.43958 z"
+         id="path41415-8"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="arrow" />
+      <path
+         style="fill:#7a7a7a;fill-opacity:0.866667;stroke:none;stroke-width:0.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 110.08855,196.6511 c 0,0 5.72311,2.09044 13.2523,1.18014 3.20066,-0.38697 3.71249,-1.81938 2.71369,-2.80624 -1.18663,-1.17244 -3.23895,-2.33431 -3.33092,-2.95537 -0.24432,-1.64982 6.26522,-0.39134 7.96716,-0.22527 -2.86832,-1.74577 -5.56785,-1.84283 -6.10094,-1.88234 -0.51067,-0.0378 -3.47751,-0.24754 -4.14947,1.24553 -0.73609,1.63558 1.9623,2.90055 1.9623,2.90055 0,0 3.35403,1.59888 -1.15991,2.30414 -3.77103,0.58919 -11.15421,0.23886 -11.15421,0.23886 z"
+         id="path12742-7"
+         sodipodi:nodetypes="cssscsscsc"
+         transform="matrix(0.34189008,0,0,0.30738626,117.00811,143.2046)"
+         inkscape:label="pathInk" />
+      <path
+         id="path1011"
+         style="mix-blend-mode:normal;fill:#333333;fill-opacity:1;stroke:none;stroke-width:1.09112px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter1048)"
+         d="m -25.039062,2.1191406 c -0.369462,-5.738e-4 -0.656163,0.096083 -0.839844,0.3007813 l -5.169922,5.7597656 c -0.0805,0.089709 -0.137721,0.1971749 -0.173828,0.3203125 -1.215346,-0.2757137 -2.344201,-0.1217399 -3.638672,0.5761719 l -57.369141,56.3828121 -0.955078,2.976563 c -10.707303,11.355449 -11.801823,20.604589 -11.703123,24.427734 l -1.03711,3.066407 c 0,0 0.43852,0.60109 3.07031,-1.132813 11.743344,-0.236 21.551721,-9.1771 25.111329,-12.871094 l 0.0039,-0.002 2.388672,-1.167969 56.371093,-59.539062 c -0.0072,-0.616662 -0.119796,-1.290586 -0.324219,-1.992188 0.128604,-0.04964 0.236596,-0.121324 0.322266,-0.216797 L -13.812507,13.248 c 0.904276,-1.007746 -1.05999,-4.2351957 -4.402344,-7.2343751 -2.663438,-2.3899711 -5.374792,-3.8922799 -6.824218,-3.8945313 z"
+         transform="matrix(0.08141844,0,0,0.08141844,163.26923,195.84286)"
+         inkscape:label="shadow" />
+      <path
+         style="fill:url(#linearGradient11809);fill-opacity:1;stroke:none;stroke-width:0.0888376px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 154.74447,203.55833 c 0,0 -0.22694,-0.98201 1.05103,-2.26009 1.27797,-1.27805 1.26115,1.08663 1.26115,1.08663 0,0 -1.03653,1.24925 -2.31218,1.17346 z"
+         id="path9606"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="blackBlur" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter12705-7)"
+         d="m 109.86907,196.12316 3.79766,-6.57048 1.4884,1.10567 -5.2861,5.46481 z"
+         id="path12389-5"
+         transform="matrix(0.33413223,0,0,0.3133411,117.96516,142.11697)"
+         inkscape:label="bottomGlare" />
+      <path
+         style="fill:#302300;fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 154.73498,203.38735 c 0,0 0.146,0.0454 0.17015,0.16699 -0.2233,0.14945 -0.26019,0.099 -0.26019,0.099 z"
+         id="path38159-5"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="stylus" />
+      <path
+         style="fill:url(#linearGradient12481);fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 155.76005,201.17237 -0.0792,0.24657 c 0,0 0.66256,0.27659 1.25844,1.09421 0.50207,0.68885 0,0 0,0 l 0.19489,-0.0953 -0.0789,-0.99598 -0.9422,-0.23881 z"
+         id="path12399"
+         sodipodi:nodetypes="ccsccccc"
+         inkscape:label="bevel" />
+      <rect
+         style="fill:url(#linearGradient8002);fill-opacity:1;stroke:none;stroke-width:0.0363957;stroke-linecap:round;stroke-linejoin:round"
+         id="rect7697"
+         width="1.3199494"
+         height="1.0281007"
+         x="250.87828"
+         y="38.075741"
+         ry="0.19898757"
+         transform="rotate(41.902436)"
+         rx="0.65997469"
+         inkscape:label="button" />
+      <path
+         style="fill:url(#linearGradient6594-9);fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 155.76005,201.17237 4.67085,-4.59053 c 0.24894,-0.13422 0.42256,-0.0237 0.79178,0.21994 0.32682,0.21559 0.49851,0.5392 0.50119,0.76853 l -4.58955,4.84759 c -0.15837,-0.52073 -0.80391,-1.05701 -1.37427,-1.24553 z"
+         id="path55-2-5"
+         sodipodi:nodetypes="ccsccc"
+         inkscape:label="body" />
+      <path
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.922547;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40862-5)"
+         d="m 132.26583,204.41411 0.77298,0.46621 14.86468,-14.59556 -1.08253,-0.30071 z"
+         id="path40464-3"
+         sodipodi:nodetypes="ccccc"
+         transform="matrix(0.30772324,0,0,0.30772324,115.58223,138.46509)"
+         inkscape:label="topGlare" />
+      <rect
+         style="fill:url(#linearGradient6790);fill-opacity:1;stroke:none;stroke-width:0.0507743;stroke-linecap:round;stroke-linejoin:round"
+         id="rect6666"
+         width="0.6662389"
+         height="3.1461287"
+         x="252.8703"
+         y="24.612047"
+         transform="rotate(45.079262)"
+         ry="0.17010193"
+         inkscape:label="pin" />
+    </g>
+  </g>
+  <metadata
+     id="metadata1252">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/penOn.svg b/resources/images/stylusPalette/penOn.svg
new file mode 100644
index 00000000..8e07f511
--- /dev/null
+++ b/resources/images/stylusPalette/penOn.svg
@@ -0,0 +1,310 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="penOn.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="8.7988368"
+     inkscape:cx="-8.1828998"
+     inkscape:cy="7.216863"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     scale-x="1" />
+  <defs
+     id="defs38505">
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientBackgroundCircle">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop39510" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop39512" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBackgroundCircle"
+       id="radialGradient39516-8-7"
+       cx="160.25581"
+       cy="201.69054"
+       fx="160.25581"
+       fy="201.69054"
+       r="7.2760415"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.76363638,0,0,0.76363638,36.02656,45.82022)" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter1048"
+       x="-0.029090904"
+       y="-0.028602066"
+       width="1.0690121"
+       height="1.0678525"
+       inkscape:label="shadowFilter">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.1191913"
+         id="feGaussianBlur1050" />
+      <feOffset
+         dx="1"
+         dy="1"
+         id="feOffset876" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientStylusHolder"
+       id="linearGradient11809"
+       x1="110.36134"
+       y1="192.05977"
+       x2="117.9259"
+       y2="192.05977"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,120.76812,143.13922)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientStylusHolder">
+      <stop
+         style="stop-color:#a7a7a7;stop-opacity:1;"
+         offset="0"
+         id="stop9704" />
+      <stop
+         style="stop-color:#212121;stop-opacity:1"
+         offset="1"
+         id="stop9706" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter12705-7"
+       x="-0.12427052"
+       y="-0.099978448"
+       width="1.248541"
+       height="1.1999569"
+       inkscape:label="filterBottomGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.27371099"
+         id="feGaussianBlur12707-6" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBody"
+       id="linearGradient12481"
+       x1="113.45532"
+       y1="190.96683"
+       x2="118.70955"
+       y2="190.96683"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,120.76812,143.13922)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientBody">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:1"
+         offset="0"
+         id="stop6588" />
+      <stop
+         style="stop-color:#2b0000;stop-opacity:1"
+         offset="1"
+         id="stop6590" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientButtonAndPin"
+       id="linearGradient8002"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.22058068,0,0,0.22058068,225.38794,0.08238655)"
+       x1="115.95115"
+       y1="174.19702"
+       x2="121.0631"
+       y2="174.19702" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientButtonAndPin">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6886" />
+      <stop
+         style="stop-color:#767676;stop-opacity:1"
+         offset="1"
+         id="stop6888" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBody"
+       id="linearGradient6594-9"
+       x1="106.14433"
+       y1="128.42783"
+       x2="108.69588"
+       y2="130.97939"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,126.44178,159.50234)" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40862-5"
+       x="-0.036175182"
+       y="-0.037975627"
+       width="1.0723504"
+       height="1.0759513"
+       inkscape:label="filterTopGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.23570633"
+         id="feGaussianBlur40864-4" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientButtonAndPin"
+       id="linearGradient6790"
+       x1="215.25211"
+       y1="34.826889"
+       x2="217.52344"
+       y2="34.805481"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.30772323,0,0,0.30772323,186.63225,15.468073)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g1275"
+       inkscape:label="penOn"
+       transform="matrix(3.7795275,0,0,3.7795275,-424.84378,-540.01273)">
+      <circle
+         style="display:inline;fill:url(#radialGradient39516-8-7);fill-opacity:1;stroke-width:0.0120993;stroke-linecap:round;stroke-linejoin:round"
+         id="path38960-7-4"
+         cx="158.40373"
+         cy="199.83846"
+         r="5.5562501"
+         inkscape:label="circleBackground" />
+      <path
+         style="fill:#7a7a7a;fill-opacity:0.866667;stroke:none;stroke-width:0.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 110.08855,196.6511 c 0,0 5.72311,2.09044 13.2523,1.18014 3.20066,-0.38697 3.71249,-1.81938 2.71369,-2.80624 -1.18663,-1.17244 -3.23895,-2.33431 -3.33092,-2.95537 -0.24432,-1.64982 6.26522,-0.39134 7.96716,-0.22527 -2.86832,-1.74577 -5.56785,-1.84283 -6.10094,-1.88234 -0.51067,-0.0378 -3.47751,-0.24754 -4.14947,1.24553 -0.73609,1.63558 1.9623,2.90055 1.9623,2.90055 0,0 3.35403,1.59888 -1.15991,2.30414 -3.77103,0.58919 -11.15421,0.23886 -11.15421,0.23886 z"
+         id="path12742-7"
+         sodipodi:nodetypes="cssscsscsc"
+         transform="matrix(0.34189008,0,0,0.30738626,117.00811,143.2046)"
+         inkscape:label="pathInk" />
+      <path
+         id="path1011"
+         style="mix-blend-mode:normal;fill:#333333;fill-opacity:1;stroke:none;stroke-width:1.09112px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter1048)"
+         d="m -25.039062,2.1191406 c -0.369462,-5.738e-4 -0.656163,0.096083 -0.839844,0.3007813 l -5.169922,5.7597656 c -0.0805,0.089709 -0.137721,0.1971749 -0.173828,0.3203125 -1.215346,-0.2757137 -2.344201,-0.1217399 -3.638672,0.5761719 l -57.369141,56.3828121 -0.955078,2.976563 c -10.707303,11.355449 -11.801823,20.604589 -11.703123,24.427734 l -1.03711,3.066407 c 0,0 0.43852,0.60109 3.07031,-1.132813 11.743344,-0.236 21.551721,-9.1771 25.111329,-12.871094 l 0.0039,-0.002 2.388672,-1.167969 56.371093,-59.539062 c -0.0072,-0.616662 -0.119796,-1.290586 -0.324219,-1.992188 0.128604,-0.04964 0.236596,-0.121324 0.322266,-0.216797 L -13.812507,13.248 c 0.904276,-1.007746 -1.05999,-4.2351957 -4.402344,-7.2343751 -2.663438,-2.3899711 -5.374792,-3.8922799 -6.824218,-3.8945313 z"
+         transform="matrix(0.08141844,0,0,0.08141844,163.26923,195.84286)"
+         inkscape:label="shadow" />
+      <path
+         style="fill:url(#linearGradient11809);fill-opacity:1;stroke:none;stroke-width:0.0888376px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 154.74447,203.55833 c 0,0 -0.22694,-0.98201 1.05103,-2.26009 1.27797,-1.27805 1.26115,1.08663 1.26115,1.08663 0,0 -1.03653,1.24925 -2.31218,1.17346 z"
+         id="path9606"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="blackBlur" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter12705-7)"
+         d="m 109.86907,196.12316 3.79766,-6.57048 1.4884,1.10567 -5.2861,5.46481 z"
+         id="path12389-5"
+         transform="matrix(0.33413223,0,0,0.3133411,117.96516,142.11697)"
+         inkscape:label="bottomGlare" />
+      <path
+         style="fill:#302300;fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 154.73498,203.38735 c 0,0 0.146,0.0454 0.17015,0.16699 -0.2233,0.14945 -0.26019,0.099 -0.26019,0.099 z"
+         id="path38159-5"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="stylus" />
+      <path
+         style="fill:url(#linearGradient12481);fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 155.76005,201.17237 -0.0792,0.24657 c 0,0 0.66256,0.27659 1.25844,1.09421 0.50207,0.68885 0,0 0,0 l 0.19489,-0.0953 -0.0789,-0.99598 -0.9422,-0.23881 z"
+         id="path12399"
+         sodipodi:nodetypes="ccsccccc"
+         inkscape:label="bevel" />
+      <rect
+         style="fill:url(#linearGradient8002);fill-opacity:1;stroke:none;stroke-width:0.0363957;stroke-linecap:round;stroke-linejoin:round"
+         id="rect7697"
+         width="1.3199494"
+         height="1.0281007"
+         x="250.87828"
+         y="38.075741"
+         ry="0.19898757"
+         transform="rotate(41.902436)"
+         rx="0.65997469"
+         inkscape:label="button" />
+      <path
+         style="fill:url(#linearGradient6594-9);fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 155.76005,201.17237 4.67085,-4.59053 c 0.24894,-0.13422 0.42256,-0.0237 0.79178,0.21994 0.32682,0.21559 0.49851,0.5392 0.50119,0.76853 l -4.58955,4.84759 c -0.15837,-0.52073 -0.80391,-1.05701 -1.37427,-1.24553 z"
+         id="path55-2-5"
+         sodipodi:nodetypes="ccsccc"
+         inkscape:label="body" />
+      <path
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.922547;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40862-5)"
+         d="m 132.26583,204.41411 0.77298,0.46621 14.86468,-14.59556 -1.08253,-0.30071 z"
+         id="path40464-3"
+         sodipodi:nodetypes="ccccc"
+         transform="matrix(0.30772324,0,0,0.30772324,115.58223,138.46509)"
+         inkscape:label="topGlare" />
+      <rect
+         style="fill:url(#linearGradient6790);fill-opacity:1;stroke:none;stroke-width:0.0507743;stroke-linecap:round;stroke-linejoin:round"
+         id="rect6666"
+         width="0.6662389"
+         height="3.1461287"
+         x="252.8703"
+         y="24.612047"
+         transform="rotate(45.079262)"
+         ry="0.17010193"
+         inkscape:label="pin" />
+    </g>
+  </g>
+  <metadata
+     id="metadata1252">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/stylusPalette/penOnArrow.svg b/resources/images/stylusPalette/penOnArrow.svg
new file mode 100644
index 00000000..58e6fe2e
--- /dev/null
+++ b/resources/images/stylusPalette/penOnArrow.svg
@@ -0,0 +1,316 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="42"
+   height="42"
+   viewBox="0 0 42 42"
+   version="1.1"
+   id="svg38508"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="penOnArrow.svg"
+   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#">
+  <sodipodi:namedview
+     id="namedview38510"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:zoom="8.7988368"
+     inkscape:cx="-8.2397255"
+     inkscape:cy="7.216863"
+     inkscape:window-width="2560"
+     inkscape:window-height="1357"
+     inkscape:window-x="2560"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g1275"
+     scale-x="1" />
+  <defs
+     id="defs38505">
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientBackgroundCircle">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop39510" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop39512" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBackgroundCircle"
+       id="radialGradient39516-8-7"
+       cx="160.25581"
+       cy="201.69054"
+       fx="160.25581"
+       fy="201.69054"
+       r="7.2760415"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.76363638,0,0,0.76363638,36.02656,45.82022)" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter1048"
+       x="-0.029090904"
+       y="-0.028602066"
+       width="1.0690121"
+       height="1.0678525"
+       inkscape:label="shadowFilter">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.1191913"
+         id="feGaussianBlur1050" />
+      <feOffset
+         dx="1"
+         dy="1"
+         id="feOffset876" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientStylusHolder"
+       id="linearGradient11809"
+       x1="110.36134"
+       y1="192.05977"
+       x2="117.9259"
+       y2="192.05977"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,120.76812,143.13922)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientStylusHolder">
+      <stop
+         style="stop-color:#a7a7a7;stop-opacity:1;"
+         offset="0"
+         id="stop9704" />
+      <stop
+         style="stop-color:#212121;stop-opacity:1"
+         offset="1"
+         id="stop9706" />
+    </linearGradient>
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter12705-7"
+       x="-0.12427052"
+       y="-0.099978448"
+       width="1.248541"
+       height="1.1999569"
+       inkscape:label="filterBottomGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.27371099"
+         id="feGaussianBlur12707-6" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBody"
+       id="linearGradient12481"
+       x1="113.45532"
+       y1="190.96683"
+       x2="118.70955"
+       y2="190.96683"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,120.76812,143.13922)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientBody">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:1"
+         offset="0"
+         id="stop6588" />
+      <stop
+         style="stop-color:#2b0000;stop-opacity:1"
+         offset="1"
+         id="stop6590" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientButtonAndPin"
+       id="linearGradient8002"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.22058068,0,0,0.22058068,225.38794,0.08238655)"
+       x1="115.95115"
+       y1="174.19702"
+       x2="121.0631"
+       y2="174.19702" />
+    <linearGradient
+       inkscape:collect="always"
+       id="gradientButtonAndPin">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6886" />
+      <stop
+         style="stop-color:#767676;stop-opacity:1"
+         offset="1"
+         id="stop6888" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientBody"
+       id="linearGradient6594-9"
+       x1="106.14433"
+       y1="128.42783"
+       x2="108.69588"
+       y2="130.97939"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.3077232,0,0,0.3077232,126.44178,159.50234)" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter40862-5"
+       x="-0.036175182"
+       y="-0.037975627"
+       width="1.0723504"
+       height="1.0759513"
+       inkscape:label="filterTopGlare">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.23570633"
+         id="feGaussianBlur40864-4" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#gradientButtonAndPin"
+       id="linearGradient6790"
+       x1="215.25211"
+       y1="34.826889"
+       x2="217.52344"
+       y2="34.805481"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.30772323,0,0,0.30772323,186.63225,15.468073)" />
+  </defs>
+  <g
+     inkscape:label="icon"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-152.84748,-194.2822)">
+    <g
+       id="g1275"
+       inkscape:label="penOnArrow"
+       transform="matrix(3.7795275,0,0,3.7795275,-424.84378,-540.01273)">
+      <circle
+         style="display:inline;fill:url(#radialGradient39516-8-7);fill-opacity:1;stroke-width:0.0120993;stroke-linecap:round;stroke-linejoin:round"
+         id="path38960-7-4"
+         cx="158.40373"
+         cy="199.83846"
+         r="5.5562501"
+         inkscape:label="circleBackground" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.394793px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 161.8435,204.86553 1.8519,-1.71519 -1.85209,-1.72439 c 0.002,1.14652 4.4e-4,2.29307 1.9e-4,3.43958 z"
+         id="path41415-8"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="arrow" />
+      <path
+         style="fill:#7a7a7a;fill-opacity:0.866667;stroke:none;stroke-width:0.165;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 110.08855,196.6511 c 0,0 5.72311,2.09044 13.2523,1.18014 3.20066,-0.38697 3.71249,-1.81938 2.71369,-2.80624 -1.18663,-1.17244 -3.23895,-2.33431 -3.33092,-2.95537 -0.24432,-1.64982 6.26522,-0.39134 7.96716,-0.22527 -2.86832,-1.74577 -5.56785,-1.84283 -6.10094,-1.88234 -0.51067,-0.0378 -3.47751,-0.24754 -4.14947,1.24553 -0.73609,1.63558 1.9623,2.90055 1.9623,2.90055 0,0 3.35403,1.59888 -1.15991,2.30414 -3.77103,0.58919 -11.15421,0.23886 -11.15421,0.23886 z"
+         id="path12742-7"
+         sodipodi:nodetypes="cssscsscsc"
+         transform="matrix(0.34189008,0,0,0.30738626,117.00811,143.2046)"
+         inkscape:label="pathInk" />
+      <path
+         id="path1011"
+         style="mix-blend-mode:normal;fill:#333333;fill-opacity:1;stroke:none;stroke-width:1.09112px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter1048)"
+         d="m -25.039062,2.1191406 c -0.369462,-5.738e-4 -0.656163,0.096083 -0.839844,0.3007813 l -5.169922,5.7597656 c -0.0805,0.089709 -0.137721,0.1971749 -0.173828,0.3203125 -1.215346,-0.2757137 -2.344201,-0.1217399 -3.638672,0.5761719 l -57.369141,56.3828121 -0.955078,2.976563 c -10.707303,11.355449 -11.801823,20.604589 -11.703123,24.427734 l -1.03711,3.066407 c 0,0 0.43852,0.60109 3.07031,-1.132813 11.743344,-0.236 21.551721,-9.1771 25.111329,-12.871094 l 0.0039,-0.002 2.388672,-1.167969 56.371093,-59.539062 c -0.0072,-0.616662 -0.119796,-1.290586 -0.324219,-1.992188 0.128604,-0.04964 0.236596,-0.121324 0.322266,-0.216797 L -13.812507,13.248 c 0.904276,-1.007746 -1.05999,-4.2351957 -4.402344,-7.2343751 -2.663438,-2.3899711 -5.374792,-3.8922799 -6.824218,-3.8945313 z"
+         transform="matrix(0.08141844,0,0,0.08141844,163.26923,195.84286)"
+         inkscape:label="shadow" />
+      <path
+         style="fill:url(#linearGradient11809);fill-opacity:1;stroke:none;stroke-width:0.0888376px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 154.74447,203.55833 c 0,0 -0.22694,-0.98201 1.05103,-2.26009 1.27797,-1.27805 1.26115,1.08663 1.26115,1.08663 0,0 -1.03653,1.24925 -2.31218,1.17346 z"
+         id="path9606"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="blackBlur" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter12705-7)"
+         d="m 109.86907,196.12316 3.79766,-6.57048 1.4884,1.10567 -5.2861,5.46481 z"
+         id="path12389-5"
+         transform="matrix(0.33413223,0,0,0.3133411,117.96516,142.11697)"
+         inkscape:label="bottomGlare" />
+      <path
+         style="fill:#302300;fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 154.73498,203.38735 c 0,0 0.146,0.0454 0.17015,0.16699 -0.2233,0.14945 -0.26019,0.099 -0.26019,0.099 z"
+         id="path38159-5"
+         sodipodi:nodetypes="cccc"
+         inkscape:label="stylus" />
+      <path
+         style="fill:url(#linearGradient12481);fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 155.76005,201.17237 -0.0792,0.24657 c 0,0 0.66256,0.27659 1.25844,1.09421 0.50207,0.68885 0,0 0,0 l 0.19489,-0.0953 -0.0789,-0.99598 -0.9422,-0.23881 z"
+         id="path12399"
+         sodipodi:nodetypes="ccsccccc"
+         inkscape:label="bevel" />
+      <rect
+         style="fill:url(#linearGradient8002);fill-opacity:1;stroke:none;stroke-width:0.0363957;stroke-linecap:round;stroke-linejoin:round"
+         id="rect7697"
+         width="1.3199494"
+         height="1.0281007"
+         x="250.87828"
+         y="38.075741"
+         ry="0.19898757"
+         transform="rotate(41.902436)"
+         rx="0.65997469"
+         inkscape:label="button" />
+      <path
+         style="fill:url(#linearGradient6594-9);fill-opacity:1;stroke:none;stroke-width:0.0814186px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 155.76005,201.17237 4.67085,-4.59053 c 0.24894,-0.13422 0.42256,-0.0237 0.79178,0.21994 0.32682,0.21559 0.49851,0.5392 0.50119,0.76853 l -4.58955,4.84759 c -0.15837,-0.52073 -0.80391,-1.05701 -1.37427,-1.24553 z"
+         id="path55-2-5"
+         sodipodi:nodetypes="ccsccc"
+         inkscape:label="body" />
+      <path
+         style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.922547;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter40862-5)"
+         d="m 132.26583,204.41411 0.77298,0.46621 14.86468,-14.59556 -1.08253,-0.30071 z"
+         id="path40464-3"
+         sodipodi:nodetypes="ccccc"
+         transform="matrix(0.30772324,0,0,0.30772324,115.58223,138.46509)"
+         inkscape:label="topGlare" />
+      <rect
+         style="fill:url(#linearGradient6790);fill-opacity:1;stroke:none;stroke-width:0.0507743;stroke-linecap:round;stroke-linejoin:round"
+         id="rect6666"
+         width="0.6662389"
+         height="3.1461287"
+         x="252.8703"
+         y="24.612047"
+         transform="rotate(45.079262)"
+         ry="0.17010193"
+         inkscape:label="pin" />
+    </g>
+  </g>
+  <metadata
+     id="metadata1252">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </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/desktop/UBDesktopAnnotationController.cpp b/src/desktop/UBDesktopAnnotationController.cpp
index 564ca812..ba269aa9 100644
--- a/src/desktop/UBDesktopAnnotationController.cpp
+++ b/src/desktop/UBDesktopAnnotationController.cpp
@@ -561,7 +561,7 @@ void UBDesktopAnnotationController::penActionPressed()
     int iX = cursorPos.x() - (palettePos.x() + buttonPos.x());    // x position of the cursor in the palette
     int iY = cursorPos.y() - (palettePos.y() + buttonPos.y());    // y position of the cursor in the palette
 
-    if(iX >= 37 && iX <= 44 && iY >= 37 && iY <= 44)
+    if(iX >= 30 && iX <= 44 && iY >= 30 && iY <= 44)
     {
         mbArrowClicked = true;
         penActionReleased();
@@ -615,7 +615,7 @@ void UBDesktopAnnotationController::eraserActionPressed()
     int iX = cursorPos.x() - (palettePos.x() + buttonPos.x());    // x position of the cursor in the palette
     int iY = cursorPos.y() - (palettePos.y() + buttonPos.y());    // y position of the cursor in the palette
 
-    if(iX >= 37 && iX <= 44 && iY >= 37 && iY <= 44)
+    if(iX >= 30 && iX <= 44 && iY >= 30 && iY <= 44)
     {
         mbArrowClicked = true;
         eraserActionReleased();
@@ -670,7 +670,7 @@ void UBDesktopAnnotationController::markerActionPressed()
     int iX = cursorPos.x() - (palettePos.x() + buttonPos.x());    // x position of the cursor in the palette
     int iY = cursorPos.y() - (palettePos.y() + buttonPos.y());    // y position of the cursor in the palette
 
-    if(iX >= 37 && iX <= 44 && iY >= 37 && iY <= 44)
+    if(iX >= 30 && iX <= 44 && iY >= 30 && iY <= 44)
     {
         mbArrowClicked = true;
         markerActionReleased();
diff --git a/src/desktop/UBDesktopPalette.cpp b/src/desktop/UBDesktopPalette.cpp
index 2346e4ac..4ef402b6 100644
--- a/src/desktop/UBDesktopPalette.cpp
+++ b/src/desktop/UBDesktopPalette.cpp
@@ -214,14 +214,14 @@ void UBDesktopPalette::showEvent(QShowEvent *event)
     QIcon penIcon;
     QIcon markerIcon;
     QIcon eraserIcon;
-    penIcon.addPixmap(QPixmap(":images/stylusPalette/penArrow.png"), QIcon::Normal, QIcon::Off);
-    penIcon.addPixmap(QPixmap(":images/stylusPalette/penOnArrow.png"), QIcon::Normal, QIcon::On);
+    penIcon.addFile(":images/stylusPalette/penArrow.svg", QSize(), QIcon::Normal, QIcon::Off);
+    penIcon.addFile(":images/stylusPalette/penOnArrow.svg", QSize(), QIcon::Normal, QIcon::On);
     UBApplication::mainWindow->actionPen->setIcon(penIcon);
-    markerIcon.addPixmap(QPixmap(":images/stylusPalette/markerArrow.png"), QIcon::Normal, QIcon::Off);
-    markerIcon.addPixmap(QPixmap(":images/stylusPalette/markerOnArrow.png"), QIcon::Normal, QIcon::On);
+    markerIcon.addFile(":images/stylusPalette/markerArrow.svg", QSize(), QIcon::Normal, QIcon::Off);
+    markerIcon.addFile(":images/stylusPalette/markerOnArrow.svg", QSize(), QIcon::Normal, QIcon::On);
     UBApplication::mainWindow->actionMarker->setIcon(markerIcon);
-    eraserIcon.addPixmap(QPixmap(":images/stylusPalette/eraserArrow.png"), QIcon::Normal, QIcon::Off);
-    eraserIcon.addPixmap(QPixmap(":images/stylusPalette/eraserOnArrow.png"), QIcon::Normal, QIcon::On);
+    eraserIcon.addFile(":images/stylusPalette/eraserArrow.svg", QSize(), QIcon::Normal, QIcon::Off);
+    eraserIcon.addFile(":images/stylusPalette/eraserOnArrow.svg", QSize(), QIcon::Normal, QIcon::On);
     UBApplication::mainWindow->actionEraser->setIcon(eraserIcon);
 
     adjustPosition();
@@ -233,14 +233,14 @@ void UBDesktopPalette::hideEvent(QHideEvent *event)
     QIcon penIcon;
     QIcon markerIcon;
     QIcon eraserIcon;
-    penIcon.addPixmap(QPixmap(":images/stylusPalette/pen.png"), QIcon::Normal, QIcon::Off);
-    penIcon.addPixmap(QPixmap(":images/stylusPalette/penOn.png"), QIcon::Normal, QIcon::On);
+    penIcon.addFile(":images/stylusPalette/pen.svg", QSize(), QIcon::Normal, QIcon::Off);
+    penIcon.addFile(":images/stylusPalette/penOn.svg", QSize(), QIcon::Normal, QIcon::On);
     UBApplication::mainWindow->actionPen->setIcon(penIcon);
-    markerIcon.addPixmap(QPixmap(":images/stylusPalette/marker.png"), QIcon::Normal, QIcon::Off);
-    markerIcon.addPixmap(QPixmap(":images/stylusPalette/markerOn.png"), QIcon::Normal, QIcon::On);
+    markerIcon.addFile(":images/stylusPalette/marker.svg", QSize(), QIcon::Normal, QIcon::Off);
+    markerIcon.addFile(":images/stylusPalette/markerOn.svg", QSize(), QIcon::Normal, QIcon::On);
     UBApplication::mainWindow->actionMarker->setIcon(markerIcon);
-    eraserIcon.addPixmap(QPixmap(":images/stylusPalette/eraser.png"), QIcon::Normal, QIcon::Off);
-    eraserIcon.addPixmap(QPixmap(":images/stylusPalette/eraserOn.png"), QIcon::Normal, QIcon::On);
+    eraserIcon.addFile(":images/stylusPalette/eraser.svg", QSize(), QIcon::Normal, QIcon::Off);
+    eraserIcon.addFile(":images/stylusPalette/eraserOn.svg", QSize(), QIcon::Normal, QIcon::On);
     UBApplication::mainWindow->actionEraser->setIcon(eraserIcon);
 }