clean dans les pictos

assets/pictos/action-2.svg

@@ -1,174 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="35px"
-   height="35px"
-   viewBox="0 0 35 35"
-   xmlns="http://www.w3.org/2000/svg">
-   <g id="picto">
-    <circle
-        class="thick"
-        fill="white"
-        stroke="none"
-        cx="17.5"
-        cy="17.5"
-        r="9" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="12"
-        x2="17.5"
-        y2="23" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="12"
-        x2="17.5"
-        y2="23"
-        transform="rotate(45, 17.5, 17.5)" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="12"
-        x2="17.5"
-        y2="23"
-        transform="rotate(90, 17.5, 17.5)" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="12"
-        x2="17.5"
-        y2="23"
-        transform="rotate(135, 17.5, 17.5)" />
-
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(45) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(90) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(135) translate(-15 0)" />
-        
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(180) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(225) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(270) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(315) translate(-15 0)" />
-<!--     <path
-        class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
-        transform-origin="center"
-        transform="translate(0 -16)" />
-    <path
-        class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
-        transform-origin="center"
-        transform="rotate(45) translate(0 -16)" />
-    <path
-        class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
-        transform-origin="center"
-        transform="rotate(90) translate(0 -16)" />
-    <path
-        class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
-        transform-origin="center"
-        transform="rotate(135) translate(0 -16)" />
-    <path
-        class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
-        transform-origin="center"
-        transform="rotate(180) translate(0 -16)" />
-    <path
-        class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
-        transform-origin="center"
-        transform="rotate(225) translate(0 -16)" />
-    <path
-        class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
-        transform-origin="center"
-        transform="rotate(270) translate(0 -16)" />
-    <path
-        class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
-        transform-origin="center"
-        transform="rotate(315) translate(0 -16)" />
- -->
-    </g> 
-</svg>

assets/pictos/action-3.svg

@@ -1,108 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="35px"
-   height="35px"
-   viewBox="0 0 35 35"
-   xmlns="http://www.w3.org/2000/svg">
-   <g id="picto">  
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="11"
-        x2="17.5"
-        y2="24" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="11"
-        x2="17.5"
-        y2="24"
-        transform="rotate(45, 17.5, 17.5)" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="11"
-        x2="17.5"
-        y2="24"
-        transform="rotate(90, 17.5, 17.5)" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="11"
-        x2="17.5"
-        y2="24"
-        transform="rotate(135, 17.5, 17.5)" />
-
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(45) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(90) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(135) translate(-15 0)" />
-        
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(180) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(225) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(270) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(315) translate(-15 0)" />
-    </g> 
-</svg>

assets/pictos/action-4.svg

@@ -1,102 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="35px"
-   height="35px"
-   viewBox="0 0 35 35"
-   xmlns="http://www.w3.org/2000/svg">
-   <g id="picto">  
-    <line
-        class="thin"
-        x1="17.5"
-        y1="10"
-        x2="17.5"
-        y2="25" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="10"
-        x2="17.5"
-        y2="25"
-        transform="rotate(45, 17.5, 17.5)" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="10"
-        x2="17.5"
-        y2="25"
-        transform="rotate(90, 17.5, 17.5)" />
-    <line
-        class="thin"
-        x1="17.5"
-        y1="10"
-        x2="17.5"
-        y2="25"
-        transform="rotate(135, 17.5, 17.5)" />
-
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5"
-        transform-origin="center"
-        transform="translate(-15 0)" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5"
-        transform-origin="center"
-        transform="rotate(45) translate(-15 0)" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5"
-        transform-origin="center"
-        transform="rotate(90) translate(-15 0)" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5"
-        transform-origin="center"
-        transform="rotate(135) translate(-15 0)" />
-        
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5"
-        transform-origin="center"
-        transform="rotate(180) translate(-15 0)" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5"
-        transform-origin="center"
-        transform="rotate(225) translate(-15 0)" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5"
-        transform-origin="center"
-        transform="rotate(270) translate(-15 0)" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5"
-        transform-origin="center"
-        transform="rotate(315) translate(-15 0)" />
-    </g> 
-</svg>

assets/pictos/action-5.svg

@@ -1,81 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="35px"
-   height="35px"
-   viewBox="0 0 35 35"
-   xmlns="http://www.w3.org/2000/svg">
-   <g id="picto">  
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2.5" />
-
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(45) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(90) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(135) translate(-15 0)" />
-        
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(180) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(225) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(270) translate(-15 0)" />
-    <line
-        class="thick"
-        x1="15"
-        y1="17.5"
-        x2="20"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(315) translate(-15 0)" />
-    </g> 
-</svg>

assets/pictos/action-6.svg

@@ -1,64 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="35px"
-   height="35px"
-   viewBox="0 0 35 35"
-   xmlns="http://www.w3.org/2000/svg">
-   <g id="picto">  
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="3.5" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2"
-        transform-origin="center"
-        transform="translate(0 -12)" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2"
-        transform-origin="center"
-        transform="translate(0 12)" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2"
-        transform-origin="center"
-        transform="translate(-12 0)" />
-    <circle
-        class="circle-fill"
-        fill="black"
-        cx="17.5"
-        cy="17.5"
-        r="2"
-        transform-origin="center"
-        transform="translate(12 0)" />
-
-    <line
-        class="thin"
-        x1="3"
-        y1="17.5"
-        x2="32"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(45)" />
-    <line
-        class="thin"
-        x1="3"
-        y1="17.5"
-        x2="32"
-        y2="17.5"
-        transform-origin="center"
-        transform="rotate(135)" />
-    </g> 
-</svg>

assets/pictos/action.svg

@@ -4,105 +4,105 @@
    height="35px"
    viewBox="0 0 35 35"
    xmlns="http://www.w3.org/2000/svg">
-   <g id="picto">
+   <g id="picto">  
     <circle
-        class="thin"
-        fill="white"
-        stroke="none"
+        class="circle-fill"
+        fill="black"
         cx="17.5"
         cy="17.5"
-        r="9" />
+        r="2.5" />
     <line
         class="thin"
         x1="17.5"
-        y1="12"
+        y1="11"
         x2="17.5"
-        y2="23" />
+        y2="24" />
     <line
         class="thin"
         x1="17.5"
-        y1="12"
+        y1="11"
         x2="17.5"
-        y2="23"
+        y2="24"
         transform="rotate(45, 17.5, 17.5)" />
     <line
         class="thin"
         x1="17.5"
-        y1="12"
+        y1="11"
         x2="17.5"
-        y2="23"
+        y2="24"
         transform="rotate(90, 17.5, 17.5)" />
     <line
         class="thin"
         x1="17.5"
-        y1="12"
+        y1="11"
         x2="17.5"
-        y2="23"
+        y2="24"
         transform="rotate(135, 17.5, 17.5)" />
-    <path
+
+    <line
         class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
+        x1="15"
+        y1="17.5"
+        x2="20"
+        y2="17.5"
         transform-origin="center"
-        transform="translate(0 -16)" />
-    <path
+        transform="translate(-15 0)" />
+    <line
         class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
+        x1="15"
+        y1="17.5"
+        x2="20"
+        y2="17.5"
         transform-origin="center"
-        transform="rotate(45) translate(0 -16)" />
-    <path
+        transform="rotate(45) translate(-15 0)" />
+    <line
         class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
+        x1="15"
+        y1="17.5"
+        x2="20"
+        y2="17.5"
         transform-origin="center"
-        transform="rotate(90) translate(0 -16)" />
-    <path
+        transform="rotate(90) translate(-15 0)" />
+    <line
         class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
+        x1="15"
+        y1="17.5"
+        x2="20"
+        y2="17.5"
         transform-origin="center"
-        transform="rotate(135) translate(0 -16)" />
-    <path
+        transform="rotate(135) translate(-15 0)" />
+        
+    <line
         class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
+        x1="15"
+        y1="17.5"
+        x2="20"
+        y2="17.5"
         transform-origin="center"
-        transform="rotate(180) translate(0 -16)" />
-    <path
+        transform="rotate(180) translate(-15 0)" />
+    <line
         class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
+        x1="15"
+        y1="17.5"
+        x2="20"
+        y2="17.5"
         transform-origin="center"
-        transform="rotate(225) translate(0 -16)" />
-    <path
+        transform="rotate(225) translate(-15 0)" />
+    <line
         class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
+        x1="15"
+        y1="17.5"
+        x2="20"
+        y2="17.5"
         transform-origin="center"
-        transform="rotate(270) translate(0 -16)" />
-    <path
+        transform="rotate(270) translate(-15 0)" />
+    <line
         class="thick"
-        fill="white"
-        d="M 14, 25.5
-            L 17.5, 17.5
-            L 21, 25.5"
+        x1="15"
+        y1="17.5"
+        x2="20"
+        y2="17.5"
         transform-origin="center"
-        transform="rotate(315) translate(0 -16)" />
-
+        transform="rotate(315) translate(-15 0)" />
     </g> 
 </svg>

index.html

@@ -54,7 +54,7 @@
                 </div>
             </div>
             <div class="mode">
-                <svg data-src="assets/pictos/action-3.svg" data-cache="disabled"></svg>
+                <svg data-src="assets/pictos/action.svg" data-cache="disabled"></svg>
                 <div class="mode_container">
                     <p>Action</p>
                 </div>