diff --git a/frontend/src/assets/logos/browsers/chrome.svg b/frontend/src/assets/logos/browsers/chrome.svg
new file mode 100644
index 0000000..dcc3b11
--- /dev/null
+++ b/frontend/src/assets/logos/browsers/chrome.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/src/assets/logos/browsers/firefox.svg b/frontend/src/assets/logos/browsers/firefox.svg
new file mode 100644
index 0000000..f153ced
--- /dev/null
+++ b/frontend/src/assets/logos/browsers/firefox.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/src/pages/DownloadPage/index.tsx b/frontend/src/pages/DownloadPage/index.tsx
index 0a1a8fe..e0eca20 100644
--- a/frontend/src/pages/DownloadPage/index.tsx
+++ b/frontend/src/pages/DownloadPage/index.tsx
@@ -19,8 +19,13 @@ import { usePageHeader } from "../../components/Layout/PageHeaderContext";
import { BRIDGE_DOWNLOADS, bridgeDownloadUrl, type BridgeDownload } from "../../constants/bridge";
import { EXTENSION_DOWNLOADS, extensionDownloadUrl, type ExtensionDownload } from "../../constants/extension";
import extensionIcon from "../../assets/logos/thingport-icon-color.svg";
+// Official browser logos (github.com/alrra/browser-logos), shown only to mark which browser each
+// extension download is for.
+import chromeLogo from "../../assets/logos/browsers/chrome.svg";
+import firefoxLogo from "../../assets/logos/browsers/firefox.svg";
const OS_ICON = { windows: LaptopWindowsIcon, macos: AppleIcon, linux: TerminalIcon };
+const BROWSER_LOGO: Record = { chrome: chromeLogo, firefox: firefoxLogo };
type InstallStep = { text: string; code?: string };
@@ -135,7 +140,10 @@ export default function DownloadPage() {
{EXTENSION_DOWNLOADS.map(({ browser, label, asset }) => (
-
+
+
+
+
{t("download.extension.name")} ({label})