diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..a90dde5
Binary files /dev/null and b/.DS_Store differ
diff --git a/01-frontend/index.html b/01-frontend/index.html
index 53da1fc..88eb1a0 100644
--- a/01-frontend/index.html
+++ b/01-frontend/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Digitaler Produktionsshop</title>
   </head>
diff --git a/01-frontend/public/favicon.png b/01-frontend/public/favicon.png
new file mode 100755
index 0000000..b55e9df
Binary files /dev/null and b/01-frontend/public/favicon.png differ
diff --git a/01-frontend/src/assets/logo/Blume-logo.png b/01-frontend/src/assets/logo/Blume-logo.png
new file mode 100644
index 0000000..87a8c52
Binary files /dev/null and b/01-frontend/src/assets/logo/Blume-logo.png differ
diff --git a/01-frontend/src/helper/navbar/NavBar.tsx b/01-frontend/src/helper/navbar/NavBar.tsx
index fe6b0c8..2054fd0 100644
--- a/01-frontend/src/helper/navbar/NavBar.tsx
+++ b/01-frontend/src/helper/navbar/NavBar.tsx
@@ -22,6 +22,8 @@ import { fetchItemList } from '../query/Queries';
 import LoginDialog from './LoginDialog';
 import './NavBar.css';
 import { useBasket } from '../BasketProvider';
+import logo from '../../assets/logo/Blume-logo.png';
+
 
 export default function NavBar() {
     const { t } = useTranslation();
@@ -147,22 +149,29 @@ export default function NavBar() {
                     }}
                 >
                     <Box sx={{ display: "flex", alignItems: "center", minWidth: "0px" }}>
-                        <Typography
-                            variant="h6"
-                            noWrap
-                            component="a"
-                            href="/"
-                            sx={{
-                                fontFamily: "monospace",
-                                fontWeight: 700,
-                                letterSpacing: ".3rem",
-                                color: "white",
-                                textDecoration: "none",
-                                ml: 1,
-                            }}
-                        >
-                            Digitaler Produktionsshop
-                        </Typography>
+                        <Box sx={{ display: 'flex', alignItems: 'center' }}>
+                            <img
+                                src={logo}
+                                alt="DPShop Logo"
+                                style={{ height: '40px', marginRight: '12px' }}
+                            />
+                            <Typography
+                                variant="h6"
+                                noWrap
+                                component="a"
+                                href="/"
+                                sx={{
+                                    fontFamily: "monospace",
+                                    fontWeight: 700,
+                                    letterSpacing: ".3rem",
+                                    color: "white",
+                                    textDecoration: "none",
+                                }}
+                            >
+                                Digitaler Produktionsshop
+                            </Typography>
+                        </Box>
+
                     </Box>
 
                     <Box sx={{ flexGrow: 1, display: "flex", justifyContent: "center", px: 3 }}>
