diff --git a/web/src/icons/Close.jsx b/web/src/icons/Close.jsx
new file mode 100644
index 000000000..d40105c0c
--- /dev/null
+++ b/web/src/icons/Close.jsx
@@ -0,0 +1,13 @@
+import { h } from 'preact';
+import { memo } from 'preact/compat';
+
+export function Close({ className = '' }) {
+  return (
+    <svg className={`fill-current ${className}`} viewBox="0 0 24 24">
+      <path d="M0 0h24v24H0z" fill="none" />
+      <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
+    </svg>
+  );
+}
+
+export default memo(Close);
diff --git a/web/src/routes/Event.jsx b/web/src/routes/Event.jsx
index cfa0e3bf4..06025d75e 100644
--- a/web/src/routes/Event.jsx
+++ b/web/src/routes/Event.jsx
@@ -3,7 +3,7 @@ import { useCallback, useState, useEffect } from 'preact/hooks';
 import ActivityIndicator from '../components/ActivityIndicator';
 import Button from '../components/Button';
 import Clip from '../icons/Clip';
-import Menu from '../icons/Menu';
+import Close from '../icons/Close';
 import Delete from '../icons/Delete';
 import Snapshot from '../icons/Snapshot';
 import Dialog from '../components/Dialog';
@@ -70,7 +70,7 @@ export default function Event({ eventId, close, scrollRef }) {
             <Delete className="w-6" /> Delete event
           </Button>
           <Button color="gray" className="self-start" onClick={() => close()}>
-            <Menu className="w-6" /> Close
+            <Close className="w-6" /> Close
           </Button>
         </div>
         {showDialog ? (