diff --git a/src/editor/images/reorient.svg b/src/editor/images/reorient.svg
index aba1dea9..af85c4ea 100644
--- a/src/editor/images/reorient.svg
+++ b/src/editor/images/reorient.svg
@@ -1,10 +1 @@
-<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
- <defs>
-  <linearGradient y2="1" x2="1" y1="1" x1="0" id="svg_113">
-   <stop stop-opacity="0" stop-color="#0000ff" offset="0"/>
-   <stop stop-opacity="1" stop-color="#507ece" offset="1"/>
-  </linearGradient>
- </defs>
-  <rect stroke-dasharray="2,2" stroke="#0000ff" fill="none" id="svg_108" height="19.125" width="18.625" y="2.625" x="2.875"/>
-  <rect transform="rotate(45, 12.2344, 12.1719)" stroke="#000000" fill="url(#svg_113)" id="svg_107" height="6.125" width="16" y="9.10848" x="4.23267"/>
-</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,.cls-3,.cls-4,.cls-5{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3,.cls-4,.cls-5{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4,.cls-5{stroke:#fff;}.cls-4{stroke-dasharray:2.98 2.98;}.cls-5{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="8.26" y="15.75" width="33.41" height="17.97" transform="translate(22.67 -10.33) rotate(41.53)"/><polyline class="cls-3" points="46.39 42.15 46.39 43.65 44.89 43.65"/><line class="cls-4" x1="41.91" y1="43.65" x2="7.64" y2="43.65"/><polyline class="cls-3" points="6.15 43.65 4.65 43.65 4.65 42.15"/><line class="cls-5" x1="4.65" y1="38.99" x2="4.65" y2="8.9"/><polyline class="cls-3" points="4.65 7.32 4.65 5.82 6.15 5.82"/><line class="cls-4" x1="9.13" y1="5.82" x2="43.4" y2="5.82"/><polyline class="cls-3" points="44.89 5.82 46.39 5.82 46.39 7.32"/><line class="cls-5" 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/tool_add_subpath.svg b/src/editor/images/tool_add_subpath.svg
index 409ae518..996e917d 100644
--- a/src/editor/images/tool_add_subpath.svg
+++ b/src/editor/images/tool_add_subpath.svg
@@ -1,16 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 124 124">
- <defs>
-  <linearGradient id="svg_4" x1="0.33594" y1="0.28125" x2="1" y2="1">
-   <stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
-   <stop offset="1" stop-color="#fddb8c" stop-opacity="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <path d="m6,103l55,-87c85,33.64 -26,37.12 55,87l-110,0z" id="svg_1" fill="url(#svg_4)" stroke="#000000" stroke-width="4" stroke-dasharray="null"/>
-  <g id="svg_7">
-   <circle stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="#ffffff" id="svg_6" r="22.63281" cy="88.5" cx="45.5"/>
-   <line stroke-dasharray="null" stroke-width="7" stroke="#000000" id="svg_2" y2="104.03768" x2="45.5" y1="72.96232" x1="45.5"/>
-   <line stroke-dasharray="null" stroke-width="7" stroke="#000000" id="svg_3" y2="88.5" x2="61.03768" y1="88.5" x1="29.96232"/>
-  </g>
- </g>
- </svg></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,.cls-2{fill:none;}.cls-2{stroke:#fff;stroke-miterlimit:10;stroke-width:2px;}.cls-3{fill:#fff;stroke:#f9ba00;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;}</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"/><path class="cls-2" d="M43.15,17.55l2.47,1.12V42.3S4.55,43.89,5.44,33c.48-6,5.83-9.8,8.55-14.71A22,22,0,0,0,16.56,5.47l15.05,6.84Z"/><line class="cls-3" x1="41.13" y1="33.28" x2="31.88" y2="33.28"/><line class="cls-3" x1="36.51" y1="37.9" x2="36.51" y2="28.65"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/tool_node_clone.svg b/src/editor/images/tool_node_clone.svg
index d3804138..f751ab87 100644
--- a/src/editor/images/tool_node_clone.svg
+++ b/src/editor/images/tool_node_clone.svg
@@ -1,8 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path stroke-width="2" id="svg_102" d="m4.1953,19.42128c15.49391,-15.53349 -0.21065,0.1581 15.61084,-15.57944" stroke="#8dd35f" fill="none"/>
-  <circle stroke-width="0.5" id="svg_121" stroke="#0000ff" fill="#fddb8c" r="2.26172" cy="4" cx="19.75"/>
-  <circle id="svg_123" stroke-width="0.5" stroke="#0000ff" fill="#fddb8c" r="2.26172" cy="19.40299" cx="4.0653"/>
-  <circle id="svg_7" stroke-width="0.5" stroke="#0000ff" fill="#fddb8c" r="2.26172" cy="11.625" cx="11.9375"/>
-  <line stroke-linecap="round" id="svg_5" y2="14.46579" x2="9.66571" y1="4.02238" x1="9.7824" stroke-dasharray="null" stroke-width="2" stroke="#0000ff" fill="#0000ff"/>
-  <line stroke-linecap="round" id="svg_4" y2="9.45264" x2="15.14996" y1="9.3943" x1="4.47318" stroke-dasharray="null" stroke-width="2" stroke="#0000ff" fill="#0000ff"/>
-</svg></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,.cls-2,.cls-4{fill:none;}.cls-2,.cls-4{stroke:#fff;}.cls-2{stroke-miterlimit:10;}.cls-3,.cls-5{fill:#fff;}.cls-4,.cls-5{stroke-linejoin:round;}.cls-4{stroke-width:2px;}.cls-5{stroke:#f9ba00;stroke-linecap:round;stroke-width:3px;}</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"/><line class="cls-2" x1="7.99" y1="41.95" x2="17.41" y2="30.52"/><circle class="cls-3" cx="17.41" cy="30.52" r="1.91"/><polyline class="cls-4" points="25.86 7.52 20.44 19.98 10.97 24.73 7.99 41.95 23.86 35.62 27.22 25.51 39.56 15.35"/><line class="cls-5" x1="41.77" y1="37.09" x2="32.52" y2="37.09"/><line class="cls-5" x1="37.14" y1="41.71" x2="37.14" y2="32.46"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/tool_node_delete.svg b/src/editor/images/tool_node_delete.svg
index a854f201..fab41b4a 100644
--- a/src/editor/images/tool_node_delete.svg
+++ b/src/editor/images/tool_node_delete.svg
@@ -1,10 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path stroke-width="2" id="svg_102" d="m4.1953,19.42128c15.49391,-15.53349 -0.21065,0.1581 15.61084,-15.57944" stroke="#8dd35f" fill="none"/>
-  <circle stroke-width="0.5" id="svg_121" stroke="#0000ff" fill="#fddb8c" r="2.26172" cy="4" cx="19.75"/>
-  <circle id="svg_123" stroke-width="0.5" stroke="#0000ff" fill="#fddb8c" r="2.26172" cy="19.40299" cx="4.0653"/>
-  <circle id="svg_7" stroke-width="0.5" stroke="#0000ff" fill="#fddb8c" r="2.26172" cy="11.625" cx="11.9375"/>
-  <g transform="rotate(-45.291072845458984 9.81157112121582,9.244086265563965) " id="svg_6">
-   <line stroke-linecap="round" id="svg_4" y2="9.45264" x2="15.14996" y1="9.3943" x1="4.47318" stroke-dasharray="null" stroke-width="2" stroke="#ff0000" fill="none"/>
-   <line stroke-linecap="round" id="svg_5" y2="14.46579" x2="9.66571" y1="4.02238" x1="9.7824" stroke-dasharray="null" stroke-width="2" stroke="#ff0000" fill="none"/>
-  </g>
-</svg></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,.cls-2,.cls-4{fill:none;}.cls-2,.cls-4{stroke:#fff;}.cls-2{stroke-miterlimit:10;}.cls-3,.cls-5{fill:#fff;}.cls-4,.cls-5{stroke-linejoin:round;}.cls-4{stroke-width:2px;}.cls-5{stroke:#f9ba00;stroke-linecap:round;stroke-width:3px;}</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"/><line class="cls-2" x1="9.53" y1="42.22" x2="18.96" y2="30.78"/><circle class="cls-3" cx="18.96" cy="30.78" r="1.91"/><polyline class="cls-4" points="27.4 7.78 21.98 20.24 12.52 25 9.53 42.22 25.4 35.88 28.76 25.77 41.1 15.62"/><line class="cls-5" x1="43.31" y1="37.35" x2="34.06" y2="37.35"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/tool_node_link.svg b/src/editor/images/tool_node_link.svg
index 5aa44f54..99b59627 100644
--- a/src/editor/images/tool_node_link.svg
+++ b/src/editor/images/tool_node_link.svg
@@ -1,7 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path stroke-width="2" id="svg_102" d="m9.875,23c-2,-4.25 -1.6875,-7.375 1.6875,-10.5c3.375,-3.125 7.5625,-2.75 11.0625,2" stroke="#8dd35f" fill="none"/>
-  <line fill="none" stroke="#606060" id="svg_109" y2="4" x2="19" y1="19" x1="4"/>
-  <circle stroke="#0000ff" fill="#fddb8c" id="svg_111" r="2.17578" cy="11.5" cx="11.5"/>
-  <circle stroke-width="0.5" id="svg_121" stroke="#0000ff" fill="#fddb8c" r="2.26172" cy="4" cx="19"/>
-  <circle id="svg_123" stroke-width="0.5" stroke="#0000ff" fill="#fddb8c" r="2.26172" cy="19" cx="4"/>
-</svg></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,.cls-4{fill:none;}.cls-2{fill:#fff;}.cls-2,.cls-5{stroke:#f9ba00;stroke-linecap:round;stroke-linejoin:round;}.cls-2,.cls-4,.cls-5{stroke-width:2px;}.cls-3,.cls-5{fill:#f9ba00;}.cls-4{stroke:#fff;stroke-miterlimit:10;}</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"/><line class="cls-2" x1="37.69" y1="13.2" x2="7.69" y2="29.44"/><circle class="cls-3" cx="40.46" cy="11.93" r="2.68"/><circle class="cls-3" cx="5.68" cy="30.67" r="2.68"/><path class="cls-4" d="M8.36,43.05C9.92,32,15,22.86,25.71,20.71c7.29-1.46,16.17,2.38,18.88,5.77"/><rect class="cls-5" x="19.27" y="19.38" width="4.67" height="4.67" transform="translate(43.32 0.12) rotate(90)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/tool_openclose_path.svg b/src/editor/images/tool_openclose_path.svg
index 20a7308a..068f6ba5 100644
--- a/src/editor/images/tool_openclose_path.svg
+++ b/src/editor/images/tool_openclose_path.svg
@@ -1,17 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 300 300">
- <g>
-  <path stroke="#000" stroke-width="15" fill="#fddb8c" d="m123.5,38l-84,106l27,115l166,2l29,-111"/>
-  <line x1="276.5" y1="153" x2="108.5" y2="24" stroke="#000" stroke-width="10" fill="none"/>
-  <g stroke-width="15" stroke="#00f" fill="#0ff">
-   <circle r="30" cy="41" cx="123"/>
-   <circle r="30" cy="146" cx="40"/>
-   <circle r="30" cy="260" cx="69"/>
-   <circle r="30" cy="260" cx="228"/>
-   <circle r="30" cy="148" cx="260"/>
-  </g>
-  <g stroke="#A00" stroke-width="15" fill="none">
-   <line x1="168" y1="24" x2="210" y2="150"/>
-   <line x1="210" y1="24" x2="168" y2="150"/>
-  </g>
- </g>
-</svg></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,.cls-2,.cls-3{fill:none;}.cls-2,.cls-3{stroke:#fff;stroke-miterlimit:10;}.cls-2,.cls-3,.cls-4{stroke-width:2px;}.cls-3{stroke-dasharray:3.21 3.21;}.cls-4{fill:#f9ba00;stroke:#f9ba00;stroke-linecap:round;stroke-linejoin:round;}</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"/><path class="cls-2" d="M44.28,20.65V44.28S3.22,45.87,4.1,35c.48-5.95,5.83-9.8,8.55-14.71A22,22,0,0,0,15.22,7.45"/><line class="cls-2" x1="15.22" y1="7.45" x2="16.59" y2="8.07"/><polyline class="cls-3" points="19.51 9.4 30.28 14.29 41.46 19.37"/><line class="cls-2" x1="42.92" y1="20.03" x2="44.28" y2="20.65"/><rect class="cls-4" x="41.95" y="18.32" width="4.67" height="4.67"/><rect class="cls-4" x="12.57" y="5.11" width="4.67" height="4.67"/></g></g></svg>
\ No newline at end of file