diff --git a/src/editor/images/group_elements.svg b/src/editor/images/group_elements.svg
index feddb543..20043c59 100644
--- a/src/editor/images/group_elements.svg
+++ b/src/editor/images/group_elements.svg
@@ -1,19 +1 @@
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
-  <linearGradient id="svg_90" x1="0" y1="0" x2="1" y2="1">
-   <stop offset="0" stop-color="#ccddff" stop-opacity="1"/>
-   <stop offset="1" stop-color="#789fed" stop-opacity="1"/>
-  </linearGradient>
-  <linearGradient id="svg_92" x1="0" y1="0" x2="1" y2="1">
-   <stop offset="0" stop-color="#70a1e5" stop-opacity="1"/>
-   <stop offset="1" stop-color="#4b6baf" stop-opacity="1"/>
-  </linearGradient>
- </defs>
-  <rect x="13.5" y="0.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_79"/>
-  <rect x="13.5" y="13.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_82"/>
-  <rect x="0.5" y="13.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_83"/>
-  <rect x="2.5" y="2.5" width="8" height="7" fill="#a0a0a0" stroke="#555555" id="svg_85"/>
-  <rect x="2.5" y="2.5" width="8" height="7" fill="url(#svg_90)" stroke="url(#svg_92)" id="svg_87"/>
-  <rect x="5.5" y="6.5" width="8" height="7" id="svg_84" fill="#7399d6" stroke="url(#svg_92)"/>
-  <rect x="0.5" y="0.5" width="2" height="2" id="svg_78" fill="#a0a0a0" stroke="#555555"/>
- </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-4,.cls-5,.cls-6{fill:none;}.cls-2{fill:#fff;}.cls-2,.cls-4,.cls-5,.cls-6{stroke:#fff;}.cls-2,.cls-3,.cls-4,.cls-5,.cls-6{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3{fill:#f9ba00;stroke:#f9ba00;}.cls-5{stroke-dasharray:2.98 2.98;}.cls-6{stroke-dasharray:3.17 3.17;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="10.76" y="12.5" width="18.91" height="18.91"/><circle class="cls-3" cx="30.43" cy="28.04" r="10.21"/><polyline class="cls-4" points="46.39 42.15 46.39 43.65 44.89 43.65"/><line class="cls-5" x1="41.91" y1="43.65" x2="7.64" y2="43.65"/><polyline class="cls-4" points="6.15 43.65 4.65 43.65 4.65 42.15"/><line class="cls-6" x1="4.65" y1="38.99" x2="4.65" y2="8.9"/><polyline class="cls-4" points="4.65 7.32 4.65 5.82 6.15 5.82"/><line class="cls-5" x1="9.13" y1="5.82" x2="43.4" y2="5.82"/><polyline class="cls-4" points="44.89 5.82 46.39 5.82 46.39 7.32"/><line class="cls-6" x1="46.39" y1="10.48" x2="46.39" y2="40.57"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/linecap_butt.svg b/src/editor/images/linecap_butt.svg
index 3a1a4203..28bf5377 100644
--- a/src/editor/images/linecap_butt.svg
+++ b/src/editor/images/linecap_butt.svg
@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" xmlns:xlink="http://www.w3.org/1999/xlink">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient id="svg_8" x1="0.8" y1="1" x2="0.2" y2="1">
-   <stop offset="0" stop-color="#000000" stop-opacity="1"/>
-   <stop offset="1" stop-color="#000000" stop-opacity="0"/>
-  </linearGradient>
- </defs>
- <g>
-  <rect fill="url(#svg_8)" stroke="#a0a0a0" stroke-width="2" x="-15.20196" y="43.5974" width="94.8373" height="50.3728" id="svg_3" transform="rotate(-45, 32.2148, 68.7832)"/>
-  <path id="svg_1" d="m6.63133,95.07755l59.17514,-59.17514" stroke-width="3" stroke="#fddb8c" fill="none"/>
-  <path id="svg_2" d="m51.62893,36.10742l13.05662,-13.05662l13.05661,13.05662l-13.05661,13.05662l-13.05662,-13.05662z" stroke="none" fill="#fddb8c"/>
- </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="13.37" y="15.26" width="23.98" height="18.95"/><rect class="cls-3" x="35.51" y="22.4" width="4.67" height="4.67"/><line class="cls-4" x1="36.82" y1="24.78" x2="12.39" y2="24.78"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/linecap_round.svg b/src/editor/images/linecap_round.svg
index cb04cb20..c9eb3d06 100644
--- a/src/editor/images/linecap_round.svg
+++ b/src/editor/images/linecap_round.svg
@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
-   <stop stop-opacity="1" stop-color="#000000" offset="0"/>
-   <stop stop-opacity="0" stop-color="#000000" offset="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <path transform="rotate(-45, 41.5117, 59.4648)" id="svg_3" d="m-19.0679,34.2946l94.8359,0c36.499,-1.4142 33.67101,48.9569 0,50.3711l-94.8359,0l0,-50.3711z" stroke-width="2" stroke="#a0a0a0" fill="url(#svg_8)"/>
-  <path id="svg_1" d="m6.63133,95.07755l59.17515,-59.17515" stroke-width="3" stroke="#fddb8c" fill="none"/>
-  <path id="svg_2" d="m51.62893,36.10742l13.05662,-13.05662l13.05661,13.05662l-13.05661,13.05662l-13.05662,-13.05662z" stroke="none" fill="#fddb8c"/>
- </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="13.23" y="15.26" width="15.82" height="18.95"/><ellipse class="cls-2" cx="29.04" cy="24.74" rx="9.68" ry="9.48"/><rect class="cls-3" x="26.71" y="22.4" width="4.67" height="4.67"/><line class="cls-4" x1="30.36" y1="24.78" x2="12.24" y2="24.78"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/linecap_square.svg b/src/editor/images/linecap_square.svg
index c5dcc44d..e03cd568 100644
--- a/src/editor/images/linecap_square.svg
+++ b/src/editor/images/linecap_square.svg
@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" xmlns:xlink="http://www.w3.org/1999/xlink">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient id="svg_8" x1="0.8" y1="1" x2="0.2" y2="1">
-   <stop offset="0" stop-color="#000000" stop-opacity="1"/>
-   <stop offset="1" stop-color="#000000" stop-opacity="0"/>
-  </linearGradient>
- </defs>
- <g>
-  <rect fill="url(#svg_8)" stroke="none" x="-18.51568" y="35.5974" width="117.46469" height="50.3728" id="svg_3" transform="rotate(-45, 40.2168, 60.7832)"/>
-  <path id="svg_1" d="m6.63133,95.07755l59.17514,-59.17514" stroke-width="3" stroke="#fddb8c" fill="none"/>
-  <path id="svg_2" d="m51.62893,36.10742l13.05662,-13.05662l13.05661,13.05662l-13.05661,13.05662l-13.05662,-13.05662z" stroke="none" fill="#fddb8c"/>
- </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="14.02" y="14.98" width="23.98" height="18.95"/><rect class="cls-3" x="27.5" y="22.12" width="4.67" height="4.67"/><line class="cls-4" x1="31.16" y1="24.51" x2="13.04" y2="24.51"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/linejoin_bevel.svg b/src/editor/images/linejoin_bevel.svg
index 7aa529be..a49e7a7c 100644
--- a/src/editor/images/linejoin_bevel.svg
+++ b/src/editor/images/linejoin_bevel.svg
@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
-   <stop stop-opacity="1" stop-color="#000000" offset="0"/>
-   <stop stop-opacity="0" stop-color="#000000" offset="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <path stroke-linejoin="bevel" fill="none" stroke="url(#svg_8)" stroke-width="49" d="m-15,-35l75,85l-75,75" id="svg_6"/>
-  <path transform="rotate(90, 57.8925, 50.2519)" fill="#fddb8c" stroke="none" d="m44.83592,50.25187l13.05661,-13.05663l13.05661,13.05663l-13.05661,13.05662l-13.05661,-13.05662z" id="svg_2"/>
-  <path id="svg_4" d="m-15,-35l75,85l-75,75" stroke-width="3" stroke="#fddb8c" fill="none"/>
- </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="23.76" y="24.41" width="11.45" height="18.95" transform="translate(-4.4 63.38) rotate(-90)"/><polygon class="cls-2" points="38.96 30.44 11.01 30.44 11.01 11.49 27.71 11.49 38.96 22.5 38.96 30.44"/><rect class="cls-3" x="27.15" y="18.63" width="4.67" height="4.67"/><line class="cls-4" x1="29.49" y1="21.01" x2="10.06" y2="21.01"/><line class="cls-4" x1="29.49" y1="40.69" x2="29.49" y2="21.01"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/linejoin_miter.svg b/src/editor/images/linejoin_miter.svg
index 23a70213..9bab1f04 100644
--- a/src/editor/images/linejoin_miter.svg
+++ b/src/editor/images/linejoin_miter.svg
@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
-   <stop stop-opacity="1" stop-color="#000000" offset="0"/>
-   <stop stop-opacity="0" stop-color="#000000" offset="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <path fill="none" stroke="url(#svg_8)" stroke-width="49" d="m-15,-35l75,85l-75,75" id="svg_6"/>
-  <path transform="rotate(90, 57.8925, 50.2519)" fill="#fddb8c" stroke="none" d="m44.83592,50.25187l13.05661,-13.05663l13.05661,13.05663l-13.05661,13.05662l-13.05661,-13.05662z" id="svg_2"/>
-  <path id="svg_4" d="m-15,-35l75,85l-75,75" stroke-width="3" stroke="#fddb8c" fill="none"/>
- </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="14.47" y="16.4" width="28.13" height="18.95" transform="translate(2.66 54.41) rotate(-90)"/><rect class="cls-2" x="10.05" y="11.81" width="27.96" height="18.95"/><rect class="cls-3" x="26.2" y="18.95" width="4.67" height="4.67"/><line class="cls-4" x1="28.53" y1="21.33" x2="9.1" y2="21.33"/><line class="cls-4" x1="28.53" y1="41.01" x2="28.53" y2="21.33"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/linejoin_round.svg b/src/editor/images/linejoin_round.svg
index 2b6418f7..8c813b85 100644
--- a/src/editor/images/linejoin_round.svg
+++ b/src/editor/images/linejoin_round.svg
@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
-   <stop stop-opacity="1" stop-color="#000000" offset="0"/>
-   <stop stop-opacity="0" stop-color="#000000" offset="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <path stroke-linejoin="round" fill="none" stroke="url(#svg_8)" stroke-width="49" d="m-15,-35l75,85l-75,75" id="svg_6"/>
-  <path transform="rotate(90, 57.8925, 50.2519)" fill="#fddb8c" stroke="none" d="m44.83592,50.25187l13.05661,-13.05663l13.05661,13.05663l-13.05661,13.05662l-13.05661,-13.05662z" id="svg_2"/>
-  <path id="svg_4" d="m-15,-35l75,85l-75,75" stroke-width="3" stroke="#fddb8c" fill="none"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><ellipse class="cls-2" cx="30.29" cy="21.27" rx="9.68" ry="9.48"/><rect class="cls-2" x="21.2" y="21.1" width="18.6" height="18.95" transform="translate(-0.07 61.07) rotate(-90)"/><rect class="cls-2" x="12.02" y="11.75" width="18.48" height="18.95"/><rect class="cls-3" x="28.16" y="18.89" width="4.67" height="4.67"/><line class="cls-4" x1="30.5" y1="21.27" x2="11.07" y2="21.27"/><line class="cls-4" x1="30.5" y1="40.95" x2="30.5" y2="21.27"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/shapelib.svg b/src/editor/images/shapelib.svg
index 1542b0bd..6e2bc8dd 100644
--- a/src/editor/images/shapelib.svg
+++ b/src/editor/images/shapelib.svg
@@ -1,12 +1 @@
-    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
-      <defs>
-        <linearGradient y2="1" x2="1" y1="0.10156" x1="0.36328" id="svg_2">
-        <stop stop-opacity="1" stop-color="#ffffff" offset="0"/>
-        <stop stop-opacity="1" stop-color="#fddb8c" offset="1"/>
-        </linearGradient>
-      </defs>
-      <path fill="url(#svg_2)" stroke-linejoin="round" stroke-width="14" stroke="#202020" fill-rule="nonzero" d="m70,194.72501l0,0c0,-10.30901 35.8172,-18.666 80,-18.666c44.18298,0 80,8.35699 80,18.666l0,74.66699c0,10.30899 -35.81702,18.66699 -80,18.66699c-44.1828,0 -80,-8.358 -80,-18.66699l0,-74.66699z"/>
-      <path fill="url(#svg_2)" stroke-linejoin="round" stroke-width="14" stroke="#202020" fill-rule="nonzero" d="m70,114.608l0,0c0,-10.309 35.8172,-18.6668 80,-18.6668c44.18298,0 80,8.3578 80,18.6668l0,74.66699c0,10.30901 -35.81702,18.666 -80,18.666c-44.1828,0 -80,-8.35699 -80,-18.666l0,-74.66699z"/>
-      <path fill="url(#svg_2)" stroke-linejoin="round" stroke-width="14" stroke="#202020" fill-rule="nonzero" d="m70,33.6667l0,0c0,-10.3094 35.8172,-18.6667 80,-18.6667c44.18298,0 80,8.3573 80,18.6667l0,74.6663c0,10.31 -35.81702,18.667 -80,18.667c-44.1828,0 -80,-8.357 -80,-18.667l0,-74.6663z"/>
-      <path id="svg_1" fill="#fddb8c" stroke-linejoin="round" stroke-width="14" stroke="#202020" fill-rule="nonzero" d="m230,32.33334c0,10.30931 -35.81726,18.66666 -80,18.66666c-44.1828,0 -80,-8.35735 -80,-18.66666"/>
-    </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-4{fill:none;}.cls-2{fill:#fff;}.cls-3{fill:#f9ba00;}.cls-4{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><circle class="cls-2" cx="19.34" cy="24.42" r="4.86"/><polygon class="cls-3" points="37.37 36.3 13.55 36.3 13.55 33.94 20.91 25.15 28.54 30.72 37.43 22.65 37.37 36.3"/><polyline class="cls-4" points="5.88 18 25.52 7.9 45.16 18"/><line class="cls-4" x1="5.88" y1="41.88" x2="45.16" y2="41.88"/><line class="cls-4" x1="9.6" y1="20.67" x2="9.6" y2="37.41"/><line class="cls-4" x1="41.37" y1="20.67" x2="41.37" y2="37.41"/></g></g></svg>
\ No newline at end of file