diff --git a/frontend/public/assets/geocam-logo-dark.png b/frontend/public/assets/geocam-logo-dark.png
new file mode 100644
index 0000000..ca63937
Binary files /dev/null and b/frontend/public/assets/geocam-logo-dark.png differ
diff --git a/frontend/public/assets/geocam-logo-icon.png b/frontend/public/assets/geocam-logo-icon.png
new file mode 100644
index 0000000..2e3805f
Binary files /dev/null and b/frontend/public/assets/geocam-logo-icon.png differ
diff --git a/frontend/public/assets/geocam-logo-light.png b/frontend/public/assets/geocam-logo-light.png
new file mode 100644
index 0000000..d5a5ddd
Binary files /dev/null and b/frontend/public/assets/geocam-logo-light.png differ
diff --git a/frontend/public/assets/geocam-logo.svg b/frontend/public/assets/geocam-logo.svg
new file mode 100644
index 0000000..ad14be5
--- /dev/null
+++ b/frontend/public/assets/geocam-logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/src/components/HeadBar.tsx b/frontend/src/components/HeadBar.tsx
index 5c511fb..0f73b1a 100644
--- a/frontend/src/components/HeadBar.tsx
+++ b/frontend/src/components/HeadBar.tsx
@@ -2,11 +2,9 @@ import { useContext, useState } from "react";
import Grid from "@mui/material/Grid";
import AppBar from "@mui/material/AppBar";
import Toolbar from "@mui/material/Toolbar";
-import Typography from "@mui/material/Typography";
import IconButton from "@mui/material/IconButton";
-import VideoCameraBackIcon from "@mui/icons-material/VideoCameraBack";
import AccountCircleIcon from "@mui/icons-material/AccountCircle";
-import CloudDownloadIcon from "@mui/icons-material/CloudDownload";
+import CloudUploadIcon from "@mui/icons-material/CloudUpload";
import ImportModale from "./importModale";
import { Link } from "react-router-dom";
import { Button, capitalize, Menu, MenuItem } from "@mui/material";
@@ -50,23 +48,15 @@ const HeadBar = () => {
justifyContent="flex-start"
alignItems="center"
>
-
-
-
-
-
- GeoCam
-
-
-
+
+
+
+
+
{
justifyContent="flex-end"
alignItems="center"
>
-
-