diff --git a/apps/extension/public/icons/128.png b/apps/extension/public/icons/128.png
index 80f3526..9a623da 100644
Binary files a/apps/extension/public/icons/128.png and b/apps/extension/public/icons/128.png differ
diff --git a/apps/extension/public/icons/16.png b/apps/extension/public/icons/16.png
index 2ae0e77..32dd6e6 100644
Binary files a/apps/extension/public/icons/16.png and b/apps/extension/public/icons/16.png differ
diff --git a/apps/extension/public/icons/32.png b/apps/extension/public/icons/32.png
index 4aa7e99..def29ab 100644
Binary files a/apps/extension/public/icons/32.png and b/apps/extension/public/icons/32.png differ
diff --git a/apps/extension/public/icons/48.png b/apps/extension/public/icons/48.png
index f945ba8..4e9ac82 100644
Binary files a/apps/extension/public/icons/48.png and b/apps/extension/public/icons/48.png differ
diff --git a/apps/extension/public/icons/logo.svg b/apps/extension/public/icons/logo.svg
new file mode 100644
index 0000000..86fe24f
--- /dev/null
+++ b/apps/extension/public/icons/logo.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none">
+  <title>Crossmark</title>
+  <rect width="512" height="512" fill="#fbc629"/>
+  <path fill="#000" d="M385.468089 126.646295 A179.755336 179.755336 0 1 0 240 412 L240 356 A123.755336 123.755336 0 1 1 304.531911 126.646295 Z"/>
+  <path fill="#000" d="M238 142 H452 V457.580645 L238 285 Z"/>
+  <path fill="#000" d="M252 334 L314 384 L252 434 Z" stroke="#000" stroke-width="28" stroke-linejoin="miter" stroke-linecap="butt"/>
+</svg>
diff --git a/apps/extension/src/popup/parts.tsx b/apps/extension/src/popup/parts.tsx
index 59754e6..1d98618 100644
--- a/apps/extension/src/popup/parts.tsx
+++ b/apps/extension/src/popup/parts.tsx
@@ -1,15 +1,10 @@
 import type { ReactNode } from 'react';
-import { BookmarkCheck } from 'lucide-react';
 import type { Activity } from '../../../../packages/model';
 import { cn } from '@/lib/utils';
 import { activityLines, relative, type Tone } from './shared';
 
 export function BrandMark() {
-  return (
-    <span className="chamfer grid size-7 place-items-center bg-primary text-primary-foreground [--chamfer:7px]">
-      <BookmarkCheck className="size-4" strokeWidth={2.2} />
-    </span>
-  );
+  return <img src="/icons/logo.svg" alt="" aria-hidden="true" className="size-7 shrink-0" />;
 }
 
 const tones: Record<Tone, string> = {