Merge pull request #3240 from weseek/fix/layout-icon-color-and-position-in-editor-mode

Fix/layout icon color and position in editor mode

src/client/js/components/PageEditor/EditorIcon.jsx

@@ -86,7 +86,23 @@ const EditorIcon = (props) => {
       );
     case 'Grid':
       return (
-        <i className="fa fa-th"></i>
+        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+          <rect width="30" height="30" fill="none" />
+          <g transform="translate(-375 -415)">
+            <g transform="translate(382 422)">
+              <path d="M5,7H1A.945.945,0,0,1,0,6V1A.945.945,0,0,1,1,0H5A.945.945,0,0,1,6,1V6A.945.945,0,0,1,5,7ZM1,1V6H5V1ZM1,.5V1H1Z" />
+            </g>
+            <g transform="translate(390 422)">
+              <path d="M7,7H1A.945.945,0,0,1,0,6V1A.945.945,0,0,1,1,0H7A.945.945,0,0,1,8,1V6A.945.945,0,0,1,7,7ZM1,1V6H7V1ZM1,.5V1H1Z" />
+            </g>
+            <g transform="translate(382 431)">
+              <path d="M9,7H1A.945.945,0,0,1,0,6V1A.945.945,0,0,1,1,0H9a.945.945,0,0,1,1,1V6A.945.945,0,0,1,9,7ZM1,1V6H9V1ZM1,.5V1H1Z" />
+            </g>
+            <g transform="translate(394 431)">
+              <path d="M3,7H1A.945.945,0,0,1,0,6V1A.945.945,0,0,1,1,0H3A.945.945,0,0,1,4,1V6A.945.945,0,0,1,3,7ZM1,1V6H3V1ZM1,.5V1H1Z" />
+            </g>
+          </g>
+        </svg>
       );
     case 'Table':
       return (