diff --git a/web/src/components/HarnessLogo/HarnessLogo.module.scss b/web/src/components/HarnessLogo/HarnessLogo.module.scss
new file mode 100644
index 000000000..01d75ea42
--- /dev/null
+++ b/web/src/components/HarnessLogo/HarnessLogo.module.scss
@@ -0,0 +1,37 @@
+/*
+ * Copyright 2023 Harness, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ .main {
+ margin: var(--spacing-large) var(--spacing-large) 0 !important;
+ padding-bottom: 6px !important;
+
+ > a {
+ display: block;
+ }
+
+ .layout {
+ display: inline-flex !important;
+ align-items: center !important;
+ }
+
+ .text {
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 600;
+ color: var(--black);
+ }
+ }
+
\ No newline at end of file
diff --git a/web/src/components/HarnessLogo/HarnessLogo.module.scss.d.ts b/web/src/components/HarnessLogo/HarnessLogo.module.scss.d.ts
new file mode 100644
index 000000000..6f2e90f08
--- /dev/null
+++ b/web/src/components/HarnessLogo/HarnessLogo.module.scss.d.ts
@@ -0,0 +1,21 @@
+/*
+ * Copyright 2023 Harness, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* eslint-disable */
+// This is an auto-generated file
+export declare const layout: string
+export declare const main: string
+export declare const text: string
diff --git a/web/src/components/HarnessLogo/HarnessLogo.tsx b/web/src/components/HarnessLogo/HarnessLogo.tsx
new file mode 100644
index 000000000..f1e735430
--- /dev/null
+++ b/web/src/components/HarnessLogo/HarnessLogo.tsx
@@ -0,0 +1,36 @@
+/*
+ * Copyright 2024 Harness, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react'
+import { Container, Layout } from '@harnessio/uicore'
+import { Link } from 'react-router-dom'
+import { useAppContext } from 'AppContext'
+import harness from './harness.svg?url'
+import css from './HarnessLogo.module.scss'
+
+export const HarnessLogo: React.FC = () => {
+ const { routes } = useAppContext()
+
+ return (
+
+