New icons

src/editor/components/seSpinInput.js

@@ -9,18 +9,20 @@ template.innerHTML = `
     right: -4px;
   }
   span {
-    bottom: 1px;
+    bottom: -3px;
     right: -4px;
     position: relative;
     margin-left: 4px;
     margin-right: 4px;
     color: #fff;
+    vertical-align: ;
   }
   elix-number-spin-box {
     background-color: var(--input-color);
     border-radius: 3px;
     height: 20px !important;
     margin-top: 1px;
+    vertical-align: top;
   }
   elix-number-spin-box::part(spin-button) {
     padding: 0px;
@@ -33,7 +35,7 @@ template.innerHTML = `
     height: 24px;
   }
   </style>
-  <img src="./images/logo.svg" alt="icon" width="12" height="12" aria-labelledby="label" />
+  <img src="./images/logo.svg" alt="icon" width="24" height="24" aria-labelledby="label" />
   <span id="label">label</span>
   <elix-number-spin-box min="1" step="1"></elix-number-spin-box>
 `;

src/editor/images/angle.svg

@@ -1,4 +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 50 50">
-  <path stroke-width="2" stroke-dasharray="1,3" id="svg_6" d="m32.78778,41.03469c-0.40379,-8.68145 -4.50873,-16.79003 -12.11365,-20.5932" stroke="#000000" fill="none"/>
-  <path id="svg_7" d="m29.20348,7.67055l-24.20348,34.47921l41.16472,0" stroke-width="3" stroke="#404040" fill="none"/>
-</svg></svg>
+<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;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;}.cls-3,.cls-4{stroke:#f9ba00;}.cls-4{fill:#f9ba00;}</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="44.2" y1="37.01" x2="6.85" y2="37.01"/><line class="cls-2" x1="30.11" y1="12.46" x2="6.85" y2="37.01"/><path class="cls-3" d="M28.12,21.07c3.34,4.44,5.19,7.37,5.19,13.35"/><polygon class="cls-4" points="26.66 19 27.24 24.45 31.64 21.28 26.66 19"/></g></g></svg>

src/editor/images/blur.svg

@@ -1,9 +1 @@
-<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <filter id="svg_4_blur" x="-50%" y="-50%" width="200%" height="200%">
-   <feGaussianBlur stdDeviation="25"/>
-  </filter>
- </defs>
-  <circle fill="#000000" stroke="#000000" stroke-width="5" stroke-dasharray="null" cx="150" cy="150" r="91.80151" id="svg_4" filter="url(#svg_4_blur)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:#f9ba00;}.cls-2{opacity:0.2;}.cls-3{fill:none;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M24.78,39.73a15.16,15.16,0,0,1-15.32-15,15.16,15.16,0,0,1,15.32-15"/><path class="cls-2" d="M24.88,7.58A17.34,17.34,0,0,1,42.4,24.74,17.34,17.34,0,0,1,24.88,41.89"/><path class="cls-2" d="M24.88,9.74A15.25,15.25,0,0,1,40.29,24.82,15.25,15.25,0,0,1,24.88,39.9"/><path class="cls-2" d="M24.88,11.77A13.19,13.19,0,0,1,38.21,24.82a13.19,13.19,0,0,1-13.33,13"/><path class="cls-2" d="M24.88,13.81a11,11,0,1,1,0,22"/><path class="cls-2" d="M24.88,15.85a9,9,0,1,1,0,17.94"/><path class="cls-2" d="M24.78,17.88a6.94,6.94,0,1,1,0,13.88"/><path class="cls-2" d="M24.78,19.92a4.91,4.91,0,1,1,0,9.81"/><path class="cls-2" d="M24.78,21.64a3.1,3.1,0,1,1,0,6.2"/><polyline class="cls-3" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/></g></g></svg>