diff --git a/README.md b/README.md
index 65c4587..50ef4e1 100644
--- a/README.md
+++ b/README.md
@@ -54,6 +54,8 @@ A list of extensions that use the [svgl API](https://svgl.app/api), created by t
 | ---------------------------------------------------------------------------------------------------------- | ------------------- | -------------------------------------------------------------- | -------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
 | <img src="https://github.com/pheralb/svgl/blob/main/static/library/svgl.svg" height="25" />                | SVGL CLI            | A CLI for easily adding SVG icons to your project.             | [sujjeee](https://twitter.com/sujjeeee)                        | [GitHub Repository](https://github.com/sujjeee/svgls)                                            |
 | <img src="https://github.com/pheralb/svgl/blob/main/static/library/react_light.svg" height="25" />         | SVGL for React      | An open-source NPM package that offers a SVGL Logos for React. | [ridemountainpig](https://x.com/ridemountainpig)               | [GitHub Repository](https://github.com/ridemountainpig/svgl-react?tab=readme-ov-file#svgl-react) |
+| <img src="https://github.com/pheralb/svgl/blob/main/static/library/vue.svg" height="25" />         | SVGL for Vue      | An open-source NPM package that offers a SVGL Logos for Vue. | [selemondev](https://x.com/selemondev)               | [GitHub Repository](https://github.com/selemondev/svgl-vue?tab=readme-ov-file#--svgl-vue--) |
+| <img src="https://github.com/pheralb/svgl/blob/main/static/library/svelte.svg" height="25" />         | SVGL for Svelte      | An open-source NPM package that offers a SVGL Logos for Svelte. | [selemondev](https://x.com/selemondev)               | [GitHub Repository](https://github.com/selemondev/svgl-svelte#--svgl-svelte--) |
 | <img src="https://github.com/pheralb/svgl/blob/main/static/library/figma.svg" height="25" />               | SVGL for Figma      | Add svgs from svgl to your Figma project.                      | [quilljou](https://twitter.com/quillzhou)                      | [Figma Plugin](https://www.figma.com/community/plugin/1320306989350693206/svgl)                  |
 | <img src="https://github.com/pheralb/svgl/blob/main/static/library/powertoys.svg" height="25" />           | SVGL for PowerToys  | Search & copy SVG logos in PowerToys Run.                      | [SameerJS6](https://x.com/Sameerjs6)                           | [Website](https://svgl.sameerjs.com/)                                                            |
 | <img src="https://github.com/pheralb/svgl/blob/main/static/library/raycast.svg" height="25" />             | SVGL for Raycast    | Search SVG logos via svgl.                                     | [1weiho](https://twitter.com/1weiho)                           | [Raycast Store](https://www.raycast.com/1weiho/svgl)                                             |
diff --git a/src/data/svgs.ts b/src/data/svgs.ts
index 650821c..98ea8ea 100644
--- a/src/data/svgs.ts
+++ b/src/data/svgs.ts
@@ -23,9 +23,9 @@ export const svgs: iSVG[] = [
   {
     title: 'Mattermost',
     category: 'Software',
-    "route": {
-    "light": "/library/mattermost-light.svg",
-    "dark": "/library/mattermost-dark.svg"
+    route: {
+      light: '/library/mattermost-light.svg',
+      dark: '/library/mattermost-dark.svg'
     },
     url: 'http://mattermost.com/'
   },
@@ -510,6 +510,15 @@ export const svgs: iSVG[] = [
     route: '/library/telegram.svg',
     url: 'https://web.telegram.org/'
   },
+  {
+    title: 'Matrix',
+    category: 'Social',
+    route: {
+      light: '/library/matrix-light.svg',
+      dark: '/library/matrix-dark.svg'
+    },
+    url: 'https://matrix.org/'
+  },
   {
     title: 'WhatsApp',
     category: 'Social',
diff --git a/static/library/matrix-dark.svg b/static/library/matrix-dark.svg
new file mode 100644
index 0000000..56e9a21
--- /dev/null
+++ b/static/library/matrix-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="#FFF" viewBox="0 0 50 50"><path d="M5 5a1 1 0 0 0-1 1v38a1 1 0 0 0 1 1h3a1 1 0 1 0 0-2H6V7h2a1 1 0 1 0 0-2H5zm37 0a1 1 0 1 0 0 2h2v36h-2a1 1 0 1 0 0 2h3a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-3zM31.074 17.51c-1.098-.022-2.206.25-3.095.863-.571.394-1.063.9-1.63 1.385-.86-1.718-2.42-2.177-4.197-2.207-1.8-.031-3.231.79-4.482 2.29V18H14v14h3.664s-.006-5.234.004-7.834c.002-.462.021-.934.115-1.385.29-1.389 1.755-2.247 3.174-2.133 1.352.11 2.143.848 2.209 2.45.011.279 0 8.902 0 8.902h3.666v-7.771c.006-.6.07-1.212.215-1.791.326-1.3 1.544-1.94 2.973-1.782 1.26.14 2.219.819 2.312 2.194V32H36V22c0-1-.254-1.51-.557-2.12-.732-1.475-2.538-2.333-4.369-2.37z"/></svg>
\ No newline at end of file
diff --git a/static/library/matrix-light.svg b/static/library/matrix-light.svg
new file mode 100644
index 0000000..248794a
--- /dev/null
+++ b/static/library/matrix-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 520 520" viewBox="0 0 520 520"><path d="M13.7 11.9v496.2h35.7V520H0V0h49.4v11.9H13.7zM166.3 169.2v25.1h.7c6.7-9.6 14.8-17 24.2-22.2 9.4-5.3 20.3-7.9 32.5-7.9 11.7 0 22.4 2.3 32.1 6.8 9.7 4.5 17 12.6 22.1 24 5.5-8.1 13-15.3 22.4-21.5 9.4-6.2 20.6-9.3 33.5-9.3 9.8 0 18.9 1.2 27.3 3.6 8.4 2.4 15.5 6.2 21.5 11.5s10.6 12.1 14 20.6c3.3 8.5 5 18.7 5 30.7v124.1h-50.9V249.6c0-6.2-.2-12.1-.7-17.6-.5-5.5-1.8-10.3-3.9-14.3-2.2-4.1-5.3-7.3-9.5-9.7-4.2-2.4-9.9-3.6-17-3.6-7.2 0-13 1.4-17.4 4.1-4.4 2.8-7.9 6.3-10.4 10.8-2.5 4.4-4.2 9.4-5 15.1-.8 5.6-1.3 11.3-1.3 17v103.3h-50.9v-104c0-5.5-.1-10.9-.4-16.3-.2-5.4-1.3-10.3-3.1-14.9-1.8-4.5-4.8-8.2-9-10.9-4.2-2.7-10.3-4.1-18.5-4.1-2.4 0-5.6.5-9.5 1.6-3.9 1.1-7.8 3.1-11.5 6.1-3.7 3-6.9 7.3-9.5 12.9-2.6 5.6-3.9 13-3.9 22.1v107.6h-50.9V169.2h48zM506.3 508.1V11.9h-35.7V0H520v520h-49.4v-11.9h35.7z"/></svg>
\ No newline at end of file