[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>

2 files changed, 5 insertions, 5 deletions

diff --git a/searx/static/themes/simple/src/js/main/results.js b/searx/static/themes/simple/src/js/main/results.js
index 7342f94b2..5e3f8ed40 100644
--- a/searx/static/themes/simple/src/js/main/results.js
+++ b/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';
-            img.error = null;
-          }
+            // console.log("ERROR can't load: " + img.src);
+            img.src = window.searxng.settings.theme_static_path + "/img/img_load_error.svg";
+          },
+          {once: true}
         ));
 
     if (d.querySelector('#search_url button#copy_url')) {
diff --git a/searx/static/themes/simple/svg4web.svgo.js b/searx/static/themes/simple/svg4web.svgo.js
index 83f74cde1..5e12251f3 100644
--- a/searx/static/themes/simple/svg4web.svgo.js
+++ b/searx/static/themes/simple/svg4web.svgo.js
@@ -14,6 +14,5 @@ module.exports = {
     'sortAttrs',
     // Optimize SVG for WEB usage
     'convertStyleToAttrs',
-    'removeXMLNS'
   ],
 };