diff --git a/docs/assets/logo.svg b/docs/assets/logo.svg
new file mode 100644
index 000000000..49758d6e0
--- /dev/null
+++ b/docs/assets/logo.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,0,-1100)">
+        <g transform="matrix(1,0,0,1,0,1100)">
+            <path id="Colored-Rounded" serif:id="Colored Rounded" d="M1000,250C1000,112.021 887.979,0 750,0L250,0C112.021,0 0,112.021 0,250L0,750C0,887.979 112.021,1000 250,1000L750,1000C887.979,1000 1000,887.979 1000,750L1000,250Z" style="fill:rgb(29,54,109);"/>
+            <clipPath id="_clip1">
+                <path id="Colored-Rounded1" serif:id="Colored Rounded" d="M1000,250C1000,112.021 887.979,0 750,0L250,0C112.021,0 0,112.021 0,250L0,750C0,887.979 112.021,1000 250,1000L750,1000C887.979,1000 1000,887.979 1000,750L1000,250Z"/>
+            </clipPath>
+            <g clip-path="url(#_clip1)">
+                <g id="Lock" transform="matrix(1.16667,0,0,1.125,-83.3333,-62.5)">
+                    <g transform="matrix(6.12323e-17,-1,1,6.12323e-17,1.66141e-13,1044.44)">
+                        <path d="M544.444,300L700,300C810.383,300 900,389.617 900,500C900,610.383 810.383,700 700,700L544.444,700L544.444,650L700,650C782.787,650 850,582.787 850,500C850,417.213 782.787,350 700,350L544.444,350L544.444,300Z" style="fill:rgb(227,233,233);"/>
+                    </g>
+                    <g transform="matrix(5.43593e-17,-0.888889,0.857143,5.24129e-17,71.4286,944.444)">
+                        <path d="M500,220L500,780C500,791.038 491.038,800 480,800L120,800C108.962,800 100,791.038 100,780L100,220C100,208.962 108.962,200 120,200L480,200C491.038,200 500,208.962 500,220Z" style="fill:rgb(252,184,20);"/>
+                    </g>
+                    <g transform="matrix(0.857143,0,0,0.888889,71.4286,55.5556)">
+                        <path d="M220,500L780,500C791.038,500 800,510.082 800,522.5L800,556.386L200,556.386L200,522.5C200,510.082 208.962,500 220,500Z" style="fill:rgb(227,233,233);"/>
+                    </g>
+                    <g transform="matrix(1.23261,0,0,0.954947,-113.22,85.6023)">
+                        <path d="M456.933,68.228C469.9,63.913 483.493,61.618 497.498,61.618C511.502,61.618 525.095,63.913 538.062,68.228L538.062,122.929C525.372,117.132 511.718,113.977 497.498,113.977C483.277,113.977 469.623,117.132 456.933,122.929L456.933,68.228Z" style="fill:white;fill-opacity:0.2;"/>
+                    </g>
+                    <g transform="matrix(1.23261,0,0,0.848842,-113.22,92.1403)">
+                        <rect x="456.933" y="480.489" width="81.129" height="418.871" style="fill:white;fill-opacity:0.2;"/>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/mkdocs.yml b/mkdocs.yml
index 3e026b6c5..5566dd62e 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -11,6 +11,8 @@ nav:
 
 theme:
   name: material
+  logo: assets/logo.svg
+  favicon: assets/logo.svg
   palette:
     # Palette toggle for light mode
     - scheme: default