diff --git a/frontend/public/pyspur-logo.svg b/frontend/public/pyspur-logo.svg
new file mode 100644
index 00000000..8f4ca211
--- /dev/null
+++ b/frontend/public/pyspur-logo.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  class="w-auto h-[40px]"
+>
+  <rect width="7" height="7" x="14" y="14" rx="1"></rect>
+  <path
+    d="M10 3V16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H3"
+  ></path>
+</svg>
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 668087b1..3169388e 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -25,13 +25,12 @@ import { useSaveWorkflow } from '../hooks/useSaveWorkflow'
 import { useWorkflowExecution } from '../hooks/useWorkflowExecution'
 import { setProjectName } from '../store/flowSlice'
 import { AlertState } from '../types/alert'
-import { getWorkflow, getRunStatus } from '../utils/api'
+import { getRunStatus, getWorkflow } from '../utils/api'
+import { handleDownloadImage } from './canvas/FlowCanvas'
 import DeployModal from './modals/DeployModal'
 import HelpModal from './modals/HelpModal'
 import RunModal from './modals/RunModal'
 import SettingsCard from './modals/SettingsModal'
-import { RunResponse } from '../types/api_types/runSchemas'
-import { handleDownloadImage } from './canvas/FlowCanvas'
 
 interface HeaderProps {
     activePage: 'dashboard' | 'workflow' | 'evals' | 'trace' | 'rag'
@@ -184,7 +183,7 @@ const Header: React.FC<HeaderProps> = ({ activePage, associatedWorkflowId, runId
                 end_time: runData.end_time,
                 initial_inputs: runData.initial_inputs,
                 outputs: runData.outputs,
-                tasks: runData.tasks.map(task => ({
+                tasks: runData.tasks.map((task) => ({
                     id: task.id,
                     node_id: task.node_id,
                     status: task.status,
@@ -192,8 +191,8 @@ const Header: React.FC<HeaderProps> = ({ activePage, associatedWorkflowId, runId
                     outputs: task.outputs,
                     error: task.error,
                     start_time: task.start_time,
-                    end_time: task.end_time
-                }))
+                    end_time: task.end_time,
+                })),
             }
 
             const blob = new Blob([JSON.stringify(traceData, null, 2)], {
@@ -249,10 +248,16 @@ const Header: React.FC<HeaderProps> = ({ activePage, associatedWorkflowId, runId
             >
                 <NavbarBrand className="h-full max-w-fit">
                     {activePage === 'dashboard' ? (
-                        <p className="font-bold text-lg text-default-900 cursor-pointer">PySpur</p>
+                        <div className="flex items-center gap-2 cursor-pointer">
+                            <img src="/pyspur-logo.svg" alt="PySpur Logo" className="h-6 w-6 dark:invert" />
+                            <p className="font-bold text-lg text-default-900">PySpur</p>
+                        </div>
                     ) : (
                         <Link href="/" className="cursor-pointer">
-                            <p className="font-bold text-default-900">PySpur</p>
+                            <div className="flex items-center gap-2">
+                                <img src="/pyspur-logo.svg" alt="PySpur Logo" className="h-6 w-6 dark:invert" />
+                                <p className="font-bold text-default-900">PySpur</p>
+                            </div>
                         </Link>
                     )}
                 </NavbarBrand>
@@ -414,14 +419,26 @@ const Header: React.FC<HeaderProps> = ({ activePage, associatedWorkflowId, runId
                                     <DropdownItem
                                         key="download-json-workflow"
                                         onPress={handleDownloadWorkflow}
-                                        startContent={<Icon className="text-foreground/60" icon="solar:document-text-linear" width={20} />}
+                                        startContent={
+                                            <Icon
+                                                className="text-foreground/60"
+                                                icon="solar:document-text-linear"
+                                                width={20}
+                                            />
+                                        }
                                     >
                                         Download JSON
                                     </DropdownItem>
                                     <DropdownItem
                                         key="download-image-workflow"
                                         onPress={handleDownloadImage}
-                                        startContent={<Icon className="text-foreground/60" icon="solar:gallery-linear" width={20} />}
+                                        startContent={
+                                            <Icon
+                                                className="text-foreground/60"
+                                                icon="solar:gallery-linear"
+                                                width={20}
+                                            />
+                                        }
                                     >
                                         Download Image
                                     </DropdownItem>
@@ -451,14 +468,26 @@ const Header: React.FC<HeaderProps> = ({ activePage, associatedWorkflowId, runId
                                     <DropdownItem
                                         key="download-json-trace"
                                         onPress={handleDownloadTrace}
-                                        startContent={<Icon className="text-foreground/60" icon="solar:document-text-linear" width={20} />}
+                                        startContent={
+                                            <Icon
+                                                className="text-foreground/60"
+                                                icon="solar:document-text-linear"
+                                                width={20}
+                                            />
+                                        }
                                     >
                                         Download JSON
                                     </DropdownItem>
                                     <DropdownItem
                                         key="download-image-trace"
                                         onPress={handleDownloadImage}
-                                        startContent={<Icon className="text-foreground/60" icon="solar:gallery-linear" width={20} />}
+                                        startContent={
+                                            <Icon
+                                                className="text-foreground/60"
+                                                icon="solar:gallery-linear"
+                                                width={20}
+                                            />
+                                        }
                                     >
                                         Download Image
                                     </DropdownItem>
diff --git a/frontend/src/pages/_app.tsx b/frontend/src/pages/_app.tsx
index d9cae925..021b416c 100644
--- a/frontend/src/pages/_app.tsx
+++ b/frontend/src/pages/_app.tsx
@@ -1,14 +1,18 @@
-import React from 'react'
-import { Provider } from 'react-redux'
 import { HeroUIProvider } from '@heroui/react'
+import { ThemeProvider as NextThemesProvider } from 'next-themes'
 import { AppProps } from 'next/app'
+import Head from 'next/head'
+import React from 'react'
+import { Provider } from 'react-redux'
 import store from '../store/store'
 import '../styles/globals.css'
-import { ThemeProvider as NextThemesProvider } from 'next-themes'
 
 const MyApp: React.FC<AppProps> = ({ Component, pageProps }) => {
     return (
         <Provider store={store}>
+            <Head>
+                <link rel="icon" type="image/svg+xml" href="/pyspur-logo.svg" />
+            </Head>
             <HeroUIProvider>
                 <NextThemesProvider attribute="class" defaultTheme="light">
                     <Component {...pageProps} />