[fix] if image load fails on client side, show default image

BTW: change icon color from red to gray

Closes:

- https://github.com/searxng/searxng/issues/4066

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>

searx/static/themes/simple/src/js/main/results.js

@@ -7,13 +7,14 @@
   }
 
   searxng.ready(function () {
-    d.querySelectorAll('#urls img.image').forEach(
+    d.querySelectorAll('#urls img').forEach(
       img =>
         img.addEventListener(
           'error', () => {
-            img.style.display = 'none';
+            // console.log("ERROR can't load: " + img.src);
-            img.error = null;
+            img.src = window.searxng.settings.theme_static_path + "/img/img_load_error.svg";
-          }
+          },
+          {once: true}
         ));
 
     if (d.querySelector('#search_url button#copy_url')) {

searx/static/themes/simple/svg4web.svgo.js

@@ -14,6 +14,5 @@ module.exports = {
     'sortAttrs',
     // Optimize SVG for WEB usage
     'convertStyleToAttrs',
-    'removeXMLNS'
   ],
 };