[epiphany/wip/jimmac/symbolic-net-error] better metaphor for symbolic network error

[Jakub Steiner <jimmac src gnome org>]

commit d74b94410e2a0fb951c4b308f3da216e64406edf
Author: Jakub Steiner <jimmac gmail com>
Date:   Tue Oct 5 20:04:55 2021 +0200

    better metaphor for symbolic network error
    
    Fixes https://gitlab.gnome.org/GNOME/epiphany/-/issues/1606

 src/resources/network-error-symbolic.svg | 108 ++++++++++++++++++++++++++++++-
 1 file changed, 105 insertions(+), 3 deletions(-)
---
diff --git a/src/resources/network-error-symbolic.svg b/src/resources/network-error-symbolic.svg
index 9becfb4d3..4a15ea0d0 100644
--- a/src/resources/network-error-symbolic.svg
+++ b/src/resources/network-error-symbolic.svg
@@ -1,4 +1,106 @@
-<svg xmlns="http://www.w3.org/2000/svg"; width="16" height="16">
-    <path d="M10 1v1c0 .257.13.529.313.719L11.593 4H7c-.528-.007-1 .472-1 1s.472 1.007 1 1h4.625l-1.219 
1.281c-.182.19-.406.462-.406.719v.426c.62-.377 1.909-.507 2.48-.395L15.406 5 11.75 1.281C11.552 1.091 11.31 1 
11 1zM5 7c-.31 0-.615.09-.812.281L.594 11l3.656 
3.719c.198.19.44.281.75.281h1v-1c0-.257-.13-.529-.312-.719L4.406 12h3.625c.022-.277.113-1 
.723-2H4.375l1.219-1.281C5.776 8.529 6 8.257 6 8V7z" 
style="line-height:normal;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;marker:none"
 color="#000" font-weight="400" font-family="Sans" overflow="visible" opacity=".35" fill="#474747"/>
-    <path class="error" d="M12.5 9a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zM10 11.969h5V13h-5z" 
style="marker:none" color="#bebebe" overflow="visible" fill="#ef2929"/>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink";>
+    <filter id="a" height="100%" width="100%" x="0%" y="0%">
+        <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+    </filter>
+    <mask id="b">
+        <g filter="url(#a)">
+            <path d="m 0 0 h 16 v 16 h -16 z" fill-opacity="0.3"/>
+        </g>
+    </mask>
+    <clipPath id="c">
+        <path d="m 0 0 h 1024 v 800 h -1024 z"/>
+    </clipPath>
+    <mask id="d">
+        <g filter="url(#a)">
+            <path d="m 0 0 h 16 v 16 h -16 z" fill-opacity="0.05"/>
+        </g>
+    </mask>
+    <clipPath id="e">
+        <path d="m 0 0 h 1024 v 800 h -1024 z"/>
+    </clipPath>
+    <mask id="f">
+        <g filter="url(#a)">
+            <path d="m 0 0 h 16 v 16 h -16 z" fill-opacity="0.05"/>
+        </g>
+    </mask>
+    <clipPath id="g">
+        <path d="m 0 0 h 1024 v 800 h -1024 z"/>
+    </clipPath>
+    <mask id="h">
+        <g filter="url(#a)">
+            <path d="m 0 0 h 16 v 16 h -16 z" fill-opacity="0.05"/>
+        </g>
+    </mask>
+    <clipPath id="i">
+        <path d="m 0 0 h 1024 v 800 h -1024 z"/>
+    </clipPath>
+    <mask id="j">
+        <g filter="url(#a)">
+            <path d="m 0 0 h 16 v 16 h -16 z" fill-opacity="0.05"/>
+        </g>
+    </mask>
+    <clipPath id="k">
+        <path d="m 0 0 h 1024 v 800 h -1024 z"/>
+    </clipPath>
+    <mask id="l">
+        <g filter="url(#a)">
+            <path d="m 0 0 h 16 v 16 h -16 z" fill-opacity="0.05"/>
+        </g>
+    </mask>
+    <clipPath id="m">
+        <path d="m 0 0 h 1024 v 800 h -1024 z"/>
+    </clipPath>
+    <mask id="n">
+        <g filter="url(#a)">
+            <path d="m 0 0 h 16 v 16 h -16 z" fill-opacity="0.05"/>
+        </g>
+    </mask>
+    <clipPath id="o">
+        <path d="m 0 0 h 1024 v 800 h -1024 z"/>
+    </clipPath>
+    <mask id="p">
+        <g filter="url(#a)">
+            <path d="m 0 0 h 16 v 16 h -16 z" fill-opacity="0.3"/>
+        </g>
+    </mask>
+    <clipPath id="q">
+        <path d="m 0 0 h 1024 v 800 h -1024 z"/>
+    </clipPath>
+    <mask id="r">
+        <g filter="url(#a)">
+            <path d="m 0 0 h 16 v 16 h -16 z" fill-opacity="0.5"/>
+        </g>
+    </mask>
+    <clipPath id="s">
+        <path d="m 0 0 h 1024 v 800 h -1024 z"/>
+    </clipPath>
+    <g clip-path="url(#c)" mask="url(#b)" transform="matrix(1 0 0 1 -680 -100)">
+        <path d="m 562.460938 212.058594 h 10.449218 c -1.183594 0.492187 -1.296875 2.460937 0 3 h 
-10.449218 z m 0 0" fill="#2e3436"/>
+    </g>
+    <path d="m 7.5 0 c -4.128906 0 -7.5 3.371094 -7.5 7.5 c 0 3.6875 2.691406 6.769531 6.207031 7.386719 c 
0.324219 0.660156 1.003907 1.113281 1.792969 1.113281 h 6 c 1.109375 0 2 -0.890625 2 -2 v -6 c 0 -0.789062 
-0.453125 -1.46875 -1.113281 -1.792969 c -0.617188 -3.515625 -3.699219 -6.207031 -7.386719 -6.207031 z m 0 2 
c 0.257812 0 0.503906 0.023438 0.75 0.054688 c 0.75 0.53125 1.035156 1.238281 1.425781 1.945312 h -4.289062 c 
0.277343 -0.734375 0.613281 -1.359375 1.363281 -1.945312 c 0.246094 -0.03125 0.492188 -0.054688 0.75 
-0.054688 z m -2.085938 0.40625 c -0.441406 0.582031 -0.847656 0.941406 -1.050781 1.59375 h -1.09375 c 
0.570313 -0.691406 1.296875 -1.246094 2.144531 -1.59375 z m 4.171876 0 c 0.847656 0.347656 1.574218 0.902344 
2.144531 1.59375 h -1.03125 c -0.367188 -0.59375 -0.699219 -1 -1.113281 -1.59375 z m -6.980469 2.59375 h 
1.492187 c -0.097656 0.628906 -0.257812 1.300781 -0.277344 2 h -1.78125 c 0.0625 -0.714844 0.253907 -1.390625 
0.566407 -2 z m 2.503906 0 h 4.80468
 7 c 0.054688 0.316406 0.183594 0.652344 0.210938 1 h -2.125 c -0.742188 0 -1.386719 0.402344 -1.730469 1 h 
