SVG for interwiki links

This continues the quest to make more use of SVG in the DokuWiki
iconography. Interwiki links are now preferred in SVG, the existing
icons have been replaces by SVGs. This also adjusts the default icons
for external, mail and UNC links.

Icons come from https://materialdesignicons.com/ and
https://github.com/edent/SuperTinyIcons

I kept the old default icons because they might be used by plugins and
templates. They might be deleted later

The DokuWiki interwiki icon huge in filesize compared to all others and
doesn't look good. Would be good to have a simplified version there.

42 files changed, 41 insertions, 16 deletions

diff --git a/lib/exe/css.php b/lib/exe/css.php
index 40d700670..76821baf3 100644
--- a/lib/exe/css.php
+++ b/lib/exe/css.php
@@ -328,22 +328,24 @@ function css_interwiki(){
 
     // default style
     echo 'a.interwiki {';
-    echo ' background: transparent url('.DOKU_BASE.'lib/images/interwiki.png) 0px 1px no-repeat;';
-    echo ' padding: 1px 0px 1px 16px;';
+    echo ' background: transparent url('.DOKU_BASE.'lib/images/interwiki.png) 0 0 no-repeat;';
+    echo ' background-size: 1.2em;';
+    echo ' padding: 0 0 0 1.4em;';
     echo '}';
 
     // additional styles when icon available
     $iwlinks = getInterwiki();
-    foreach(array_keys($iwlinks) as $iw){
-        $class = preg_replace('/[^_\-a-z0-9]+/i','_',$iw);
-        if(file_exists(DOKU_INC.'lib/images/interwiki/'.$iw.'.png')){
-            echo "a.iw_$class {";
-            echo '  background-image: url('.DOKU_BASE.'lib/images/interwiki/'.$iw.'.png)';
-            echo '}';
-        }elseif(file_exists(DOKU_INC.'lib/images/interwiki/'.$iw.'.gif')){
-            echo "a.iw_$class {";
-            echo '  background-image: url('.DOKU_BASE.'lib/images/interwiki/'.$iw.'.gif)';
-            echo '}';
+    foreach (array_keys($iwlinks) as $iw) {
+        $class = preg_replace('/[^_\-a-z0-9]+/i', '_', $iw);
+        foreach (['svg', 'png', 'gif'] as $ext) {
+            $file = 'lib/images/interwiki/' . $iw . '.' . $ext;
+
+            if (file_exists(DOKU_INC . $file)) {
+                echo "a.iw_$class {";
+                echo '  background-image: url(' . DOKU_BASE . $file . ')';
+                echo '}';
+                break;
+            }
         }
     }
 }
diff --git a/lib/images/email.svg b/lib/images/email.svg
new file mode 100644
index 000000000..72309ae34
--- /dev/null
+++ b/lib/images/email.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888888" d="m20 8-8 5-8-5V6l8 5 8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"/></svg>
diff --git a/lib/images/external-link.svg b/lib/images/external-link.svg
new file mode 100644
index 000000000..74367cebd
--- /dev/null
+++ b/lib/images/external-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888888" d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
diff --git a/lib/images/interwiki.svg b/lib/images/interwiki.svg
new file mode 100644
index 000000000..6c856a29b
--- /dev/null
+++ b/lib/images/interwiki.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888888" d="M3 1C1.89 1 1 1.89 1 3V14C1 15.11 1.89 16 3 16H14C15.11 16 16 15.11 16 14V11H14V14H3V3H14V5H16V3C16 1.89 15.11 1 14 1M9 7C7.89 7 7 7.89 7 9V12H9V9H20V20H9V18H7V20C7 21.11 7.89 22 9 22H20C21.11 22 22 21.11 22 20V9C22 7.89 21.11 7 20 7H9" /></svg>
diff --git a/lib/images/interwiki/amazon.de.gif b/lib/images/interwiki/amazon.de.gif
deleted file mode 100644
index a0d2cd4cb..000000000
--- a/lib/images/interwiki/amazon.de.gif
+++ /dev/null
diff --git a/lib/images/interwiki/amazon.de.svg b/lib/images/interwiki/amazon.de.svg
new file mode 100644
index 000000000..9b4550642
--- /dev/null
+++ b/lib/images/interwiki/amazon.de.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Amazon" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#f90"/><path fill="#fff" d="M283 187c-62 2-121 19-121 81 0 43 26 64 61 64 31 0 51-12 68-30 8 11 10 16 24 27 3 2 8 2 10-1l31-27c4-3 2-8 0-10-7-11-15-19-15-39v-64c0-27 2-52-18-70-17-16-38-20-62-21-53-1-88 28-93 62-1 6 4 9 7 9l37 5c6 1 9-4 10-8 6-22 29-28 43-23 20 6 18 29 18 45zm-36 105c-15 0-25-13-25-30 1-36 29-42 61-42v18c0 32-17 54-36 54zm168 106c13-11 26-38 25-57 0-7-1-8-8-10-13-4-46-5-62 10-3 3-2 5 1 5 11-2 45-6 50 2 4 7-8 35-12 47-2 5 2 6 6 3zM58 342c96 91 247 94 345 25 7-4 0-12-6-9a376 376 0 0 1-335-21c-4-3-8 2-4 5z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/amazon.gif b/lib/images/interwiki/amazon.gif
deleted file mode 100644
index a0d2cd4cb..000000000
--- a/lib/images/interwiki/amazon.gif
+++ /dev/null
diff --git a/lib/images/interwiki/amazon.svg b/lib/images/interwiki/amazon.svg
new file mode 100644
index 000000000..9b4550642
--- /dev/null
+++ b/lib/images/interwiki/amazon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Amazon" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#f90"/><path fill="#fff" d="M283 187c-62 2-121 19-121 81 0 43 26 64 61 64 31 0 51-12 68-30 8 11 10 16 24 27 3 2 8 2 10-1l31-27c4-3 2-8 0-10-7-11-15-19-15-39v-64c0-27 2-52-18-70-17-16-38-20-62-21-53-1-88 28-93 62-1 6 4 9 7 9l37 5c6 1 9-4 10-8 6-22 29-28 43-23 20 6 18 29 18 45zm-36 105c-15 0-25-13-25-30 1-36 29-42 61-42v18c0 32-17 54-36 54zm168 106c13-11 26-38 25-57 0-7-1-8-8-10-13-4-46-5-62 10-3 3-2 5 1 5 11-2 45-6 50 2 4 7-8 35-12 47-2 5 2 6 6 3zM58 342c96 91 247 94 345 25 7-4 0-12-6-9a376 376 0 0 1-335-21c-4-3-8 2-4 5z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/amazon.uk.gif b/lib/images/interwiki/amazon.uk.gif
deleted file mode 100644
index a0d2cd4cb..000000000
--- a/lib/images/interwiki/amazon.uk.gif
+++ /dev/null
diff --git a/lib/images/interwiki/amazon.uk.svg b/lib/images/interwiki/amazon.uk.svg
new file mode 100644
index 000000000..9b4550642
--- /dev/null
+++ b/lib/images/interwiki/amazon.uk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Amazon" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#f90"/><path fill="#fff" d="M283 187c-62 2-121 19-121 81 0 43 26 64 61 64 31 0 51-12 68-30 8 11 10 16 24 27 3 2 8 2 10-1l31-27c4-3 2-8 0-10-7-11-15-19-15-39v-64c0-27 2-52-18-70-17-16-38-20-62-21-53-1-88 28-93 62-1 6 4 9 7 9l37 5c6 1 9-4 10-8 6-22 29-28 43-23 20 6 18 29 18 45zm-36 105c-15 0-25-13-25-30 1-36 29-42 61-42v18c0 32-17 54-36 54zm168 106c13-11 26-38 25-57 0-7-1-8-8-10-13-4-46-5-62 10-3 3-2 5 1 5 11-2 45-6 50 2 4 7-8 35-12 47-2 5 2 6 6 3zM58 342c96 91 247 94 345 25 7-4 0-12-6-9a376 376 0 0 1-335-21c-4-3-8 2-4 5z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/callto.gif b/lib/images/interwiki/callto.gif
deleted file mode 100644
index 60158c565..000000000
--- a/lib/images/interwiki/callto.gif
+++ /dev/null
diff --git a/lib/images/interwiki/callto.svg b/lib/images/interwiki/callto.svg
new file mode 100644
index 000000000..c838c5255
--- /dev/null
+++ b/lib/images/interwiki/callto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888888" d="M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z" /></svg>
diff --git a/lib/images/interwiki/doku.gif b/lib/images/interwiki/doku.gif
deleted file mode 100644
index 3ccf01227..000000000
--- a/lib/images/interwiki/doku.gif
+++ /dev/null
diff --git a/lib/images/interwiki/doku.svg b/lib/images/interwiki/doku.svg
new file mode 100644
index 000000000..4d4ab484d
--- /dev/null
+++ b/lib/images/interwiki/doku.svg
@@ -0,0 +1 @@
+<svg width="128.171" height="128.039" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="k"><stop style="stop-color:#3a9030;stop-opacity:.83673471" offset="0"/><stop style="stop-color:#3d9c32;stop-opacity:.79591835" offset="1"/></linearGradient><linearGradient id="j"><stop style="stop-color:#25901b;stop-opacity:.83673471" offset="0"/><stop style="stop-color:#25901b;stop-opacity:.37755102" offset="1"/></linearGradient><linearGradient id="i"><stop style="stop-color:#e32525;stop-opacity:.81632656" offset="0"/><stop style="stop-color:#e32525;stop-opacity:.5714286" offset="1"/></linearGradient><linearGradient id="h"><stop offset="0" style="stop-color:#000;stop-opacity:.17346939"/><stop offset="1" style="stop-color:#c7cec2;stop-opacity:0"/></linearGradient><linearGradient id="g"><stop style="stop-color:#000;stop-opacity:.17346939" offset="0"/><stop style="stop-color:#c7cec2;stop-opacity:0" offset="1"/></linearGradient><linearGradient id="f"><stop style="stop-color:#fbfaf9;stop-opacity:1" offset="0"/><stop style="stop-color:#e9dac7;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="e"><stop style="stop-color:#fbf6f0;stop-opacity:1" offset="0"/><stop style="stop-color:#e9dac7;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#ede1ae;stop-opacity:1" offset="0"/><stop style="stop-color:#fefdfa;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#00a423;stop-opacity:1" offset="0"/><stop style="stop-color:#00b427;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="b"><stop offset="0" style="stop-color:#00b62b;stop-opacity:1"/><stop offset="1" style="stop-color:#a1d784;stop-opacity:1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#d69c00;stop-opacity:1" offset="0"/><stop style="stop-color:#ffe658;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="l"><stop offset="0" style="stop-color:#ce411e;stop-opacity:1"/><stop offset="1" style="stop-color:#ecad8d;stop-opacity:1"/></linearGradient><linearGradient id="m"><stop style="stop-color:#8f2a15;stop-opacity:1" offset="0"/><stop style="stop-color:#c8381b;stop-opacity:1" offset="1"/></linearGradient><linearGradient xlink:href="#a" id="z" x1="192.039" y1="262.258" x2="263.671" y2="262.258" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#b" id="B" x1="191.751" y1="258.916" x2="255.656" y2="258.916" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#c" id="y" x1="184.071" y1="246.359" x2="201.406" y2="246.359" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#d" id="p" x1="162.764" y1="184.993" x2="240.849" y2="289.503" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#e" id="n" x1="140.158" y1="303.79" x2="136.142" y2="195.872" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#f" id="o" x1="286.156" y1="262.287" x2="185.813" y2="172.324" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#g" id="t" x1="213.966" y1="220.072" x2="244.791" y2="265.404" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#h" id="x" x1="184.306" y1="241.528" x2="224.674" y2="307.528" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#i" id="q" x1="202.418" y1="222.051" x2="206.06" y2="210.356" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#j" id="r" x1="248.622" y1="234.522" x2="251.644" y2="213.122" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#k" id="s" x1="275.718" y1="251.564" x2="255.684" y2="217.94" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#l" id="w" gradientUnits="userSpaceOnUse" x1="219.663" y1="192.733" x2="277.876" y2="192.733"/><linearGradient xlink:href="#m" id="v" gradientUnits="userSpaceOnUse" x1="219.213" y1="189.016" x2="286.227" y2="189.016"/><radialGradient xlink:href="#c" id="A" cx="257.411" cy="274.642" fx="257.411" fy="274.642" r="7.144" gradientTransform="matrix(1 0 0 1.63138 0 -173.405)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#c" id="u" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1 0 0 .98418 0 3.367)" cx="224.414" cy="212.8" fx="224.414" fy="212.8" r="8.681"/></defs><g style="display:inline"><path transform="matrix(.98991 -.14067 .20106 .97564 -158.091 -157.777)" style="fill:url(#n);fill-opacity:1;fill-rule:evenodd;stroke:#000;stroke-width:.7216621px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m120.215 196.438 70.907-.793-2.403 109.054-71.717.373 3.213-108.634z"/><path style="fill:url(#o);fill-opacity:1;fill-rule:evenodd;stroke:#000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m179.2 182.087 79.842-19.517 26.614 101.725-82.503 21.587L179.2 182.087z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path transform="matrix(.99561 -.09253 .08102 .9927 -158.091 -157.777)" style="fill:url(#p);fill-opacity:1;fill-rule:evenodd;stroke:#000;stroke-width:1.00418305px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m159.014 181.744 85.585.534v110.474l-84.533-2.513-1.052-108.495z"/><path d="M167.551 214.008v-20.185h5.35v2.374h-2.482v15.437h2.482v2.374h-5.35m7.348 0v-20.185h5.35v2.374h-2.482v15.437h2.481v2.374h-5.35m7.37-20.185h5.812c1.31 0 2.31.1 2.997.3a5.267 5.267 0 0 1 2.374 1.451c.658.695 1.16 1.547 1.504 2.557.343 1.002.515 2.241.515 3.717 0 1.296-.161 2.413-.483 3.351-.394 1.146-.956 2.073-1.687 2.782-.551.537-1.296.956-2.234 1.257-.702.222-1.64.333-2.815.333h-5.983v-15.748m3.18 2.664v10.43h2.374c.888 0 1.529-.05 1.923-.15.515-.128.941-.347 1.278-.655.344-.308.623-.813.838-1.514.215-.71.322-1.673.322-2.89 0-1.218-.107-2.152-.322-2.804-.215-.651-.516-1.16-.903-1.525-.386-.365-.877-.612-1.471-.741-.444-.1-1.314-.15-2.61-.15h-1.43m14.965 13.083-3.76-15.748h3.255l2.374 10.818 2.879-10.818h3.78l2.762 11 2.417-11h3.2l-3.823 15.748h-3.374l-3.136-11.773-3.126 11.773h-3.448m22.762-15.748v20.185h-5.35v-2.374h2.482v-15.458h-2.481v-2.353h5.35m7.347 0v20.185h-5.35v-2.374h2.482v-15.458h-2.482v-2.353h5.35" style="font-size:12.0000124px;font-style:normal;font-weight:400;line-height:125%;fill:#6184a3;fill-opacity:1;stroke:none;display:inline;font-family:Bitstream Vera Sans" transform="scale(.99993 .99598) rotate(-5.478 -1734.737 1573.209)"/><g style="display:inline"><path style="fill:url(#q);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;marker-end:none" d="M174.756 201.602c-6.046 2.467-10.168 4.42-12.885 6.35-2.716 1.932-3.192 4.6-3.246 6.267-.027.833.08 1.777.632 2.44.55.662 1.808 1.874 2.758 2.385 1.9 1.023 7.542 2.43 10.519 3.074 11.909 2.576 26.806 1.68 26.806 1.68 1.693 1.246 2.832 2.825 3.269 4.27 4.576-1.887 11.81-6.585 13.156-8.577-5.451-4.2-10.797-6.334-16.513-8.309-1.599-.719-2.88-1.226-.718 2.557.985 2.472.858 5.051.572 7.418 0 0-16.528.407-28.238-2.127-2.928-.633-5.467-.955-7.22-1.898-.875-.472-1.482-.82-1.915-1.341-.433-.52-.22-1.29-.201-1.859.036-1.136.253-1.67 2.862-3.525 2.608-1.854 5.654-3.362 11.659-5.812-.088-1.291-.29-2.506-1.297-2.993z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:url(#r);fill-opacity:1;fill-rule:evenodd;stroke:none" d="M269.625 220.748c-1.435-.14-2.58.303-2.56 1.502.943.857 1.349 2.436 1.485 3.14.136.705.036 1.22-.485 1.89-1.043 1.342-3.125 1.57-6.501 2.721-6.751 2.304-16.893 2.526-27.907 3.847-22.028 2.641-39.032 3.76-39.032 3.76 1.984-4.647 6.329-4.411 6.35-8.21.273-.897-3.147-1.315-5.1-.106-4.267 3.701-7.592 6.753-10.694 10.513l1.888 3.084s26.13-2.89 48.198-5.536c11.033-1.323 20.956-1.999 27.81-4.337 3.426-1.17 5.959-1.49 7.64-3.52.632-.762 1.353-3.047 1.068-4.734-.22-1.302-1.15-3.097-2.16-4.014z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:url(#s);fill-opacity:1;fill-rule:evenodd;stroke:none" d="M254.362 220.34c-6.85 3.241-7.153 8.609-5.96 12.798 1.194 4.19 5.263 8.757 9.322 12.406 8.116 7.299 12.06 9.332 12.06 9.332-3.715-.103-7.899-1.412-8.133.493-.948 2.976 11.491 3.475 17.438 2.702-1.395-7.578-3.794-13.215-7.732-14.903-1.684-.148.313 4.724.77 9.396 0 0-3.624-1.731-11.605-8.908-3.99-3.588-7.374-7.342-8.473-11.2-1.1-3.86.077-6.121 4.95-9.532.929-.996-1.29-2.46-2.637-2.585z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/></g><path d="m213.966 234.578 2.187-14.429 15.22 6.088 21.494 29.948-20.406 9.219-18.495-30.826z" style="fill:url(#t);fill-opacity:1;stroke:none;display:inline" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><g style="display:inline"><path style="fill:url(#u);fill-opacity:1;fill-rule:evenodd;stroke:#000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1" d="m232.558 219.53-15.928.321 3.088-15.157 12.84 14.836z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:#812310;fill-opacity:1;fill-rule:evenodd;stroke:none" d="m221.6 219.293-4.412.078.855-3.982 3.557 3.904z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:url(#v);fill-opacity:1;fill-rule:evenodd;stroke:#000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1" d="m269.442 159.274.098 8.915 8.058 8.723 7.759.8-52.807 41.84-6.665-3.306-5.083-5.618-1.09-5.912 49.73-45.442z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:url(#w);fill-opacity:1;fill-rule:evenodd;stroke:none" d="m268.948 168.328 8.342 8.828-51.1 38.682-4.92-5.443 47.678-42.067z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:#ffe965;fill-opacity:1;fill-rule:evenodd;stroke:#000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1;display:inline" d="m285.338 177.732-8.162-.866-7.752-8.679.013-9.143 8.362.753 7.189 9.576.35 8.36z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:#cb391c;fill-opacity:1;fill-rule:evenodd;stroke:none" d="m280.72 168.464.165 4.056-3.813-.717-2.876-3.189-.28-3.533 3.854-.167 2.95 3.55z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/></g><g style="display:inline"><path style="fill:url(#x);fill-opacity:1;stroke:none" d="m183.886 256.828 1-16.307 17.288 8.44 26.055 38.01-29.281-1.134-15.062-29.009z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:url(#y);fill-opacity:1;stroke:#000;stroke-linejoin:round;stroke-opacity:1;display:inline" d="m200.906 238.448-8.046 15.774-7.055-13.573 15.101-2.2z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:url(#z);fill-opacity:1;stroke:#000;stroke-linejoin:round;stroke-opacity:1" d="m201.054 238.554 62.117 24.92-7.887 3.213-4.351 9.31 1.171 9.964-59.314-31.727-.494-7.364 3.095-5.829 5.663-2.487z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:url(#A);fill-opacity:1;stroke:#000;stroke-linejoin:round;stroke-opacity:1;display:inline" d="m255.278 266.535 7.924-3.048.853 10.24-3.9 8.29-8.047 3.78-1.34-9.631 4.51-9.631z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:url(#B);fill-opacity:1;stroke:none;display:inline" d="m195.755 241.421 59.13 24.796-4.591 9.766-57.49-29.01 2.95-5.552z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:#00b527;fill-opacity:1;stroke:none" d="m255.023 275.21 2.084-4.107 2.964-1.07.695 3.372-1.768 3.858-3.155 1.383-.82-3.436z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/><path style="fill:#258209;fill-opacity:1;stroke:none;display:inline" d="m186.568 241.004 3.55-.473-2.023 3.539-1.527-3.066z" transform="matrix(.99993 0 0 .99598 -158.091 -157.777)"/></g></g></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/google.gif b/lib/images/interwiki/google.gif
deleted file mode 100644
index 3a28437f3..000000000
--- a/lib/images/interwiki/google.gif
+++ /dev/null
diff --git a/lib/images/interwiki/google.svg b/lib/images/interwiki/google.svg
new file mode 100644
index 000000000..585d27204
--- /dev/null
+++ b/lib/images/interwiki/google.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Google" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path fill="#4285f4" d="M386 400c45-42 65-112 53-179H260v74h102c-4 24-18 44-38 57z"/><path fill="#34a853" d="M90 341a192 192 0 0 0 296 59l-62-48c-53 35-141 22-171-60z"/><path fill="#fbbc02" d="M153 292c-8-25-8-48 0-73l-63-49c-23 46-30 111 0 171z"/><path fill="#ea4335" d="M153 219c22-69 116-109 179-50l55-54c-78-75-230-72-297 55z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/paypal.gif b/lib/images/interwiki/paypal.gif
deleted file mode 100644
index 633797fac..000000000
--- a/lib/images/interwiki/paypal.gif
+++ /dev/null
diff --git a/lib/images/interwiki/paypal.svg b/lib/images/interwiki/paypal.svg
new file mode 100644
index 000000000..76dabb7dd
--- /dev/null
+++ b/lib/images/interwiki/paypal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="PayPal" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path fill="#002c8a" d="M377 184.8 180.7 399h-72c-5 0-9-5-8-10l48-304c1-7 7-12 14-12h122c84 3 107 46 92 112z"/><path fill="#009be1" d="M380.2 165c30 16 37 46 27 86-13 59-52 84-109 85l-16 1c-6 0-10 4-11 10l-13 79c-1 7-7 12-14 12h-60c-5 0-9-5-8-10l22-143c1-5 182-120 182-120z"/><path fill="#001f6b" d="m197 292 20-127a14 14 0 0 1 13-11h96c23 0 40 4 54 11-5 44-26 115-128 117h-44c-5 0-10 4-11 10z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/phpfn.gif b/lib/images/interwiki/phpfn.gif
deleted file mode 100644
index 89ac1db94..000000000
--- a/lib/images/interwiki/phpfn.gif
+++ /dev/null
diff --git a/lib/images/interwiki/phpfn.svg b/lib/images/interwiki/phpfn.svg
new file mode 100644
index 000000000..21e02a9a0
--- /dev/null
+++ b/lib/images/interwiki/phpfn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="PHP" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#777bb3"/><g stroke="#fff" stroke-width="6"><path id="a" d="M155 202H97a3 3 0 0 0-3 2L67 345c0 3 3 3 3 3h30c3 0 3-2 3-2l7-35h27c42 0 63-28 68-53s1-56-50-56zm13 54c-4 19-17 27-35 27h-18l11-53h18c27 0 26 10 24 26z"/><path d="M275 311c-4 0-3-4-3-4l12-61c0-8 6-16-18-15h-18l-15 78s0 3-4 3h-29c-3 0-3-3-3-3l28-141s0-2 4-2h30c3 0 2 3 2 3l-7 34h26c36 0 45 17 42 37l-13 69s0 3-5 3z"/><use xlink:href="#a" x="239"/></g></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/skype.gif b/lib/images/interwiki/skype.gif
deleted file mode 100644
index d9bd575a6..000000000
--- a/lib/images/interwiki/skype.gif
+++ /dev/null
diff --git a/lib/images/interwiki/skype.svg b/lib/images/interwiki/skype.svg
new file mode 100644
index 000000000..7c882df00
--- /dev/null
+++ b/lib/images/interwiki/skype.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Skype" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#0078D7"/><path fill="#fff" d="M87 226a171 171 0 0 0 199 199c109 53 185-64 139-139 23-132-98-220-199-199A102 102 0 0 0 87 226m241-42c16 23-16 41-28 27-16-18-32-27-49-26-44 3-43 40-5 45 52 8 99 22 95 68-5 52-47 67-90 64-52-4-68-22-78-41-12-23 22-45 36-20 23 37 65 32 78 17 20-23-1-37-23-41-24-5-49-10-68-20-30-16-43-92 36-105 36-6 79 5 96 32"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/tel.gif b/lib/images/interwiki/tel.gif
deleted file mode 100644
index 60158c565..000000000
--- a/lib/images/interwiki/tel.gif
+++ /dev/null
diff --git a/lib/images/interwiki/tel.svg b/lib/images/interwiki/tel.svg
new file mode 100644
index 000000000..c838c5255
--- /dev/null
+++ b/lib/images/interwiki/tel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888888" d="M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z" /></svg>
diff --git a/lib/images/interwiki/user.png b/lib/images/interwiki/user.png
deleted file mode 100644
index da84e3ddc..000000000
--- a/lib/images/interwiki/user.png
+++ /dev/null
diff --git a/lib/images/interwiki/user.svg b/lib/images/interwiki/user.svg
new file mode 100644
index 000000000..175fc6d13
--- /dev/null
+++ b/lib/images/interwiki/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888888" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg>
diff --git a/lib/images/interwiki/wp.gif b/lib/images/interwiki/wp.gif
deleted file mode 100644
index b07fd893d..000000000
--- a/lib/images/interwiki/wp.gif
+++ /dev/null
diff --git a/lib/images/interwiki/wp.svg b/lib/images/interwiki/wp.svg
new file mode 100644
index 000000000..5701e898c
--- /dev/null
+++ b/lib/images/interwiki/wp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Wikipedia" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path d="M65 152v8c0 2 1 3 4 3 20 1 20 5 28 23l90 196c7 14 16 16 25-1l45-88 42 88c8 15 16 16 24 0l86-194c8-17 19-24 36-24 2 0 2-1 2-3v-8h-80l-1 1v7c0 2 2 3 4 3 10 0 29 2 21 19l-70 166-3-1-43-88 37-72c8-15 10-24 25-24 2 0 4-1 4-3v-7l-1-1h-64l-1 1v7c0 3 4 3 7 3 18 1 16 8 10 19l-27 56-25-52c-9-16-11-21 2-22 3-1 8-1 8-4v-7l-1-1h-69l-1 1v8c0 2 2 2 5 2 12 2 12 3 23 26l40 84-37 75-3-1-76-167c-8-17 2-16 18-17 3 0 3-1 3-3v-7l-1-1z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/wpde.gif b/lib/images/interwiki/wpde.gif
deleted file mode 100644
index b07fd893d..000000000
--- a/lib/images/interwiki/wpde.gif
+++ /dev/null
diff --git a/lib/images/interwiki/wpde.svg b/lib/images/interwiki/wpde.svg
new file mode 100644
index 000000000..5701e898c
--- /dev/null
+++ b/lib/images/interwiki/wpde.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Wikipedia" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path d="M65 152v8c0 2 1 3 4 3 20 1 20 5 28 23l90 196c7 14 16 16 25-1l45-88 42 88c8 15 16 16 24 0l86-194c8-17 19-24 36-24 2 0 2-1 2-3v-8h-80l-1 1v7c0 2 2 3 4 3 10 0 29 2 21 19l-70 166-3-1-43-88 37-72c8-15 10-24 25-24 2 0 4-1 4-3v-7l-1-1h-64l-1 1v7c0 3 4 3 7 3 18 1 16 8 10 19l-27 56-25-52c-9-16-11-21 2-22 3-1 8-1 8-4v-7l-1-1h-69l-1 1v8c0 2 2 2 5 2 12 2 12 3 23 26l40 84-37 75-3-1-76-167c-8-17 2-16 18-17 3 0 3-1 3-3v-7l-1-1z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/wpes.gif b/lib/images/interwiki/wpes.gif
deleted file mode 100644
index b07fd893d..000000000
--- a/lib/images/interwiki/wpes.gif
+++ /dev/null
diff --git a/lib/images/interwiki/wpes.svg b/lib/images/interwiki/wpes.svg
new file mode 100644
index 000000000..5701e898c
--- /dev/null
+++ b/lib/images/interwiki/wpes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Wikipedia" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path d="M65 152v8c0 2 1 3 4 3 20 1 20 5 28 23l90 196c7 14 16 16 25-1l45-88 42 88c8 15 16 16 24 0l86-194c8-17 19-24 36-24 2 0 2-1 2-3v-8h-80l-1 1v7c0 2 2 3 4 3 10 0 29 2 21 19l-70 166-3-1-43-88 37-72c8-15 10-24 25-24 2 0 4-1 4-3v-7l-1-1h-64l-1 1v7c0 3 4 3 7 3 18 1 16 8 10 19l-27 56-25-52c-9-16-11-21 2-22 3-1 8-1 8-4v-7l-1-1h-69l-1 1v8c0 2 2 2 5 2 12 2 12 3 23 26l40 84-37 75-3-1-76-167c-8-17 2-16 18-17 3 0 3-1 3-3v-7l-1-1z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/wpfr.gif b/lib/images/interwiki/wpfr.gif
deleted file mode 100644
index b07fd893d..000000000
--- a/lib/images/interwiki/wpfr.gif
+++ /dev/null
diff --git a/lib/images/interwiki/wpfr.svg b/lib/images/interwiki/wpfr.svg
new file mode 100644
index 000000000..5701e898c
--- /dev/null
+++ b/lib/images/interwiki/wpfr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Wikipedia" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path d="M65 152v8c0 2 1 3 4 3 20 1 20 5 28 23l90 196c7 14 16 16 25-1l45-88 42 88c8 15 16 16 24 0l86-194c8-17 19-24 36-24 2 0 2-1 2-3v-8h-80l-1 1v7c0 2 2 3 4 3 10 0 29 2 21 19l-70 166-3-1-43-88 37-72c8-15 10-24 25-24 2 0 4-1 4-3v-7l-1-1h-64l-1 1v7c0 3 4 3 7 3 18 1 16 8 10 19l-27 56-25-52c-9-16-11-21 2-22 3-1 8-1 8-4v-7l-1-1h-69l-1 1v8c0 2 2 2 5 2 12 2 12 3 23 26l40 84-37 75-3-1-76-167c-8-17 2-16 18-17 3 0 3-1 3-3v-7l-1-1z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/wpjp.gif b/lib/images/interwiki/wpjp.gif
deleted file mode 100644
index b07fd893d..000000000
--- a/lib/images/interwiki/wpjp.gif
+++ /dev/null
diff --git a/lib/images/interwiki/wpjp.svg b/lib/images/interwiki/wpjp.svg
new file mode 100644
index 000000000..5701e898c
--- /dev/null
+++ b/lib/images/interwiki/wpjp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Wikipedia" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path d="M65 152v8c0 2 1 3 4 3 20 1 20 5 28 23l90 196c7 14 16 16 25-1l45-88 42 88c8 15 16 16 24 0l86-194c8-17 19-24 36-24 2 0 2-1 2-3v-8h-80l-1 1v7c0 2 2 3 4 3 10 0 29 2 21 19l-70 166-3-1-43-88 37-72c8-15 10-24 25-24 2 0 4-1 4-3v-7l-1-1h-64l-1 1v7c0 3 4 3 7 3 18 1 16 8 10 19l-27 56-25-52c-9-16-11-21 2-22 3-1 8-1 8-4v-7l-1-1h-69l-1 1v8c0 2 2 2 5 2 12 2 12 3 23 26l40 84-37 75-3-1-76-167c-8-17 2-16 18-17 3 0 3-1 3-3v-7l-1-1z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/wpmeta.gif b/lib/images/interwiki/wpmeta.gif
deleted file mode 100644
index b07fd893d..000000000
--- a/lib/images/interwiki/wpmeta.gif
+++ /dev/null
diff --git a/lib/images/interwiki/wpmeta.svg b/lib/images/interwiki/wpmeta.svg
new file mode 100644
index 000000000..5701e898c
--- /dev/null
+++ b/lib/images/interwiki/wpmeta.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Wikipedia" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path d="M65 152v8c0 2 1 3 4 3 20 1 20 5 28 23l90 196c7 14 16 16 25-1l45-88 42 88c8 15 16 16 24 0l86-194c8-17 19-24 36-24 2 0 2-1 2-3v-8h-80l-1 1v7c0 2 2 3 4 3 10 0 29 2 21 19l-70 166-3-1-43-88 37-72c8-15 10-24 25-24 2 0 4-1 4-3v-7l-1-1h-64l-1 1v7c0 3 4 3 7 3 18 1 16 8 10 19l-27 56-25-52c-9-16-11-21 2-22 3-1 8-1 8-4v-7l-1-1h-69l-1 1v8c0 2 2 2 5 2 12 2 12 3 23 26l40 84-37 75-3-1-76-167c-8-17 2-16 18-17 3 0 3-1 3-3v-7l-1-1z"/></svg>
\ No newline at end of file
diff --git a/lib/images/interwiki/wppl.gif b/lib/images/interwiki/wppl.gif
deleted file mode 100644
index b07fd893d..000000000
--- a/lib/images/interwiki/wppl.gif
+++ /dev/null
diff --git a/lib/images/interwiki/wppl.svg b/lib/images/interwiki/wppl.svg
new file mode 100644
index 000000000..5701e898c
--- /dev/null
+++ b/lib/images/interwiki/wppl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Wikipedia" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path d="M65 152v8c0 2 1 3 4 3 20 1 20 5 28 23l90 196c7 14 16 16 25-1l45-88 42 88c8 15 16 16 24 0l86-194c8-17 19-24 36-24 2 0 2-1 2-3v-8h-80l-1 1v7c0 2 2 3 4 3 10 0 29 2 21 19l-70 166-3-1-43-88 37-72c8-15 10-24 25-24 2 0 4-1 4-3v-7l-1-1h-64l-1 1v7c0 3 4 3 7 3 18 1 16 8 10 19l-27 56-25-52c-9-16-11-21 2-22 3-1 8-1 8-4v-7l-1-1h-69l-1 1v8c0 2 2 2 5 2 12 2 12 3 23 26l40 84-37 75-3-1-76-167c-8-17 2-16 18-17 3 0 3-1 3-3v-7l-1-1z"/></svg>
\ No newline at end of file
diff --git a/lib/images/unc.svg b/lib/images/unc.svg
new file mode 100644
index 000000000..d4a90df44
--- /dev/null
+++ b/lib/images/unc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888888" d="M20.493 12.5c.573 0 1.057.2 1.45.6.393.4.587.867.58 1.4l-8.03 3-7-2v-9h1.95l7.27 2.69c.52.207.78.58.78 1.12 0 .313-.113.587-.34.82a1.217 1.217 0 0 1-.86.37h-2.8l-1.75-.67-.33.94 2.08.73h7m-19.016-6h4.016v11H1.477z"/></svg>
diff --git a/lib/tpl/dokuwiki/css/_links.css b/lib/tpl/dokuwiki/css/_links.css
index 695f4b825..5c02e4d74 100644
--- a/lib/tpl/dokuwiki/css/_links.css
+++ b/lib/tpl/dokuwiki/css/_links.css
@@ -33,21 +33,22 @@
 .dokuwiki a.mail,
 .dokuwiki a.mediafile,
 .dokuwiki a.interwiki {
+    background-size: 1.2em;
     background-repeat: no-repeat;
     background-position: 0 center;
-    padding: 0 0 0 18px;
+    padding: 0 0 0 1.4em;
 }
 /* external link */
 .dokuwiki a.urlextern {
-    background-image: url(../../images/external-link.png);
+    background-image: url(../../images/external-link.svg);
 }
 /* windows share */
 .dokuwiki a.windows {
-    background-image: url(../../images/unc.png);
+    background-image: url(../../images/unc.svg);
 }
 /* email link */
 .dokuwiki a.mail {
-    background-image: url(../../images/email.png);
+    background-image: url(../../images/email.svg);
 }
 
 /* icons of the following are set by dokuwiki in lib/exe/css.php */