change default icon in checkbox component

Author: kanwarujjaval

.editorconfig

@@ -4,6 +4,6 @@ root = true
 end_of_line = lf
 insert_final_newline = false
 
-[*.{js,html}]
+[*.{js,html,scss,json}]
 indent_style = space
 indent_size = 4

frontend/express/public/stylesheets/styles/overrides/_element-override.scss

@@ -414,3 +414,32 @@
         }
     }
 }
+
+.el-checkbox__input.is-checked .el-checkbox__inner::after {
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+    content: '' !important;
+    border: none !important;
+    height: 8px !important;
+    left: 50% !important;
+    position: absolute;
+    top: 50% !important;
+    -webkit-transform: translate(-50%, -50%) !important;
+    transform: translate(-50%, -50%) !important;
+    width: 11.2px !important;
+    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43MDcxIDAuMjkyODkzQzE0LjA5NzYgMC42ODM0MTcgMTQuMDk3NiAxLjMxNjU4IDEzLjcwNzEgMS43MDcxMUw1LjcwNzExIDkuNzA3MTFDNS4zMTY1OCAxMC4wOTc2IDQuNjgzNDIgMTAuMDk3NiA0LjI5Mjg5IDkuNzA3MTFMMC4yOTI4OTMgNS43MDcxMUMtMC4wOTc2MzExIDUuMzE2NTggLTAuMDk3NjMxMSA0LjY4MzQyIDAuMjkyODkzIDQuMjkyODlDMC42ODM0MTcgMy45MDIzNyAxLjMxNjU4IDMuOTAyMzcgMS43MDcxMSA0LjI5Mjg5TDUgNy41ODU3OUwxMi4yOTI5IDAuMjkyODkzQzEyLjY4MzQgLTAuMDk3NjMxMSAxMy4zMTY2IC0wLjA5NzYzMTEgMTMuNzA3MSAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==') !important;
+    background-repeat: no-repeat !important;
+    background-size: contain !important;
+    -webkit-transition: none !important;
+    transition: none !important;
+    -webkit-transform-origin: center !important;
+    transform-origin: center !important;
+}
+
+.el-checkbox__inner::after {
+    display: none;
+}
+
+.el-checkbox.is-checked .el-checkbox__inner::after {
+    display: block;
+}