diff --git a/img/riot-48px.png b/img/riot-48px.png
deleted file mode 100644
index 24542a7..0000000
Binary files a/img/riot-48px.png and /dev/null differ
diff --git a/img/riot.png b/img/riot.png
new file mode 100644
index 0000000..63957d1
Binary files /dev/null and b/img/riot.png differ
diff --git a/img/riot@2x.png b/img/riot@2x.png
new file mode 100644
index 0000000..492f014
Binary files /dev/null and b/img/riot@2x.png differ
diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index b9fadad..ff6f730 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -19,7 +19,11 @@ import React from 'react'
 var linkable_clients = [
     {
         name: "Riot",
-        logo: "img/riot-48px.png",
+        logo: {
+            width: "48px",
+            src: "img/riot@2x.png",
+            srcSet: "img/riot.png, img/riot@2x.png 2x",
+        },
         author: "New Vector",
         homepage: "https://riot.im",
         room_url(alias)  { return "https://riot.im/app/#/room/" + alias },
@@ -295,10 +299,17 @@ export default React.createClass({
                         }
                         if (!link) return null;
 
+                        let logo;
+                        if (typeof client.logo === "string") {
+                            logo = <img src={client.logo} />;
+                        } else {
+                            logo = <img {...client.logo} />;
+                        }
+
                         return (
                             <div key={ client.name } className="mxt_HomePage_link">
                                 <div className="mxt_HomePage_link_logo">
-                                    <a href={ link }><img src={ client.logo }/></a>
+                                    <a href={ link }>{ logo }</a>
                                 </div>
                                 <div className="mxt_HomePage_link_name">
                                     <a href={ link }>{ client.name }</a>
@@ -337,10 +348,17 @@ export default React.createClass({
                         }
                         if (!instructions) return null;
 
+                        let logo;
+                        if (typeof client.logo === "string") {
+                            logo = <img src={client.logo} />;
+                        } else {
+                            logo = <img {...client.logo} />;
+                        }
+
                         return (
                             <div key={ client.name } className="mxt_HomePage_link">
                                 <div className="mxt_HomePage_link_logo">
-                                    <a href={ client.homepage }><img src={ client.logo }/></a>
+                                    <a href={ client.homepage }>{ logo }</a>
                                 </div>
                                 <div className="mxt_HomePage_link_name">
                                     <a href={ client.homepage }>{ client.name }</a>