diff --git a/.vscode/cSpell.json b/.vscode/cSpell.json
index 6dfb3b666..edac1c21e 100644
--- a/.vscode/cSpell.json
+++ b/.vscode/cSpell.json
@@ -22,7 +22,8 @@
     "target/**",
     "tests/**/fixtures/**",
     "src/uu/dd/test-resources/**",
-    "vendor/**"
+    "vendor/**",
+    "**/*.svg"
   ],
 
   // words to ignore (even if they are in the flagWords)
diff --git a/docs/src/index.md b/docs/src/index.md
index c51fbb198..7bac8b816 100644
--- a/docs/src/index.md
+++ b/docs/src/index.md
@@ -1,20 +1,49 @@
+{{#include logo.svg}}
+
+<style>
+    /* Make the logo a bit bigger and center */
+    #logo {
+        height: 200px;
+        width: 100%;
+    }
+
+    /* This is necessary to get the <use> tags to obey the CSS styles below */
+    g, polygon {
+        fill: inherit;
+        stroke: inherit;
+    }
+
+    /* Set the circle to the foreground color of the theme */
+    #gear circle {
+        stroke: var(--fg);
+    }
+
+    /* Set the stroke of polygons and the copies (via use) */
+    #gear polygon,
+    #gear use {
+        fill: var(--fg);
+        stroke: var(--fg);
+    }
+</style>
+
 # uutils Coreutils Documentation
 
-uutils is an attempt at writing universal (as in cross-platform) CLI
-utilities in [Rust](https://www.rust-lang.org). It is available for
-Linux, Windows, Mac and other platforms.
+uutils is an attempt at writing universal (as in cross-platform) CLI utilities
+in [Rust](https://www.rust-lang.org). It is available for Linux, Windows, Mac
+and other platforms.
 
-The API reference for `uucore`, the library of functions shared between
-various utils, is hosted at
-[docs.rs](https://docs.rs/uucore/latest/uucore/).
+The API reference for `uucore`, the library of functions shared between various
+utils, is hosted at [docs.rs](https://docs.rs/uucore/latest/uucore/).
 
-uutils is licensed under the [MIT License](https://github.com/uutils/coreutils/blob/main/LICENSE).
+uutils is licensed under the
+[MIT License](https://github.com/uutils/coreutils/blob/main/LICENSE).
 
 ## Useful links
-* [Releases](https://github.com/uutils/coreutils/releases)
-* [Source Code](https://github.com/uutils/coreutils)
-* [Issues](https://github.com/uutils/coreutils/issues)
-* [Discord](https://discord.gg/wQVJbvJ)
 
-> Note: This manual is automatically generated from the source code and is
-> a work in progress.
+- [Releases](https://github.com/uutils/coreutils/releases)
+- [Source Code](https://github.com/uutils/coreutils)
+- [Issues](https://github.com/uutils/coreutils/issues)
+- [Discord](https://discord.gg/wQVJbvJ)
+
+> Note: This manual is automatically generated from the source code and is a
+> work in progress.
diff --git a/docs/src/logo.svg b/docs/src/logo.svg
new file mode 100644
index 000000000..4ee0a4740
--- /dev/null
+++ b/docs/src/logo.svg
@@ -0,0 +1,61 @@
+<svg height="106" width="106" viewbox="0 0 106 106" id="logo"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:svg="http://www.w3.org/2000/svg">
+  <g id="logo" transform="translate(53, 53)">
+    <g id="gear" mask="url(#holes)">
+      <circle r="43" fill="none" stroke="black" stroke-width="9" />
+      <g id="cogs">
+        <polygon id="cog" stroke="black" stroke-width="3" stroke-linejoin="round" points="46,3 51,0 46,-3" />
+        <use xlink:href="#cog" transform="rotate(11.25)" />
+        <use xlink:href="#cog" transform="rotate(22.50)" />
+        <use xlink:href="#cog" transform="rotate(33.75)" />
+        <use xlink:href="#cog" transform="rotate(45.00)" />
+        <use xlink:href="#cog" transform="rotate(56.25)" />
+        <use xlink:href="#cog" transform="rotate(67.50)" />
+        <use xlink:href="#cog" transform="rotate(78.75)" />
+        <use xlink:href="#cog" transform="rotate(90.00)" />
+        <use xlink:href="#cog" transform="rotate(101.25)" />
+        <use xlink:href="#cog" transform="rotate(112.50)" />
+        <use xlink:href="#cog" transform="rotate(123.75)" />
+        <use xlink:href="#cog" transform="rotate(135.00)" />
+        <use xlink:href="#cog" transform="rotate(146.25)" />
+        <use xlink:href="#cog" transform="rotate(157.50)" />
+        <use xlink:href="#cog" transform="rotate(168.75)" />
+        <use xlink:href="#cog" transform="rotate(180.00)" />
+        <use xlink:href="#cog" transform="rotate(191.25)" />
+        <use xlink:href="#cog" transform="rotate(202.50)" />
+        <use xlink:href="#cog" transform="rotate(213.75)" />
+        <use xlink:href="#cog" transform="rotate(225.00)" />
+        <use xlink:href="#cog" transform="rotate(236.25)" />
+        <use xlink:href="#cog" transform="rotate(247.50)" />
+        <use xlink:href="#cog" transform="rotate(258.75)" />
+        <use xlink:href="#cog" transform="rotate(270.00)" />
+        <use xlink:href="#cog" transform="rotate(281.25)" />
+        <use xlink:href="#cog" transform="rotate(292.50)" />
+        <use xlink:href="#cog" transform="rotate(303.75)" />
+        <use xlink:href="#cog" transform="rotate(315.00)" />
+        <use xlink:href="#cog" transform="rotate(326.25)" />
+        <use xlink:href="#cog" transform="rotate(337.50)" />
+        <use xlink:href="#cog" transform="rotate(348.75)" />
+      </g>
+      <g id="mounts">
+        <polygon id="mount" stroke="black" stroke-width="6" stroke-linejoin="round" points="-7,-42 0,-35 7,-42" />
+        <use xlink:href="#mount" transform="rotate(72)" />
+        <use xlink:href="#mount" transform="rotate(144)" />
+        <use xlink:href="#mount" transform="rotate(216)" />
+        <use xlink:href="#mount" transform="rotate(288)" />
+      </g>
+    </g>
+    <mask id="holes">
+      <rect x="-60" y="-60" width="120" height="120" fill="white" />
+      <circle id="hole" cy="-40" r="3" />
+      <use xlink:href="#hole" transform="rotate(72)" />
+      <use xlink:href="#hole" transform="rotate(144)" />
+      <use xlink:href="#hole" transform="rotate(216)" />
+      <use xlink:href="#hole" transform="rotate(288)" />
+    </mask>
+  </g>
+  <path aria-label="U" transform="matrix(1.1188958,0,0,1.3531467,106.90401,-3.0479991)" style="fill:#c04828"
+    d="m -30.914582,47.152116 c 0,-6.410851 0,-27.142255 0,-27.142255 h -9.981735 c 0,0 0,22.706465 0,27.142255 0,4.43579 -0.989404,8.475308 -7.250584,8.492265 -6.26118,0.01696 -7.308935,-4.147055 -7.308935,-8.492265 V 20.009861 h -9.981735 v 27.142255 c 0,6.425292 2.643496,15.679002 17.261495,15.679002 14.617999,0 17.261494,-9.268151 17.261494,-15.679002 z" />
+</svg>
diff --git a/docs/theme/favicon.png b/docs/theme/favicon.png
deleted file mode 100644
index 1cd1f26ec..000000000
Binary files a/docs/theme/favicon.png and /dev/null differ
diff --git a/docs/theme/favicon.svg b/docs/theme/favicon.svg
new file mode 100644
index 000000000..bac1d8619
--- /dev/null
+++ b/docs/theme/favicon.svg
@@ -0,0 +1,79 @@
+<svg height="106" width="106" viewbox="0 0 106 106" id="logo"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:svg="http://www.w3.org/2000/svg">
+  <style>
+    g, polygon {
+        fill: inherit;
+        stroke: inherit;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      #gear circle {
+        stroke: #fff;
+      }
+
+      #gear polygon,
+      #gear use {
+        fill: #fff;
+        stroke: #fff;
+      }
+    }
+  </style>
+  <g id="logo" transform="translate(53, 53)">
+    <g id="gear" mask="url(#holes)">
+      <circle r="43" fill="none" stroke="black" stroke-width="9" />
+      <g id="cogs">
+        <polygon id="cog" stroke="black" stroke-width="3" stroke-linejoin="round" points="46,3 51,0 46,-3" />
+        <use xlink:href="#cog" transform="rotate(11.25)" />
+        <use xlink:href="#cog" transform="rotate(22.50)" />
+        <use xlink:href="#cog" transform="rotate(33.75)" />
+        <use xlink:href="#cog" transform="rotate(45.00)" />
+        <use xlink:href="#cog" transform="rotate(56.25)" />
+        <use xlink:href="#cog" transform="rotate(67.50)" />
+        <use xlink:href="#cog" transform="rotate(78.75)" />
+        <use xlink:href="#cog" transform="rotate(90.00)" />
+        <use xlink:href="#cog" transform="rotate(101.25)" />
+        <use xlink:href="#cog" transform="rotate(112.50)" />
+        <use xlink:href="#cog" transform="rotate(123.75)" />
+        <use xlink:href="#cog" transform="rotate(135.00)" />
+        <use xlink:href="#cog" transform="rotate(146.25)" />
+        <use xlink:href="#cog" transform="rotate(157.50)" />
+        <use xlink:href="#cog" transform="rotate(168.75)" />
+        <use xlink:href="#cog" transform="rotate(180.00)" />
+        <use xlink:href="#cog" transform="rotate(191.25)" />
+        <use xlink:href="#cog" transform="rotate(202.50)" />
+        <use xlink:href="#cog" transform="rotate(213.75)" />
+        <use xlink:href="#cog" transform="rotate(225.00)" />
+        <use xlink:href="#cog" transform="rotate(236.25)" />
+        <use xlink:href="#cog" transform="rotate(247.50)" />
+        <use xlink:href="#cog" transform="rotate(258.75)" />
+        <use xlink:href="#cog" transform="rotate(270.00)" />
+        <use xlink:href="#cog" transform="rotate(281.25)" />
+        <use xlink:href="#cog" transform="rotate(292.50)" />
+        <use xlink:href="#cog" transform="rotate(303.75)" />
+        <use xlink:href="#cog" transform="rotate(315.00)" />
+        <use xlink:href="#cog" transform="rotate(326.25)" />
+        <use xlink:href="#cog" transform="rotate(337.50)" />
+        <use xlink:href="#cog" transform="rotate(348.75)" />
+      </g>
+      <g id="mounts">
+        <polygon id="mount" stroke="black" stroke-width="6" stroke-linejoin="round" points="-7,-42 0,-35 7,-42" />
+        <use xlink:href="#mount" transform="rotate(72)" />
+        <use xlink:href="#mount" transform="rotate(144)" />
+        <use xlink:href="#mount" transform="rotate(216)" />
+        <use xlink:href="#mount" transform="rotate(288)" />
+      </g>
+    </g>
+    <mask id="holes">
+      <rect x="-60" y="-60" width="120" height="120" fill="white" />
+      <circle id="hole" cy="-40" r="3" />
+      <use xlink:href="#hole" transform="rotate(72)" />
+      <use xlink:href="#hole" transform="rotate(144)" />
+      <use xlink:href="#hole" transform="rotate(216)" />
+      <use xlink:href="#hole" transform="rotate(288)" />
+    </mask>
+  </g>
+  <path aria-label="U" transform="matrix(1.1188958,0,0,1.3531467,106.90401,-3.0479991)" style="fill:#c04828"
+    d="m -30.914582,47.152116 c 0,-6.410851 0,-27.142255 0,-27.142255 h -9.981735 c 0,0 0,22.706465 0,27.142255 0,4.43579 -0.989404,8.475308 -7.250584,8.492265 -6.26118,0.01696 -7.308935,-4.147055 -7.308935,-8.492265 V 20.009861 h -9.981735 v 27.142255 c 0,6.425292 2.643496,15.679002 17.261495,15.679002 14.617999,0 17.261494,-9.268151 17.261494,-15.679002 z" />
+</svg>