diff --git a/css/brands-extended.css b/css/brands-extended.css
index 65755d3..c32f9c9 100644
--- a/css/brands-extended.css
+++ b/css/brands-extended.css
@@ -184,6 +184,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Matrix */
+.button.button-matrix {
+  color: #ffffff;
+  background-color: #000000;
+}
+.button.button-matrix:hover,
+.button.button-matrix:focus {
+  filter: brightness(90%);
+}
+
 /* Micro.blog */
 .button.button-microblog {
   color: #FFFFFF;
diff --git a/images/icons-extended/matrix.svg b/images/icons-extended/matrix.svg
new file mode 100644
index 0000000..b1a5817
--- /dev/null
+++ b/images/icons-extended/matrix.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 520 520"
+   style="enable-background:new 0 0 520 520;"
+   xml:space="preserve"
+   sodipodi:docname="matrix.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs11" /><sodipodi:namedview
+   id="namedview9"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="1.975"
+   inkscape:cx="259.74684"
+   inkscape:cy="259.74684"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<path
+   d="M13.7,11.9v496.2h35.7V520H0V0h49.4v11.9H13.7z"
+   id="path2"
+   style="fill:#ffffff;fill-opacity:1" />
+<path
+   d="M166.3,169.2v25.1h0.7c6.7-9.6,14.8-17,24.2-22.2c9.4-5.3,20.3-7.9,32.5-7.9c11.7,0,22.4,2.3,32.1,6.8  c9.7,4.5,17,12.6,22.1,24c5.5-8.1,13-15.3,22.4-21.5c9.4-6.2,20.6-9.3,33.5-9.3c9.8,0,18.9,1.2,27.3,3.6c8.4,2.4,15.5,6.2,21.5,11.5  c6,5.3,10.6,12.1,14,20.6c3.3,8.5,5,18.7,5,30.7v124.1h-50.9V249.6c0-6.2-0.2-12.1-0.7-17.6c-0.5-5.5-1.8-10.3-3.9-14.3  c-2.2-4.1-5.3-7.3-9.5-9.7c-4.2-2.4-9.9-3.6-17-3.6c-7.2,0-13,1.4-17.4,4.1c-4.4,2.8-7.9,6.3-10.4,10.8c-2.5,4.4-4.2,9.4-5,15.1  c-0.8,5.6-1.3,11.3-1.3,17v103.3h-50.9v-104c0-5.5-0.1-10.9-0.4-16.3c-0.2-5.4-1.3-10.3-3.1-14.9c-1.8-4.5-4.8-8.2-9-10.9  c-4.2-2.7-10.3-4.1-18.5-4.1c-2.4,0-5.6,0.5-9.5,1.6c-3.9,1.1-7.8,3.1-11.5,6.1c-3.7,3-6.9,7.3-9.5,12.9c-2.6,5.6-3.9,13-3.9,22.1  v107.6h-50.9V169.2H166.3z"
+   id="path4"
+   style="fill:#ffffff;fill-opacity:1" />
+<path
+   d="M506.3,508.1V11.9h-35.7V0H520v520h-49.4v-11.9H506.3z"
+   id="path6"
+   style="fill:#ffffff;fill-opacity:1" />
+</svg>
diff --git a/preview.html b/preview.html
index 8aa891a..79fe45a 100644
--- a/preview.html
+++ b/preview.html
@@ -147,6 +147,11 @@
           <img class="icon" src="images/icons-extended/lemmy.svg" alt="Lemmy Logo">Lemmy</a>
         <br>
 
+        <!-- Matrix -->
+        <a class="button button-matrix" href="#" target="_blank" rel="noopener">
+          <img class="icon" src="images/icons-extended/matrix.svg" alt="Matrix Logo">Matrix</a>
+        <br>
+
         <!-- MicroBlog -->
         <a class="button button-microblog" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons-extended/microblog.svg" alt="MicroBlog Logo">MicroBlog</a>