diff --git a/src/data/svgs.ts b/src/data/svgs.ts
index f2993c1..76e9f30 100644
--- a/src/data/svgs.ts
+++ b/src/data/svgs.ts
@@ -3083,5 +3083,14 @@ export const svgs: iSVG[] = [
       dark: '/library/clerk-dark.svg'
     },
     url: 'https://clerk.com/'
+  },
+  {
+    title: 'Mermaid',
+    category: ['Library'],
+    route: {
+      light: '/library/mermaid-logo-light.svg',
+      dark: '/library/mermaid-logo-dark.svg'
+    },
+    url: 'https://mermaid.js.org/'
   }
 ];
diff --git a/static/library/mermaid-logo-dark.svg b/static/library/mermaid-logo-dark.svg
new file mode 100644
index 0000000..23ff457
--- /dev/null
+++ b/static/library/mermaid-logo-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 491 491"><path d="M407.48 111.18c-71.893-3.077-137.907 41.158-162.4 108.82-24.493-67.662-90.507-111.897-162.4-108.82-2.395 57.049 24.897 111.452 72.06 143.64 24.168 16.599 38.61 44.131 38.53 73.45v50.86H296.9v-50.86c-.084-29.317 14.355-56.85 38.52-73.45 47.176-32.176 74.472-86.587 72.06-143.64Z" style="fill:#ffff;fill-rule:nonzero"/></svg>
\ No newline at end of file
diff --git a/static/library/mermaid-logo-light.svg b/static/library/mermaid-logo-light.svg
new file mode 100644
index 0000000..1af8d88
--- /dev/null
+++ b/static/library/mermaid-logo-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 491 491"><path d="M407.48 111.18c-71.893-3.077-137.907 41.158-162.4 108.82-24.493-67.662-90.507-111.897-162.4-108.82-2.395 57.049 24.897 111.452 72.06 143.64 24.168 16.599 38.61 44.131 38.53 73.45v50.86H296.9v-50.86c-.084-29.317 14.355-56.85 38.52-73.45 47.176-32.176 74.472-86.587 72.06-143.64Z" style="fill:#121212;fill-rule:nonzero"/></svg>
\ No newline at end of file