diff --git a/web/ui/mantine-ui/src/App.module.css b/web/ui/mantine-ui/src/App.module.css
index 82c11a4ff..28a33eb47 100644
--- a/web/ui/mantine-ui/src/App.module.css
+++ b/web/ui/mantine-ui/src/App.module.css
@@ -30,3 +30,9 @@
     color: var(--mantine-color-white);
   }
 }
+
+/* Font used for autocompletion item icons. */
+@font-face {
+  font-family: "codicon";
+  src: local("codicon"), url(./fonts/codicon.ttf) format("truetype");
+}
diff --git a/web/ui/mantine-ui/src/fonts/codicon.ttf b/web/ui/mantine-ui/src/fonts/codicon.ttf
new file mode 100644
index 000000000..82acc8995
Binary files /dev/null and b/web/ui/mantine-ui/src/fonts/codicon.ttf differ
diff --git a/web/ui/mantine-ui/src/main.tsx b/web/ui/mantine-ui/src/main.tsx
index a904fc9f6..6136fa893 100644
--- a/web/ui/mantine-ui/src/main.tsx
+++ b/web/ui/mantine-ui/src/main.tsx
@@ -4,6 +4,7 @@ import App from "./App.tsx";
 import { Settings, SettingsContext } from "./settings.ts";
 import store from "./state/store.ts";
 import { Provider } from "react-redux";
+import "./fonts/codicon.ttf";
 
 // Declared/defined in public/index.html, value replaced by Prometheus when serving bundle.
 declare const GLOBAL_CONSOLES_LINK: string;