diff --git a/apps/hub/public/icon-white.svg b/apps/hub/public/icon-white.svg
new file mode 100644
index 00000000..05c47258
--- /dev/null
+++ b/apps/hub/public/icon-white.svg
@@ -0,0 +1,4 @@
+<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="3" width="62" height="62" rx="17.55" stroke="white" stroke-width="6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.9979 19.7671C28.9979 19.3436 28.6541 19 28.2308 19H22.4809C20.5597 19 19 20.5597 19 22.4807V45.5125C19 47.4336 20.5597 48.9935 22.4809 48.9935H28.2308C28.6541 48.9935 28.9979 48.6496 28.9979 48.2263V19.7671ZM45.6293 38.7439C44.7861 37.231 42.8732 36.0028 41.3604 36.0028H32.5577C32.0922 36.0028 31.9249 36.3807 32.1843 36.8462L37.4298 46.2586C38.273 47.7717 40.1858 49 41.6987 49H50.5012C50.9667 49 51.1342 48.6221 50.8745 48.1563L45.6293 38.7439ZM45.9963 25.9983C45.9963 22.1359 42.8604 19 38.9977 19H32.8227C32.3682 19 31.9994 19.3688 31.9994 19.8233V32.1734C31.9994 32.6278 32.3682 32.9969 32.8227 32.9969H38.9977C42.8604 32.9969 45.9963 29.861 45.9963 25.9983Z" fill="white"/>
+</svg>
diff --git a/apps/hub/src/components/header/header.tsx b/apps/hub/src/components/header/header.tsx
index fd3b566d..48bd38cf 100644
--- a/apps/hub/src/components/header/header.tsx
+++ b/apps/hub/src/components/header/header.tsx
@@ -62,7 +62,7 @@ export function Header() {
                     >
                       <AssetImage
                         className="h-6"
-                        src="/logo/cream.svg"
+                        src="/logo/icon-white.svg"
                         alt="Rivet logo"
                       />
                     </Link>
@@ -96,9 +96,9 @@ export function Header() {
           <nav className="flex-1 font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6">
             <Link to="/">
               <AssetImage
-                className="h-6"
+                className="h-8"
                 alt="Rivet Logo"
-                src="/logo/cream.svg"
+                src="/logo/icon-white.svg"
               />
             </Link>
             <div className="hidden md:flex">
diff --git a/packages/components/src/fullscreen-loading.tsx b/packages/components/src/fullscreen-loading.tsx
index 80eec735..e75057d7 100644
--- a/packages/components/src/fullscreen-loading.tsx
+++ b/packages/components/src/fullscreen-loading.tsx
@@ -3,7 +3,7 @@ import { AssetImage } from "./asset-image";
 export function FullscreenLoading() {
   return (
     <div className="min-h-screen flex items-center justify-center">
-      <AssetImage className="animate-pulse" src="/logo/cream.svg" />
+      <AssetImage className="animate-pulse h-10" src="/logo/icon-white.svg" />
     </div>
   );
 }