diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-n.png b/frontend/__snapshots__/lemon-ui-icons--shelf-n.png
index f8c31c3cf2ee5..06e1bb5ea7682 100644
Binary files a/frontend/__snapshots__/lemon-ui-icons--shelf-n.png and b/frontend/__snapshots__/lemon-ui-icons--shelf-n.png differ
diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-v.png b/frontend/__snapshots__/lemon-ui-icons--shelf-v.png
index cc1e5aad7a235..4e03fd97ac7bc 100644
Binary files a/frontend/__snapshots__/lemon-ui-icons--shelf-v.png and b/frontend/__snapshots__/lemon-ui-icons--shelf-v.png differ
diff --git a/frontend/__snapshots__/posthog-3000-navigation--dark-mode.png b/frontend/__snapshots__/posthog-3000-navigation--dark-mode.png
index 794b9ae81baa6..6c6f7e40384f0 100644
Binary files a/frontend/__snapshots__/posthog-3000-navigation--dark-mode.png and b/frontend/__snapshots__/posthog-3000-navigation--dark-mode.png differ
diff --git a/frontend/__snapshots__/posthog-3000-navigation--light-mode.png b/frontend/__snapshots__/posthog-3000-navigation--light-mode.png
index ba56f03c141b1..a8594d3e6cf1d 100644
Binary files a/frontend/__snapshots__/posthog-3000-navigation--light-mode.png and b/frontend/__snapshots__/posthog-3000-navigation--light-mode.png differ
diff --git a/frontend/__snapshots__/scenes-other-signup--cloud.png b/frontend/__snapshots__/scenes-other-signup--cloud.png
index 94cc8f265f36e..72b39350bb235 100644
Binary files a/frontend/__snapshots__/scenes-other-signup--cloud.png and b/frontend/__snapshots__/scenes-other-signup--cloud.png differ
diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted-sso.png b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso.png
index cca2dd52e6a64..c180077e98982 100644
Binary files a/frontend/__snapshots__/scenes-other-signup--self-hosted-sso.png and b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso.png differ
diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted.png b/frontend/__snapshots__/scenes-other-signup--self-hosted.png
index 4c63ed6f1ef23..f9096aa33a0cf 100644
Binary files a/frontend/__snapshots__/scenes-other-signup--self-hosted.png and b/frontend/__snapshots__/scenes-other-signup--self-hosted.png differ
diff --git a/frontend/src/layout/navigation-3000/components/Navbar.tsx b/frontend/src/layout/navigation-3000/components/Navbar.tsx
index c2921515bfbd8..874f7edba17ef 100644
--- a/frontend/src/layout/navigation-3000/components/Navbar.tsx
+++ b/frontend/src/layout/navigation-3000/components/Navbar.tsx
@@ -1,7 +1,7 @@
 import { LemonBadge } from '@posthog/lemon-ui'
 import { useActions, useValues } from 'kea'
 import { HelpButton } from 'lib/components/HelpButton/HelpButton'
-import { IconDarkMode, IconHelpOutline, IconLightMode, IconSettings, IconSync } from 'lib/lemon-ui/icons'
+import { IconQuestion, IconGear, IconDay, IconNight, IconAsterisk } from '@posthog/icons'
 import { Popover } from 'lib/lemon-ui/Popover'
 import { ProfilePicture } from 'lib/lemon-ui/ProfilePicture'
 import { Scene } from 'scenes/sceneTypes'
