diff --git a/site/vue/img/sym/and.png b/site/vue/img/sym/and.png
new file mode 100644
index 0000000..61a6370
Binary files /dev/null and b/site/vue/img/sym/and.png differ
diff --git a/site/vue/img/nand_test.png b/site/vue/img/sym/nand.png
similarity index 100%
rename from site/vue/img/nand_test.png
rename to site/vue/img/sym/nand.png
diff --git a/site/vue/img/nor_test.png b/site/vue/img/sym/nor.png
similarity index 100%
rename from site/vue/img/nor_test.png
rename to site/vue/img/sym/nor.png
diff --git a/site/vue/img/sym/not.png b/site/vue/img/sym/not.png
new file mode 100644
index 0000000..aa4787f
Binary files /dev/null and b/site/vue/img/sym/not.png differ
diff --git a/site/vue/img/sym/or.png b/site/vue/img/sym/or.png
new file mode 100644
index 0000000..c8c53f6
Binary files /dev/null and b/site/vue/img/sym/or.png differ
diff --git a/site/vue/img/and_test.png b/site/vue/img/txt_en/and.png
similarity index 100%
rename from site/vue/img/and_test.png
rename to site/vue/img/txt_en/and.png
diff --git a/site/vue/img/txt_en/nand.png b/site/vue/img/txt_en/nand.png
new file mode 100644
index 0000000..89153d9
Binary files /dev/null and b/site/vue/img/txt_en/nand.png differ
diff --git a/site/vue/img/txt_en/nor.png b/site/vue/img/txt_en/nor.png
new file mode 100644
index 0000000..8c969d6
Binary files /dev/null and b/site/vue/img/txt_en/nor.png differ
diff --git a/site/vue/img/not_test.png b/site/vue/img/txt_en/not.png
similarity index 100%
rename from site/vue/img/not_test.png
rename to site/vue/img/txt_en/not.png
diff --git a/site/vue/img/or_test.png b/site/vue/img/txt_en/or.png
similarity index 100%
rename from site/vue/img/or_test.png
rename to site/vue/img/txt_en/or.png
diff --git a/site/vue/index.html b/site/vue/index.html
index 62593a5..38095a3 100644
--- a/site/vue/index.html
+++ b/site/vue/index.html
@@ -148,7 +148,7 @@
                         </tr>
                     </table>
                     <br><br>
-                    <p><img src="img/and_test.png" class="margin-right"><img src="img/and_test.png"></p>
+                    <p><img src="img/txt_en/and.png" class="margin-right"><img src="img/sym/and.png"></p>
                     <br><br>
                     <p class="dys info_check" align=right>Ne plus afficher les aides <input type="checkbox"
                             id="info_check_input" onclick="showInfo();"></p>
@@ -190,7 +190,7 @@
                         </tr>
                     </table>
                     <br><br>
-                    <p><img src="img/or_test.png" class="margin-right"><img src="img/or_test.png"></p>
+                    <p><img src="img/txt_en/or.png" class="margin-right"><img src="img/sym/or.png"></p>
                     <br><br>
                     <p class="dys info_check" align=right>Ne plus afficher les aides <input type="checkbox"
                             id="info_check_input" onclick="showInfo();"></p>
@@ -219,7 +219,7 @@
                         </tr>
                     </table>
                     <br><br>
-                    <p><img src="img/not_test.png" class="margin-right"><img src="img/not_test.png"></p>
+                    <p><img src="img/txt_en/not.png" class="margin-right"><img src="img/sym/not.png"></p>
                     <br><br>
                     <p class="dys info_check" align=right><a class="txt" id="close_helps"></a><input type="checkbox"
                             id="info_check_input" onclick="showInfo();"></p>
@@ -267,10 +267,16 @@
                     <br>
                     <p>
                         <a class="txt dys" id="themeDark"></a>
-                        <input id="darkcheck" type="checkbox" onclick="darkMode()" checked></p>
+                        <input id="darkcheck" type="checkbox" onclick="darkMode()" checked>
+                    </p>
                     <p>
                         <a class="txt dys" id="dysfont"></a>
-                        <input id="dyscheckbox" type="checkbox" onclick="dysFont()" checked></p>
+                        <input id="dyscheckbox" type="checkbox" onclick="dysFont()" checked>
+                    </p>
+                    <p>
+                        <a class="txt dys" id="symbole"></a>
+                        <input id=symcheckbox" type="checkbox" onclick="symbole(this)">
+                    </p>
                     <br>
                     <br><img onclick="setLang('fr')" class="img_france" src="img/france.png" />
                     <img onclick="setLang('en')" class="img_usa" src="img/usa.png" /><br><br><br>
diff --git a/site/vue/js/const.js b/site/vue/js/const.js
index 84c21ac..93d4a56 100644
--- a/site/vue/js/const.js
+++ b/site/vue/js/const.js
@@ -7,12 +7,12 @@ var imageRotation = 0;
 const blackColor = "#444442";
 const whiteColor = "#D7CCC8";
 //Image
-const pathImg = "img/";
-const imageLogiqueEt = "and_test.png";
-const imageLogiqueOu = "or_test.png";
-const imageLogiqueEtNon = "nand_test.png";
-const imageLogiqueInv = "not_test.png";
-const imageLogiqueNonOu = "nor_test.png";
+var pathImg = "img/txt_en/";
+const imageLogiqueEt = "and.png";
+const imageLogiqueOu = "or.png";
+const imageLogiqueEtNon = "nand.png";
+const imageLogiqueInv = "not.png";
+const imageLogiqueNonOu = "nor.png";
 
 //line
 var colorLineInnactive = "black";
diff --git a/site/vue/js/func.js b/site/vue/js/func.js
index ea41232..66f2a84 100644
--- a/site/vue/js/func.js
+++ b/site/vue/js/func.js
@@ -19,6 +19,17 @@ function darkMode() {
         setColor("white");
     }
 }
+
+function symbole(checkbox) {
+    if (checkbox.checked == true) {
+        pathImg = "img/sym/";
+    }
+    else {
+        pathImg = "img/txt_en/";
+    }
+    saveStage();
+}
+
 function dysFont() {
     var checkbox = document.getElementById("dyscheckbox");
     var textToChange = document.querySelectorAll(".dys");
diff --git a/site/vue/js/lang.js b/site/vue/js/lang.js
index 773020c..f1a139e 100644
--- a/site/vue/js/lang.js
+++ b/site/vue/js/lang.js
@@ -32,6 +32,7 @@ const lang = {
         close_helps: "Ne plus afficher les aides",
         successTitle: "Niveau réussi !",
         successInfo: "Vous avez réussi en ",
+        symbole: "Mode symboles",
 
     },
     en: {