Fix color in Matrix logo

src/App.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { links } from './config'
   import Avatar from './lib/Avatar.svelte'
-  import Discord from './lib/icons/Discord.svelte'
+  import Matrix from './lib/icons/Matrix.svelte'
   import GitHub from './lib/icons/GitHub.svelte'
   import GitLab from './lib/icons/GitLab.svelte'
   import Google from './lib/icons/Google.svelte'
@@ -28,8 +28,8 @@
       <Google />
     </a>
 
-    <a href={links.discord}>
-      <Discord />
+    <a href={links.matrix}>
+      <Matrix  />
     </a>
 
     <a href={links.reddit}>

src/config.ts

@@ -2,7 +2,7 @@ export const links = {
   github: 'https://github.com/MedzikUser',
   gitlab: 'https://gitlab.com/Medzik',
   googleDevelopers: 'https://g.dev/medzik',
-  discord: 'https://dsc.bio/medzik',
+  matrix: 'https://matrix.to/#/@medzik:matrix.io',
   reddit: 'https://www.reddit.com/user/MedzikUser'
 }
 

src/lib/icons/Discord.svelte

@@ -1,17 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  fill="currentColor"
-  viewBox="0 0 24 24"
-  width="24px"
-  height="24px"
->
-  <path
-    d="M19.229,6.012c-0.903-0.73-2.015-1.246-2.872-1.572c-0.307-0.117-0.653-0.076-0.923,0.111C15.162,4.737,15,5.045,15,5.374	C15,5.72,14.72,6,14.374,6c-1.573,0-3.176,0-4.749,0C9.28,6,9,5.72,9,5.375c0-0.329-0.162-0.638-0.433-0.824	C8.296,4.364,7.95,4.323,7.643,4.441c-0.86,0.329-1.978,0.85-2.894,1.59C3.831,6.882,2,11.861,2,16.165	c0,0.076,0.019,0.15,0.057,0.216c1.265,2.233,4.714,2.817,5.499,2.842c0.005,0.001,0.009,0.001,0.014,0.001	c0.139,0,0.286-0.056,0.351-0.18l0.783-1.485c-0.646-0.164-1.313-0.359-2.04-0.617c-0.521-0.185-0.792-0.757-0.607-1.277	s0.758-0.791,1.277-0.607c3.526,1.254,5.624,1.253,9.345-0.005c0.525-0.175,1.092,0.104,1.268,0.627	c0.177,0.523-0.104,1.091-0.627,1.268c-0.728,0.246-1.392,0.434-2.035,0.594l0.793,1.503c0.065,0.124,0.213,0.18,0.351,0.18	c0.005,0,0.009,0,0.014-0.001c0.786-0.025,4.235-0.61,5.499-2.843C21.981,16.315,22,16.241,22,16.164	C22,11.861,20.169,6.882,19.229,6.012z M9.04,13.988c-0.829,0-1.5-0.893-1.5-1.996c0-1.102,0.671-1.996,1.5-1.996	c0.832-0.11,1.482,0.893,1.5,1.996C10.54,13.095,9.869,13.988,9.04,13.988z M14.996,14.012c-0.829,0-1.5-0.895-1.5-2s0.671-2,1.5-2	s1.5,0.895,1.5,2S15.825,14.012,14.996,14.012z"
-  />
-</svg>
-
-<style>
-  svg {
-    margin-left: 10px;
-  }
-</style>

src/lib/icons/Matrix.svelte

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+     width="24" height="24"
+     fill="currentColor"
+     viewBox="0 0 24 24">
+  <path d="M 3 4 L 3 20 L 6 20 L 6 18 L 5 18 L 5 6 L 6 6 L 6 4 L 3 4 z M 18 4 L 18 6 L 19 6 L 19 18 L 18 18 L 18 20 L 21 20 L 21 4 L 18 4 z M 14.751953 8.4238281 C 14.253244 8.4137617 13.749578 8.5373281 13.345703 8.8144531 C 13.085703 8.9934531 12.862469 9.2224063 12.605469 9.4414062 C 12.214469 8.6644063 11.508172 8.4573594 10.701172 8.4433594 C 9.8831719 8.4303594 9.2496406 8.8005156 8.6816406 9.4785156 L 8.6816406 8.640625 L 7 8.640625 L 7 14.988281 L 8.7871094 14.988281 C 8.7871094 14.988281 8.7840625 12.608594 8.7890625 11.433594 C 8.7900625 11.224594 8.80075 11.011641 8.84375 10.806641 C 8.97575 10.178641 9.5142031 9.79175 10.158203 9.84375 C 10.771203 9.89375 11.050078 10.227172 11.080078 10.951172 C 11.085078 11.077172 11.087891 14.984375 11.087891 14.984375 L 12.898438 14.984375 C 12.898437 14.984375 12.891344 12.512891 12.902344 11.462891 C 12.905344 11.191891 12.932047 10.914344 12.998047 10.652344 C 13.146047 10.064344 13.623484 9.7766563 14.271484 9.8476562 C 14.843484 9.9096562 15.129875 10.225656 15.171875 10.847656 L 15.171875 15 L 16.974609 15 C 16.974609 15 17.003609 11.880438 16.974609 10.398438 C 16.968609 10.095438 16.871375 9.7710938 16.734375 9.4960938 C 16.401875 8.8292188 15.583135 8.4406055 14.751953 8.4238281 z"></path>
+</svg>
+
+<style>
+  svg {
+    margin-left: 10px;
+  }
+</style>