diff --git a/src/editor/images/align_bottom.svg b/src/editor/images/align_bottom.svg
index 338eec08..6b698db7 100644
--- a/src/editor/images/align_bottom.svg
+++ b/src/editor/images/align_bottom.svg
@@ -1,9 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
-  <g transform="rotate(90, 11, 11)" id="svg_1">
-   <rect stroke="#606060" fill="#ffffff" id="svg_4" height="7" width="12" y="2.5" x="7.5"/>
-   <rect stroke="none" fill="#fddb8c" id="svg_5" height="4" width="11" y="4" x="9"/>
-   <rect id="svg_6" stroke="#606060" fill="#ffffff" height="7" width="18" y="12.5" x="1.5"/>
-   <rect id="svg_7" stroke="none" fill="#fddb8c" height="4" width="17" y="14" x="3"/>
-   <rect stroke="#c15909" fill="#f9bc01" id="svg_2" height="40" width="2" y="-10" x="18.5"/>
-   </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,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;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"/><rect class="cls-2" x="7.25" y="19.12" width="20.5" height="11.59" transform="translate(42.42 7.42) rotate(90)"/><rect class="cls-2" x="19.11" y="14.94" width="28.87" height="11.59" transform="translate(54.28 -12.81) rotate(90)"/><line class="cls-3" x1="5.6" y1="43.17" x2="45.44" y2="43.17"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/align_center.svg b/src/editor/images/align_center.svg
index 2b98fd61..7127500a 100644
--- a/src/editor/images/align_center.svg
+++ b/src/editor/images/align_center.svg
@@ -1,7 +1 @@
-<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <rect x="1.5" y="12.5" width="18" height="7" fill="#fddb8c" stroke="#606060" id="svg_6"/>
-    <rect x="4.5" y="2.5" width="12" height="7" id="svg_4" fill="#fddb8c" stroke="#606060"/>
-    <rect x="9.5" y="-10" width="2" height="40" id="svg_2" fill="#f9bc01" stroke="#c15909"/>
-    <rect x="2.5" y="13.5" width="16" height="5" fill="none" stroke="#ffffff" id="svg_7"/>
-    <rect x="5.5" y="3.5" width="10" height="5" id="svg_5" fill="none" stroke="#ffffff"/>
-  </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{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;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"/><rect class="cls-2" x="15.27" y="10.91" width="20.5" height="11.59" transform="translate(51.04 33.42) rotate(-180)"/><rect class="cls-2" x="11.09" y="26.96" width="28.87" height="11.59" transform="translate(51.04 65.52) rotate(-180)"/><line class="cls-3" x1="25.52" y1="4.81" x2="25.52" y2="44.66"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/align_left.svg b/src/editor/images/align_left.svg
index 0e98aa85..ae16316f 100644
--- a/src/editor/images/align_left.svg
+++ b/src/editor/images/align_left.svg
@@ -1,7 +1 @@
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
-    <rect stroke="#606060" fill="#ffffff" id="svg_4" height="7" width="12" y="2.5" x="2.5"/>
-    <rect stroke="none" fill="#fddb8c" id="svg_5" height="4" width="11" y="4" x="2"/>
-    <rect id="svg_6" stroke="#606060" fill="#ffffff" height="7" width="18" y="12.5" x="2.5"/>
-    <rect id="svg_7" stroke="none" fill="#fddb8c" height="4" width="17" y="14" x="2"/>
-    <rect stroke="#c15909" fill="#f9bc01" id="svg_2" height="40" width="2" y="-10" x="1.5"/>
-  </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{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;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"/><rect class="cls-2" x="15.6" y="10.91" width="20.5" height="11.59" transform="translate(51.71 33.42) rotate(-180)"/><rect class="cls-2" x="15.6" y="26.96" width="28.87" height="11.59" transform="translate(60.07 65.52) rotate(-180)"/><line class="cls-3" x1="7.61" y1="4.81" x2="7.61" y2="44.66"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/align_middle.svg b/src/editor/images/align_middle.svg
index bb7ee0cb..49a6b3f7 100644
--- a/src/editor/images/align_middle.svg
+++ b/src/editor/images/align_middle.svg
@@ -1,9 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
-  <g transform="rotate(90, 12, 11.5)" id="svg_1">
-   <rect id="svg_6" stroke="#606060" fill="#fddb8c" height="7" width="18" y="14" x="3"/>
-   <rect stroke="#606060" fill="#fddb8c" id="svg_4" height="7" width="12" y="4" x="6"/>
-   <rect stroke="#c15909" fill="#f9bc01" id="svg_2" height="40" width="2" y="-8.5" x="11"/>
-   <rect id="svg_7" stroke="#ffffff" fill="none" height="5" width="16" y="15" x="4"/>
-   <rect stroke="#ffffff" fill="none" id="svg_5" height="5" width="10" y="5" x="7"/>
-   </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,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;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"/><rect class="cls-2" x="7.25" y="18.94" width="20.5" height="11.59" transform="translate(42.23 7.24) rotate(90)"/><rect class="cls-2" x="19.11" y="18.94" width="28.87" height="11.59" transform="translate(58.28 -8.81) rotate(90)"/><line class="cls-3" x1="5.6" y1="24.74" x2="45.44" y2="24.74"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/align_right.svg b/src/editor/images/align_right.svg
index ccf48588..1ab1e7ce 100644
--- a/src/editor/images/align_right.svg
+++ b/src/editor/images/align_right.svg
@@ -1,7 +1 @@
- <svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <rect x="7.5" y="2.5" width="12" height="7" id="svg_4" fill="#ffffff" stroke="#606060"/>
-    <rect x="9" y="4" width="11" height="4" id="svg_5" fill="#fddb8c" stroke="none"/>
-    <rect x="1.5" y="12.5" width="18" height="7" fill="#ffffff" stroke="#606060" id="svg_6"/>
-    <rect x="3" y="14" width="17" height="4" fill="#fddb8c" stroke="none" id="svg_7"/>
-    <rect x="18.5" y="-10" width="2" height="40" id="svg_2" fill="#f9bc01" stroke="#c15909"/>
-  </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{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;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"/><rect class="cls-2" x="15.46" y="10.91" width="20.5" height="11.59"/><rect class="cls-2" x="7.09" y="26.96" width="28.87" height="11.59"/><line class="cls-3" x1="43.95" y1="4.81" x2="43.95" y2="44.66"/></g></g></svg>
\ No newline at end of file
diff --git a/src/editor/images/align_top.svg b/src/editor/images/align_top.svg
index a1e752dc..cd387536 100644
--- a/src/editor/images/align_top.svg
+++ b/src/editor/images/align_top.svg
@@ -1,9 +1 @@
-<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g transform="rotate(90, 11, 11)" id="svg_1">
-     <rect x="2.5" y="3.5" width="12" height="7" id="svg_4" fill="#ffffff" stroke="#606060"/>
-     <rect x="2" y="5" width="11" height="4" id="svg_5" fill="#fddb8c" stroke="none"/>
-     <rect x="2.5" y="13.5" width="18" height="7" fill="#ffffff" stroke="#606060" id="svg_6"/>
-     <rect x="2" y="15" width="17" height="4" fill="#fddb8c" stroke="none" id="svg_7"/>
-     <rect x="1.5" y="-9" width="2" height="40" id="svg_2" fill="#f9bc01" stroke="#c15909"/>
-    </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,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;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"/><rect class="cls-2" x="6.73" y="18.75" width="20.5" height="11.59" transform="translate(-7.57 41.53) rotate(-90)"/><rect class="cls-2" x="18.6" y="22.94" width="28.87" height="11.59" transform="translate(4.3 61.76) rotate(-90)"/><line class="cls-3" x1="5.08" y1="6.3" x2="44.93" y2="6.3"/></g></g></svg>
\ No newline at end of file