@@ -24,7 +24,7 @@ export function Navbar(): JSX.Element {
         useValues(themeLogic)
     const { toggleTheme } = useActions(themeLogic)
 
-    const activeThemeIcon = isDarkModeOn ? <IconDarkMode /> : <IconLightMode />
+    const activeThemeIcon = isDarkModeOn ? <IconNight /> : <IconDay />
 
     return (
         <nav className="Navbar3000">
@@ -63,7 +63,7 @@ export function Navbar(): JSX.Element {
                                 isThemeSyncedWithSystem ? (
                                     <div className="relative">
                                         {activeThemeIcon}
-                                        <LemonBadge size="small" position="top-right" content={<IconSync />} />
+                                        <LemonBadge size="small" position="top-right" content={<IconAsterisk />} />
                                     </div>
                                 ) : (
                                     activeThemeIcon
@@ -84,16 +84,12 @@ export function Navbar(): JSX.Element {
                         />
                         <HelpButton
                             customComponent={
-                                <NavbarButton
-                                    icon={<IconHelpOutline />}
-                                    identifier="help-button"
-                                    title="Need any help?"
-                                />
+                                <NavbarButton icon={<IconQuestion />} identifier="help-button" title="Need any help?" />
                             }
                             placement="right-end"
                         />
                         <NavbarButton
-                            icon={<IconSettings />}
+                            icon={<IconGear />}
                             identifier={Scene.ProjectSettings}
                             to={urls.projectSettings()}
                         />
diff --git a/frontend/src/layout/navigation-3000/navbarItems.tsx b/frontend/src/layout/navigation-3000/navbarItems.tsx
index 67b8aae9e744f..c73e3094cc4b8 100644
--- a/frontend/src/layout/navigation-3000/navbarItems.tsx
+++ b/frontend/src/layout/navigation-3000/navbarItems.tsx
@@ -1,18 +1,18 @@
 import {
+    IconHome,
+    IconDashboard,
+    IconDatabase,
     IconApps,
-    IconBarChart,
-    IconCohort,
-    IconComment,
-    IconCottage,
-    IconExperiment,
-    IconFlag,
-    IconGauge,
-    IconLive,
     IconPerson,
-    IconRecording,
-    IconTools,
-    IconUnverifiedEvent,
-} from 'lib/lemon-ui/icons'
+    IconQuestion,
+    IconPeople,
+    IconTestTube,
+    IconToggle,
+    IconRewindPlay,
+    IconGraph,
+    IconToolbar,
+    IconLive,
+} from '@posthog/icons'
 import { Scene } from 'scenes/sceneTypes'
 import { urls } from 'scenes/urls'
 import { NavbarItem } from './types'
@@ -32,19 +32,19 @@ export const NAVBAR_ITEMS: NavbarItem[][] = [
         {
             identifier: Scene.ProjectHomepage,
             label: 'Project homepage',
-            icon: <IconCottage />,
+            icon: <IconHome />,
             to: urls.projectHomepage(),
         },
         {
             identifier: Scene.Dashboards,
             label: 'Dashboards',
-            icon: <IconGauge />,
+            icon: <IconDashboard />,
             logic: dashboardsSidebarLogic,
         },
         {
             identifier: Scene.DataManagement,
             label: 'Data management',
-            icon: <IconUnverifiedEvent />,
+            icon: <IconDatabase />,
             logic: dataManagementSidebarLogic,
         },
         {
@@ -56,13 +56,13 @@ export const NAVBAR_ITEMS: NavbarItem[][] = [
         {
             identifier: Scene.Cohorts,
             label: 'Cohorts',
-            icon: <IconCohort />,
+            icon: <IconPeople />,
             logic: cohortsSidebarLogic,
         },
         {
             identifier: Scene.Annotations,
             label: 'Annotations',
-            icon: <IconComment />,
+            icon: <IconQuestion />, // TODO: Should be bubble
             logic: annotationsSidebarLogic,
         },
     ],
@@ -75,30 +75,30 @@ export const NAVBAR_ITEMS: NavbarItem[][] = [
         {
             identifier: Scene.SavedInsights,
             label: 'Product Analytics',
-            icon: <IconBarChart />,
+            icon: <IconGraph />,
             logic: insightsSidebarLogic,
         },
         {
             identifier: Scene.Replay,
             label: 'Session Replay',
-            icon: <IconRecording />,
+            icon: <IconRewindPlay />,
         },
         {
             identifier: Scene.FeatureFlags,
             label: 'Feature Flags',
-            icon: <IconFlag />,
+            icon: <IconToggle />,
             logic: featureFlagsSidebarLogic,
         },
         {
             identifier: Scene.Experiments,
             label: 'A/B Testing',
-            icon: <IconExperiment />,
+            icon: <IconTestTube />,
             logic: experimentsSidebarLogic,
         },
         {
             identifier: Scene.ToolbarLaunch,
             label: 'Toolbar',
-            icon: <IconTools />,
+            icon: <IconToolbar />,
             logic: toolbarSidebarLogic,
         },
     ],
diff --git a/frontend/src/layout/navigation-3000/types.ts b/frontend/src/layout/navigation-3000/types.ts
index 4e336870dbea8..4630087462f2d 100644
--- a/frontend/src/layout/navigation-3000/types.ts
+++ b/frontend/src/layout/navigation-3000/types.ts
@@ -35,7 +35,6 @@ export interface SidebarNavbarItem extends NavbarItemBase {
     logic: LogicWrapper<SidebarLogic>
 }
 /** A navbar item either points to a sidebar (via a sidebar logic) or directly to a scene (via a URL). */
-// TODO: Remove NavbarItemBase from NavbarItem once all 3000 navbar items are interactive
 export type NavbarItem = NavbarItemBase | SceneNavbarItem | SidebarNavbarItem
 
 export type ListItemSaveHandler = (newName: string) => Promise<void>
diff --git a/frontend/src/lib/lemon-ui/Spinner/Spinner.scss b/frontend/src/lib/lemon-ui/Spinner/Spinner.scss
index 6a3eb6a100c33..2e817a93317e0 100644
--- a/frontend/src/lib/lemon-ui/Spinner/Spinner.scss
+++ b/frontend/src/lib/lemon-ui/Spinner/Spinner.scss
@@ -24,9 +24,9 @@
         opacity: 0.333;
     }
     &:nth-child(2) {
-        animation: spin 1.5s infinite linear;
+        animation: spin 1s infinite linear;
         > circle {
-            animation: writhe 2.25s infinite ease both;
+            animation: writhe 1.5s infinite ease both;
         }
     }
 }
diff --git a/frontend/src/lib/lemon-ui/icons/icons.scss b/frontend/src/lib/lemon-ui/icons/icons.scss
index 7f0827fbc333f..2615626e1d155 100644
--- a/frontend/src/lib/lemon-ui/icons/icons.scss
+++ b/frontend/src/lib/lemon-ui/icons/icons.scss
@@ -1,4 +1,5 @@
 .LemonIcon {
     display: inline-block;
     vertical-align: -0.15em; // -0.15em ensures vertical centering in inline contexts
+    width: 1em;
 }
diff --git a/frontend/src/lib/lemon-ui/icons/icons.tsx b/frontend/src/lib/lemon-ui/icons/icons.tsx
index b90b81c10bbfa..470d9460fd1f7 100644
--- a/frontend/src/lib/lemon-ui/icons/icons.tsx
+++ b/frontend/src/lib/lemon-ui/icons/icons.tsx
@@ -2466,11 +2466,8 @@ export function IconNotebook(props: LemonIconProps): JSX.Element {
     return (
         <LemonIconBase {...props}>
             <path
-                d="M8.75 3.25H5.25C4.69772 3.25 4.25 3.69772 4.25 4.25V19.75C4.25 20.3023 4.69772 20.75 5.25 20.75H8.75M8.75 3.25H18.75C19.3023 3.25 19.75 3.69772 19.75 4.25V19.75C19.75 20.3023 19.3023 20.75 18.75 20.75H8.75M8.75 3.25V20.75M12.75 7.75H15.75M12.75 11.75H15.75"
-                stroke="currentColor"
-                strokeWidth="1.5"
-                strokeLinecap="round"
-                strokeLinejoin="round"
+                d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 4h2v5l-1-.75L9 9V4zm9 16H6V4h1v9l3-2.25L13 13V4h5v16z"
+                fill="currentColor"
             />
         </LemonIconBase>
     )
diff --git a/package.json b/package.json
index 5501ecdd289a5..8a777546381d8 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
         "@medv/finder": "^2.1.0",
         "@microlink/react-json-view": "^1.21.3",
         "@monaco-editor/react": "4.4.6",
+        "@posthog/icons": "^0.1.3",
         "@posthog/plugin-scaffold": "^1.3.2",
         "@react-hook/size": "^2.1.2",
         "@rrweb/types": "^2.0.0-alpha.11",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 115bf7e674575..dee4c20d223e9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.0'
+lockfileVersion: '6.1'
 
 settings:
   autoInstallPeers: true
@@ -35,6 +35,9 @@ dependencies:
   '@monaco-editor/react':
     specifier: 4.4.6
     version: 4.4.6(monaco-editor@0.39.0)(react-dom@16.14.0)(react@16.14.0)
+  '@posthog/icons':
+    specifier: ^0.1.3
+    version: 0.1.3(react-dom@16.14.0)(react@16.14.0)
   '@posthog/plugin-scaffold':
     specifier: ^1.3.2
     version: 1.3.4
@@ -3329,6 +3332,16 @@ packages:
     resolution: {integrity: sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==}
     dev: false
 
+  /@posthog/icons@0.1.3(react-dom@16.14.0)(react@16.14.0):
+    resolution: {integrity: sha512-BamQJ50hD8AFqIyO76SYimvrQ38dv23llqg4vFA3ovxVAkr+NAdBlxWqndvl3VKNEJZ2se1uLERoTojXMNL07Q==}
+    peerDependencies:
+      react: ^18.2.0
+      react-dom: ^18.2.0
+    dependencies:
+      react: 16.14.0
+      react-dom: 16.14.0(react@16.14.0)
+    dev: false
+
   /@posthog/plugin-scaffold@1.3.4:
     resolution: {integrity: sha512-69AC7GA3sU/z5X6SVlH7mgj+0XgolvOp9IUtvRNA4CXF/OglFM81SXbTkURxL9VBSNfdAZxRp+8x+h4rmyj4dw==}
     dependencies: