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

[Jakub Steiner <jimmac src gnome org>]

commit a452234641b10a3457c560b0ec68f7f5197ac00b
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 | 117 ++++++++++++++++++++++++++++++-
 1 file changed, 114 insertions(+), 3 deletions(-)
---
diff --git a/src/resources/network-error-symbolic.svg b/src/resources/network-error-symbolic.svg
index 9becfb4d3..e1afdbb5e 100644
--- a/src/resources/network-error-symbolic.svg
+++ b/src/resources/network-error-symbolic.svg
@@ -1,4 +1,115 @@
-<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>
+    <g fill="#2e3436">
+        <path d="m 7.5 0 c -4.15625 0 -7.5 3.34375 -7.5 7.5 s 3.34375 7.5 7.5 7.5 c 0.15625 0 0.3125 
-0.007812 0.464844 -0.015625 c -0.707032 -0.539063 -1.265625 -1.261719 -1.601563 -2.101563 c -2.496093 
-0.519531 -4.363281 -2.726562 -4.363281 -5.382812 c 0 -3.046875 2.453125 -5.5 5.5 -5.5 c 2.660156 0 4.867188 
1.871094 5.386719 4.371094 c 0.835937 0.34375 1.558593 0.90625 2.09375 1.617187 c 0.011719 -0.160156 0.019531 
-0.324219 0.019531 -0.488281 c 0 -4.15625 -3.34375 -7.5 -7.5 -7.5 z m 0 0"/>
+        <path d="m 8 6 h 5.984375 c 1.105469 0 2 0.890625 2 2 v 6 c 0 1.109375 -0.894531 2 -2 2 h -5.984375 
c -1.109375 0 -2 -0.890625 -2 -2 v -6 c 0 -1.109375 0.890625 -2 2 -2 z m 6 2 h -1 c -0.011719 0 -0.019531 0 
-0.03125 0 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.542969 -0.082031 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"/>
+        <path d="m 7 1 h 1 v 13 h -1 z m 0 0"/>
+        <path d="m 13 4 v 1 h -11 v -1 z m 0 0"/>
+        <path d="m 13 7 v 1 h -11 v -1 z m 0 0"/>
+        <path d="m 7 10 v 1 h -5 v -1 z m 0 0"/>
+    </g>
+    <path d="m 7.539062 1.464844 c -4.539062 2.535156 -4.539062 9.535156 0 12.039062" fill="none" 
stroke="#2e3436"/>
+    <path d="m 7.539062 1.464844 c 2.277344 1.273437 3.414063 3.667968 3.40625 6.058594" fill="none" 
stroke="#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>