diff --git a/web/src/app/favicon.ico b/web/src/app/favicon.ico
index 718d6fe..4d83a80 100644
Binary files a/web/src/app/favicon.ico and b/web/src/app/favicon.ico differ
diff --git a/web/src/components/general/Logo.tsx b/web/src/components/general/Logo.tsx
new file mode 100644
index 0000000..90fd178
--- /dev/null
+++ b/web/src/components/general/Logo.tsx
@@ -0,0 +1,59 @@
+import styles from "./logo.module.scss";
+
+export const Logo = () => {
+  return (
+    <div className={styles.logo}>
+      <svg
+        viewBox="0 0 297 112"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-label="Chateau Neuf"
+      >
+        <path
+          d="M33.9112 44.59C31.0589 45.8953 27.7706 46.5461 24.0464 46.5461C20.6547 46.5461 17.5216 45.9877 14.6472 44.871C11.7727 43.7543 9.28252 42.1717 7.17287 40.1232C5.06321 38.0747 3.408 35.6231 2.21093 32.7648C1.01016 29.9102 0.411621 26.7635 0.411621 23.3283C0.411621 19.8932 1.02124 16.6244 2.24048 13.7661C3.45972 10.9115 5.14449 8.47846 7.29479 6.47062C9.44509 4.46278 11.9685 2.92085 14.8615 1.84483C17.7544 0.768804 20.8801 0.228943 24.2275 0.228943C27.331 0.228943 30.3791 0.779897 33.3755 1.87441C36.3718 2.97262 38.8029 4.57371 40.665 6.68509L33.4678 13.8882C32.474 12.5237 31.1734 11.5069 29.5589 10.845C27.9443 10.1831 26.2928 9.8503 24.5969 9.8503C22.7348 9.8503 21.0316 10.1905 19.4798 10.8746C17.928 11.5586 16.5943 12.4978 15.4785 13.6996C14.3627 14.9013 13.4944 16.3175 12.8737 17.9519C12.253 19.5863 11.9427 21.376 11.9427 23.3209C11.9427 25.2659 12.253 27.1295 12.8737 28.7861C13.4944 30.4427 14.3516 31.8589 15.4489 33.0384C16.5425 34.218 17.8579 35.1387 19.3874 35.8006C20.917 36.4625 22.5907 36.7953 24.4122 36.7953C26.5219 36.7953 28.3618 36.3811 29.932 35.5529C31.5023 34.7246 32.7658 33.6486 33.7154 32.3248L41.0973 39.2764C39.1539 41.5098 36.7561 43.281 33.9001 44.5863L33.9112 44.59Z"
+          fill="currentColor"
+        />
+        <path
+          d="M74.2939 45.3665V26.9891H57.1728V45.3665H46.5654V1.41223H57.1728V18.0518H74.2939V1.41223H84.9013V45.3665H74.2939Z"
+          fill="currentColor"
+        />
+        <path
+          d="M124.663 45.3665L121.253 36.7361H104.258L101.032 45.3665H89.4937L107.919 1.41223H118.216L136.453 45.3665H124.667H124.663ZM112.877 13.145L107.295 28.2315H118.334L112.877 13.145Z"
+          fill="currentColor"
+        />
+        <path
+          d="M156.112 10.4789V45.3702H145.505V10.4789H133.098V1.41589H168.519V10.4789H156.112Z"
+          fill="currentColor"
+        />
+        <path
+          d="M174.286 45.3665V1.41223H203.814V10.3532H184.52V18.673H202.757V27.1777H184.52V36.3035H204.93V45.3665H174.286Z"
+          fill="currentColor"
+        />
+        <path
+          d="M243.886 45.3665L240.476 36.7361H223.481L220.255 45.3665H208.717L227.142 1.41223H237.439L255.676 45.3665H243.89H243.886ZM232.1 13.145L226.518 28.2315H237.557L232.1 13.145Z"
+          fill="currentColor"
+        />
+        <path
+          d="M295.032 36.0225C294.141 38.1967 292.87 40.0567 291.215 41.6097C289.56 43.1627 287.565 44.3719 285.23 45.2408C282.891 46.1098 280.297 46.5461 277.445 46.5461C274.593 46.5461 271.944 46.1098 269.627 45.2408C267.311 44.3719 265.349 43.1627 263.734 41.6097C262.12 40.0567 260.882 38.1967 260.014 36.0225C259.145 33.8483 258.709 31.4374 258.709 28.7898V1.41223H269.254V27.9209C269.254 29.1226 269.409 30.2615 269.72 31.3338C270.03 32.4099 270.503 33.3713 271.146 34.2217C271.785 35.0722 272.635 35.7415 273.688 36.2407C274.741 36.7398 276.015 36.9839 277.504 36.9839C278.993 36.9839 280.264 36.7362 281.321 36.2407C282.378 35.7452 283.235 35.0722 283.896 34.2217C284.557 33.375 285.034 32.4136 285.322 31.3338C285.61 30.2578 285.758 29.1189 285.758 27.9209V1.41223H296.366V28.7898C296.366 31.4374 295.922 33.8483 295.032 36.0225Z"
+          fill="currentColor"
+        />
+        <path
+          d="M30.3751 110.076L12.6961 81.3301H12.5114L12.759 110.076H2.46191V66.1216H14.5583L32.1744 94.8045H32.3592L32.1116 66.1216H42.4087V110.076H30.3751Z"
+          fill="currentColor"
+        />
+        <path
+          d="M52.3955 110.076V66.1216H81.9233V75.0626H62.6297V83.3823H80.8666V91.887H62.6297V101.013H83.0391V110.076H52.3955Z"
+          fill="currentColor"
+        />
+        <path
+          d="M126.865 100.732C125.975 102.906 124.704 104.766 123.049 106.319C121.393 107.872 119.398 109.081 117.063 109.95C114.725 110.819 112.131 111.255 109.279 111.255C106.426 111.255 103.777 110.819 101.461 109.95C99.1442 109.081 97.1823 107.872 95.5677 106.319C93.9531 104.766 92.7154 102.906 91.8472 100.732C90.9789 98.5576 90.543 96.1467 90.543 93.4992V66.1216H101.088V92.6302C101.088 93.832 101.243 94.9709 101.553 96.0432C101.863 97.1192 102.336 98.0806 102.979 98.9311C103.618 99.7816 104.468 100.451 105.521 100.95C106.574 101.449 107.849 101.693 109.338 101.693C110.827 101.693 112.098 101.446 113.154 100.95C114.211 100.455 115.068 99.7816 115.73 98.9311C116.391 98.0843 116.867 97.1229 117.156 96.0432C117.444 94.9672 117.592 93.8283 117.592 92.6302V66.1216H128.199V93.4992C128.199 96.1467 127.756 98.5576 126.865 100.732Z"
+          fill="currentColor"
+        />
+        <path
+          d="M148.172 75.1883V84.2513H165.168V93.0037H148.172V110.076H137.69V66.1216H166.598V75.1846H148.172V75.1883Z"
+          fill="currentColor"
+        />
+      </svg>
+    </div>
+  );
+};
diff --git a/web/src/components/general/logo.module.scss b/web/src/components/general/logo.module.scss
new file mode 100644
index 0000000..c14f6aa
--- /dev/null
+++ b/web/src/components/general/logo.module.scss
@@ -0,0 +1,8 @@
+.logo {
+  color: currentColor;
+  width: 24rem;
+
+  svg {
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/web/src/components/layout/Header.tsx b/web/src/components/layout/Header.tsx
index a49c2cc..f1fba88 100644
--- a/web/src/components/layout/Header.tsx
+++ b/web/src/components/layout/Header.tsx
@@ -2,6 +2,7 @@
 import { useState } from "react";
 import Link from "next/link";
 import styles from "./header.module.scss";
+import { Logo } from "../general/Logo";
 
 export const Header = () => {
   const [showMenu, setShowMenu] = useState(false);
@@ -12,7 +13,7 @@ export const Header = () => {
   return (
     <header className={styles.header}>
       <Link href="/" aria-label="Hjem">
-        <h1 className={styles.logo}>Chateau Neuf</h1>
+        <Logo />
       </Link>
       <nav className={styles.siteMenu} data-show={showMenu}>
         <ul>