use <img> for service icons

Signed-off-by: Julien Veyssier <eneiluj@posteo.net>

3 files changed, 233 insertions, 22 deletions

diff --git a/img/bridge-services/msteams.svg b/img/bridge-services/msteams.svg
index 0d42a9999..637e364e4 100644
--- a/img/bridge-services/msteams.svg
+++ b/img/bridge-services/msteams.svg
@@ -1,12 +1,94 @@
-<svg enable-background="new 0 0 2228.833 2073.333" version="1.1" viewBox="0 0 2228.8 2073.3" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g stroke-width=".71414">
-<path d="m1744.3 812.83h411.14c38.843 0 70.331 31.488 70.331 70.331v374.49c0 142.76-115.73 258.49-258.49 258.49h-1.2219c-142.76 0.02-258.5-115.69-258.52-258.45v-408.11c6e-4 -20.301 16.457-36.758 36.758-36.758z" fill="#5059c9"/>
-<circle cx="2022.1" cy="572.23" r="166.57" fill="#5059c9"/>
-<circle cx="1503.9" cy="498.19" r="240.61" fill="#7b83eb"/>
-<path d="m1824.7 812.83h-678.66c-38.38 0.94984-68.741 32.801-67.851 71.183v427.13c-5.3596 230.32 176.86 421.46 407.18 427.1 230.32-5.6367 412.54-196.77 407.18-427.1v-427.13c0.8891-38.382-29.471-70.233-67.851-71.183z" fill="#7b83eb"/>
-</g><linearGradient id="a" x1="198.1" x2="942.23" y1="1683.1" y2="394.26" gradientTransform="matrix(.904 0 0 -1.5205 13.178 2583.1)" gradientUnits="userSpaceOnUse">
-	<stop stop-color="#5A62C3" offset="0"/>
-	<stop stop-color="#4D55BD" offset=".5"/>
-	<stop stop-color="#3940AB" offset="1"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 2228.833 2073.333"
+   version="1.1"
+   viewBox="0 0 2228.8 2073.3"
+   xml:space="preserve"
+   id="svg21"
+   sodipodi:docname="msteams.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><metadata
+   id="metadata27"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs25" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1920"
+   inkscape:window-height="1051"
+   id="namedview23"
+   showgrid="false"
+   inkscape:zoom="0.11382819"
+   inkscape:cx="1114.4"
+   inkscape:cy="1036.65"
+   inkscape:window-x="0"
+   inkscape:window-y="-37"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="svg21" /><g
+   stroke-width=".71414"
+   id="g10"
+   style="fill:#000000;fill-opacity:1">
+<path
+   d="m1744.3 812.83h411.14c38.843 0 70.331 31.488 70.331 70.331v374.49c0 142.76-115.73 258.49-258.49 258.49h-1.2219c-142.76 0.02-258.5-115.69-258.52-258.45v-408.11c6e-4 -20.301 16.457-36.758 36.758-36.758z"
+   fill="#5059c9"
+   id="path2"
+   style="fill:#000000;fill-opacity:1" />
+<circle
+   cx="2022.1"
+   cy="572.23"
+   r="166.57"
+   fill="#5059c9"
+   id="circle4"
+   style="fill:#000000;fill-opacity:1" />
+<circle
+   cx="1503.9"
+   cy="498.19"
+   r="240.61"
+   fill="#7b83eb"
+   id="circle6"
+   style="fill:#000000;fill-opacity:1" />
+<path
+   d="m1824.7 812.83h-678.66c-38.38 0.94984-68.741 32.801-67.851 71.183v427.13c-5.3596 230.32 176.86 421.46 407.18 427.1 230.32-5.6367 412.54-196.77 407.18-427.1v-427.13c0.8891-38.382-29.471-70.233-67.851-71.183z"
+   fill="#7b83eb"
+   id="path8"
+   style="fill:#000000;fill-opacity:1" />
+</g><linearGradient
+   id="a"
+   x1="198.1"
+   x2="942.23"
+   y1="1683.1"
+   y2="394.26"
+   gradientTransform="matrix(.904 0 0 -1.5205 13.178 2583.1)"
+   gradientUnits="userSpaceOnUse">
+	<stop
+   stop-color="#5A62C3"
+   offset="0"
+   id="stop12" />
+	<stop
+   stop-color="#4D55BD"
+   offset=".5"
+   id="stop14" />
+	<stop
+   stop-color="#3940AB"
+   offset="1"
+   id="stop16" />
 </linearGradient>