-1.449219 c 0.019532 -0.707031 0.1875 -1.382812 0.289063 -2 z m 5.820313 0 h 1.464843 c 0.164063 0.316406 
0.289063 0.652344 0.386719 1 h -1.648438 c -0.027343 -0.34375 -0.152343 -0.679688 -0.203124 -1 z m -8.890626 
3 h 1.78125 c 0.019532 0.699219 0.070313 1.375 0.167969 2 h -1.382812 c -0.3125 -0.609375 -0.503907 -1.285156 
-0.566407 -2 z m 2.78125 0 h 1.179688 v 2 h -1 c -0.101562 -0.617188 -0.160156 -1.292969 -0.179688 -2 z m 
-1.550781 3 h 1 c 0.300781 0.675781 0.519531 1 1.144531 1.59375 c -0.847656 -0.347656 -1.574218 -0.902344 
-2.144531 -1.59375 z m 2.023438 0 h 0.707031 v 0.839844 c -0.410156 -0.304688 -0.628906 -0.589844 -0.707031 
-0.839844 z m 2.707031 -3 h 1 h 0.03125 c 0.253906 0.011719 0.511719 0.128906 0.6875 0.3125 l 1.28125 1.28125 
l 1.3125 -1.28125 c 0.265625 -0.230469 0.445312 -0.304688 0.6875 -0.3125 h 1 v 1 c 0 0.285156 -0.035156 
0.550781 -0.25 0.75 l -1.28125 
 1.28125 l 1.25 1.25 c 0.1875 0.1875 0.285156 0.453125 0.28125 0.71875 v 1 h -1 c -0.265625 0 -0.53125 
-0.09375 -0.71875 -0.28125 l -1.28125 -1.28125 l -1.28125 1.28125 c -0.1875 0.1875 -0.453125 0.273438 
-0.71875 0.28125 h -1 v -1 c 0 -0.265625 0.09375 -0.53125 0.28125 -0.71875 l 1.28125 -1.25 l -1.28125 
-1.28125 c -0.210938 -0.195312 -0.304688 -0.46875 -0.28125 -0.75 z m 0 0" fill="#2e3436"/>
+    <g clip-path="url(#e)" mask="url(#d)" transform="matrix(1 0 0 1 -680 -100)">
+        <path d="m 16 632 h 1 v 1 h -1 z m 0 0" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g clip-path="url(#g)" mask="url(#f)" transform="matrix(1 0 0 1 -680 -100)">
+        <path d="m 17 631 h 1 v 1 h -1 z m 0 0" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g clip-path="url(#i)" mask="url(#h)" transform="matrix(1 0 0 1 -680 -100)">
+        <path d="m 18 634 h 1 v 1 h -1 z m 0 0" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g clip-path="url(#k)" mask="url(#j)" transform="matrix(1 0 0 1 -680 -100)">
+        <path d="m 16 634 h 1 v 1 h -1 z m 0 0" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g clip-path="url(#m)" mask="url(#l)" transform="matrix(1 0 0 1 -680 -100)">
+        <path d="m 17 635 h 1 v 1 h -1 z m 0 0" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g clip-path="url(#o)" mask="url(#n)" transform="matrix(1 0 0 1 -680 -100)">
+        <path d="m 19 635 h 1 v 1 h -1 z m 0 0" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g clip-path="url(#q)" mask="url(#p)" transform="matrix(1 0 0 1 -680 -100)">
+        <path d="m 136 660 v 7 h 7 v -7 z m 0 0" fill="#2e3436"/>
+    </g>
+    <g clip-path="url(#s)" mask="url(#r)" transform="matrix(1 0 0 1 -680 -100)">
+        <path d="m 219 642 h 3 v 12 h -3 z m 0 0" fill="#2e3436"/>
+    </g>
 </svg>