diff --git a/web/src/routes/Logs.jsx b/web/src/routes/Logs.jsx
index 94c226b5a..a54472630 100644
--- a/web/src/routes/Logs.jsx
+++ b/web/src/routes/Logs.jsx
@@ -1,6 +1,6 @@
 import { h } from 'preact';
 import Heading from '../components/Heading';
-import { useEffect, useState } from 'preact/hooks';
+import { useCallback, useEffect, useState } from 'preact/hooks';
 import ButtonsTabbed from '../components/ButtonsTabbed';
 import useSWR from 'swr';
 import Button from '../components/Button';
@@ -13,6 +13,13 @@ export default function Logs() {
   const { data: go2rtcLogs } = useSWR('logs/go2rtc');
   const { data: nginxLogs } = useSWR('logs/nginx');
 
+  const handleCopyLogs = useCallback(() => {
+    async function copy() {
+      await window.navigator.clipboard.writeText(JSON.stringify(logs, null, 2));
+    }
+    copy();
+  }, [logs]);
+
   useEffect(() => {
     switch (logService) {
       case 'frigate':
@@ -36,7 +43,7 @@ export default function Logs() {
       <div className='overflow-auto font-mono text-sm text-gray-900 dark:text-gray-100 rounded bg-gray-100 dark:bg-gray-800 p-2 whitespace-pre-wrap'>
         {logs}
       </div>
-      <Button className="">
+      <Button className="" onClick={handleCopyLogs}>
         Copy to Clipboard
       </Button>
     </div>