-<path d="m130.32 136.79c-47.435 0.1716-117.14 64.68-117.14 144.47v1445c0 79.785 81.065 147.48 128.5 147.31l773.86-2.8408c47.435-0.1741 128.5-64.68 128.5-144.47v-1445c0-79.785-81.065-147.48-128.5-147.31zm2.8894 381.34h766.71v153.85h-291.25v793.09h-185.56v-793.09h-289.9z" fill="url(#a)" stroke-width="1.1724"/>
-</svg>
+<path
+   d="m130.32 136.79c-47.435 0.1716-117.14 64.68-117.14 144.47v1445c0 79.785 81.065 147.48 128.5 147.31l773.86-2.8408c47.435-0.1741 128.5-64.68 128.5-144.47v-1445c0-79.785-81.065-147.48-128.5-147.31zm2.8894 381.34h766.71v153.85h-291.25v793.09h-185.56v-793.09h-289.9z"
+   fill="url(#a)"
+   stroke-width="1.1724"
+   id="path19"
+   style="fill:#000000;fill-opacity:1" />
+</svg>
\ No newline at end of file
diff --git a/img/bridge-services/rocketchat.svg b/img/bridge-services/rocketchat.svg
index 0f3c733bc..c7fa1d00d 100644
--- a/img/bridge-services/rocketchat.svg
+++ b/img/bridge-services/rocketchat.svg
@@ -1 +1,60 @@
-<svg width="32" height="32" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="m1 2c1.1805 1.6527 2.0313 4.8301 2.4941 8.4883a15 10 0 0 0-2.4941 5.5117 15 10 0 0 0 2.6348 5.6406c-0.38885 3.604-1.2347 6.7259-2.6348 8.3594 4.0691 0 7.7213-1.7459 10.279-4.5176a15 10 0 0 0 4.7207 0.51758 15 10 0 0 0 15-10 15 10 0 0 0-15-10 15 10 0 0 0-4.7168 0.52148c-2.5581-2.7741-6.2122-4.5215-10.283-4.5215zm15 6c3.7818 0 7.1742 1.0446 9.498 2.5938s3.502 3.4555 3.502 5.4062-1.1782 3.857-3.502 5.4062c-2.323 1.5486-5.714 2.593-9.4941 2.5938-1.4623-0.0028-2.9147-0.1619-4.2891-0.46875a2.0002 2.0002 0 0 0-1.9063 0.5957c-1.413 1.5311-3.2296 2.6357-5.2578 3.2715 0.53082-1.6709 0.85418-3.5406 1.0703-5.543a2.0002 2.0002 0 0 0-0.5957-1.6504c-1.399-1.3589-2.0204-2.7981-2.0254-4.207 7.365e-4 -1.9501 1.1789-3.8556 3.502-5.4043 2.3238-1.5492 5.7162-2.5938 9.498-2.5938z" fill="#c1272d"/><path d="m10 14a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2zm6 0a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2zm6 0a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2z" fill="#c1272d"/></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32"
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   id="svg6"
+   sodipodi:docname="rocketchat.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="16"
+     inkscape:cy="16"
+     inkscape:window-x="0"
+     inkscape:window-y="-37"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m1 2c1.1805 1.6527 2.0313 4.8301 2.4941 8.4883a15 10 0 0 0-2.4941 5.5117 15 10 0 0 0 2.6348 5.6406c-0.38885 3.604-1.2347 6.7259-2.6348 8.3594 4.0691 0 7.7213-1.7459 10.279-4.5176a15 10 0 0 0 4.7207 0.51758 15 10 0 0 0 15-10 15 10 0 0 0-15-10 15 10 0 0 0-4.7168 0.52148c-2.5581-2.7741-6.2122-4.5215-10.283-4.5215zm15 6c3.7818 0 7.1742 1.0446 9.498 2.5938s3.502 3.4555 3.502 5.4062-1.1782 3.857-3.502 5.4062c-2.323 1.5486-5.714 2.593-9.4941 2.5938-1.4623-0.0028-2.9147-0.1619-4.2891-0.46875a2.0002 2.0002 0 0 0-1.9063 0.5957c-1.413 1.5311-3.2296 2.6357-5.2578 3.2715 0.53082-1.6709 0.85418-3.5406 1.0703-5.543a2.0002 2.0002 0 0 0-0.5957-1.6504c-1.399-1.3589-2.0204-2.7981-2.0254-4.207 7.365e-4 -1.9501 1.1789-3.8556 3.502-5.4043 2.3238-1.5492 5.7162-2.5938 9.498-2.5938z"
+     fill="#c1272d"
+     id="path2"
+     style="fill:#000000;fill-opacity:1" />
+  <path
+     d="m10 14a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2zm6 0a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2zm6 0a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2z"
+     fill="#c1272d"
+     id="path4"
+     style="fill:#000000;fill-opacity:1" />
+</svg>
diff --git a/img/bridge-services/slack.svg b/img/bridge-services/slack.svg
index f35404360..0b7d16669 100644
--- a/img/bridge-services/slack.svg
+++ b/img/bridge-services/slack.svg
@@ -1,10 +1,80 @@
-<svg enable-background="new 0 0 512.005 512.005" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
-<path d="m332.03 31.529c-7.776-23.936-33.504-37.056-57.472-29.28s-37.056 33.504-29.28 57.472l117.92 362.85c8.096 22.368 32.256 34.944 55.488 28.288 24.192-6.976 38.976-32.672 31.232-56.448-0.288-0.928-117.89-362.88-117.89-362.88z" fill="#FFC107"/>
-<path d="m149.31 90.921c-7.808-23.968-33.536-37.088-57.472-29.28s-37.088 33.504-29.28 57.472l117.92 362.82c8.096 22.368 32.256 34.944 55.488 28.288 24.192-6.976 38.976-32.672 31.232-56.448-0.288-0.896-117.89-362.85-117.89-362.85z" fill="#4CAF50"/>
-<path d="m480.48 332.04c23.968-7.776 37.056-33.504 29.28-57.472s-33.504-37.056-57.472-29.28l-362.85 117.95c-22.368 8.096-34.944 32.256-28.288 55.488 6.976 24.192 32.672 38.976 56.448 31.232 0.928-0.32 362.88-117.92 362.88-117.92z" fill="#EC407A"/>
-<path d="m165.06 434.54c23.616-7.68 54.048-17.568 86.72-28.192-7.68-23.616-17.568-54.048-28.192-86.72l-86.72 28.192 28.192 86.72z" fill="#472A49"/>
-<path d="m347.81 375.14c32.8-10.656 63.264-20.544 86.72-28.192-7.68-23.616-17.568-54.08-28.192-86.752l-86.72 28.192 28.192 86.752z" fill="#CC2027"/>
-<path d="m421.09 149.32c23.968-7.776 37.056-33.504 29.28-57.472s-33.504-37.056-57.472-29.28l-362.82 117.92c-22.4 8.096-34.976 32.256-28.288 55.488 6.976 24.192 32.672 38.944 56.448 31.232 0.896-0.288 362.85-117.89 362.85-117.89z" fill="#2196F3"/>
-<path d="m105.67 251.78c23.616-7.68 54.08-17.568 86.752-28.192-10.656-32.768-20.544-63.232-28.192-86.72l-86.72 28.192 28.16 86.72z" fill="#1A937D"/>
-<path d="m288.42 192.42c32.8-10.656 63.264-20.544 86.752-28.192-10.656-32.8-20.576-63.264-28.192-86.752l-86.752 28.192 28.192 86.752z" fill="#65863A"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 512.005 512.005"
+   version="1.1"
+   viewBox="0 0 512 512"
+   xml:space="preserve"
+   id="svg18"
+   sodipodi:docname="slack.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><metadata
+   id="metadata24"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs22" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1920"
+   inkscape:window-height="1051"
+   id="namedview20"
+   showgrid="false"
+   inkscape:zoom="0.4609375"
+   inkscape:cx="256"
+   inkscape:cy="256"
+   inkscape:window-x="0"
+   inkscape:window-y="-37"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="svg18" />
+<path
+   d="m332.03 31.529c-7.776-23.936-33.504-37.056-57.472-29.28s-37.056 33.504-29.28 57.472l117.92 362.85c8.096 22.368 32.256 34.944 55.488 28.288 24.192-6.976 38.976-32.672 31.232-56.448-0.288-0.928-117.89-362.88-117.89-362.88z"
+   fill="#FFC107"
+   id="path2"
+   style="fill:#000000;fill-opacity:1" />
+<path
+   d="m149.31 90.921c-7.808-23.968-33.536-37.088-57.472-29.28s-37.088 33.504-29.28 57.472l117.92 362.82c8.096 22.368 32.256 34.944 55.488 28.288 24.192-6.976 38.976-32.672 31.232-56.448-0.288-0.896-117.89-362.85-117.89-362.85z"
+   fill="#4CAF50"
+   id="path4"
+   style="fill:#000000;fill-opacity:1" />
+<path
+   d="m480.48 332.04c23.968-7.776 37.056-33.504 29.28-57.472s-33.504-37.056-57.472-29.28l-362.85 117.95c-22.368 8.096-34.944 32.256-28.288 55.488 6.976 24.192 32.672 38.976 56.448 31.232 0.928-0.32 362.88-117.92 362.88-117.92z"
+   fill="#EC407A"
+   id="path6"
+   style="fill:#000000;fill-opacity:1" />
+<path
+   d="m165.06 434.54c23.616-7.68 54.048-17.568 86.72-28.192-7.68-23.616-17.568-54.048-28.192-86.72l-86.72 28.192 28.192 86.72z"
+   fill="#472A49"
+   id="path8"
+   style="fill:#000000;fill-opacity:1" />
+<path
+   d="m347.81 375.14c32.8-10.656 63.264-20.544 86.72-28.192-7.68-23.616-17.568-54.08-28.192-86.752l-86.72 28.192 28.192 86.752z"
+   fill="#CC2027"
+   id="path10"
+   style="fill:#000000;fill-opacity:1" />
+<path
+   d="m421.09 149.32c23.968-7.776 37.056-33.504 29.28-57.472s-33.504-37.056-57.472-29.28l-362.82 117.92c-22.4 8.096-34.976 32.256-28.288 55.488 6.976 24.192 32.672 38.944 56.448 31.232 0.896-0.288 362.85-117.89 362.85-117.89z"
+   fill="#2196F3"
+   id="path12"
+   style="fill:#000000;fill-opacity:1" />
+<path
+   d="m105.67 251.78c23.616-7.68 54.08-17.568 86.752-28.192-10.656-32.768-20.544-63.232-28.192-86.72l-86.72 28.192 28.16 86.72z"
+   fill="#1A937D"
+   id="path14"
+   style="fill:#000000;fill-opacity:1" />
+<path
+   d="m288.42 192.42c32.8-10.656 63.264-20.544 86.752-28.192-10.656-32.8-20.576-63.264-28.192-86.752l-86.752 28.192 28.192 86.752z"
+   fill="#65863A"
+   id="path16"
+   style="fill:#000000;fill-opacity:1" />
+</svg>
\ No newline at end of file