put client icons as img tag

src/open/clients/Element.js

@@ -21,8 +21,7 @@ import {Maturity, Platform, LinkKind,
  * Information on how to deep link to a given matrix client.
  */
 export class Element {
-	/* should only contain alphanumerical and -_, no dots (needs to be usable as css class) */
-	get id() { return "element-io"; }
+	get id() { return "element.io"; }
 
 	get platforms() {
 		return [
@@ -32,6 +31,10 @@ export class Element {
 		];
 	}
 
+    get icon() {
+        return "images/client-icons/element.svg";
+    }
+
     get appleAssociatedAppId() { return "7J4U792NQT.im.vector.app"; }
 
 	get description() { return 'Fully-featured Matrix client, used by millions.'; }

src/open/clients/Weechat.js

@@ -23,6 +23,7 @@ export class Weechat {
 	/* should only contain alphanumerical and -_, no dots (needs to be usable as css class) */
 	get id() { return "weechat"; }
 	getName(platform) { return "Weechat"; }
+    get icon() { return "images/client-icons/weechat.svg"; }
     get author() { return "Poljar"; }
     get homepage() { return "https://github.com/poljar/weechat-matrix"; }
 	get platforms() { return [Platform.Windows, Platform.macOS, Platform.Linux]; }
@@ -39,4 +40,4 @@ export class Weechat {
 	}
 
 	getInstallLinks(platform) {}
-}
+}