diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index e24486b44..64d424717 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -23,6 +23,7 @@ import {
 	ContextMenuItem,
 	ContextMenuTrigger,
 } from "./ui/context-menu";
+import { toast } from "sonner";
 
 export function Header() {
 	const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -66,9 +67,17 @@ export function Header() {
 						<ContextMenuContent>
 							<ContextMenuItem
 								onClick={async () => {
-									const res = await fetch(DEFAULT_LOGO_URL);
-									const svg = await res.text();
-									await navigator.clipboard.writeText(svg);
+									try {
+										const response = await fetch(DEFAULT_LOGO_URL);
+										if (!response.ok) {
+											throw new Error(`Failed to fetch SVG: ${response.status}`);
+										}
+										const svg = await response.text();
+										await navigator.clipboard.writeText(svg);
+										toast.success("SVG copied to clipboard");
+									} catch {
+										toast.error("Failed to copy SVG to clipboard");
+									}
 								}}
 							>
 								<HugeiconsIcon icon={Copy01Icon} />