diff --git a/apps/recorder/public/assets/favicon.ico b/apps/recorder/public/assets/favicon.ico
deleted file mode 100644
index a314325..0000000
Binary files a/apps/recorder/public/assets/favicon.ico and /dev/null differ
diff --git a/apps/recorder/public/assets/favicon.ico b/apps/recorder/public/assets/favicon.ico
new file mode 120000
index 0000000..94c6ee0
--- /dev/null
+++ b/apps/recorder/public/assets/favicon.ico
@@ -0,0 +1 @@
+../../../../assets/favicon.ico
\ No newline at end of file
diff --git a/apps/webui/public/assets/favicon.ico b/apps/webui/public/assets/favicon.ico
deleted file mode 100644
index a314325..0000000
Binary files a/apps/webui/public/assets/favicon.ico and /dev/null differ
diff --git a/apps/webui/public/assets/favicon.ico b/apps/webui/public/assets/favicon.ico
new file mode 120000
index 0000000..94c6ee0
--- /dev/null
+++ b/apps/webui/public/assets/favicon.ico
@@ -0,0 +1 @@
+../../../../assets/favicon.ico
\ No newline at end of file
diff --git a/apps/webui/public/assets/favicon.png b/apps/webui/public/assets/favicon.png
new file mode 120000
index 0000000..bca44f4
--- /dev/null
+++ b/apps/webui/public/assets/favicon.png
@@ -0,0 +1 @@
+../../../../assets/favicon.png
\ No newline at end of file
diff --git a/apps/webui/src/components/layout/app-icon.tsx b/apps/webui/src/components/layout/app-icon.tsx
new file mode 100644
index 0000000..1d14d3e
--- /dev/null
+++ b/apps/webui/src/components/layout/app-icon.tsx
@@ -0,0 +1,33 @@
+import { Image } from '@kobalte/core/image';
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+} from '~/components/ui/sidebar';
+
+export function AppIcon() {
+  return (
+    <SidebarMenu>
+      <SidebarMenuItem>
+        <SidebarMenuButton
+          size="lg"
+          class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+        >
+          <div class="flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
+            <Image fallbackDelay={1000}>
+              <Image.Img
+                src="/assets/favicon.png"
+                class="size-8 object-cover"
+              />
+              <Image.Fallback>KONOBANGU</Image.Fallback>
+            </Image>
+          </div>
+          <div class="grid flex-1 gap-1 py-1 text-left text-sm leading-tight">
+            <span class="truncate font-semibold">Konobangu</span>
+            <span class="mt-1 truncate">@dumtruck</span>
+          </div>
+        </SidebarMenuButton>
+      </SidebarMenuItem>
+    </SidebarMenu>
+  );
+}
diff --git a/apps/webui/src/components/layout/app-sidebar.tsx b/apps/webui/src/components/layout/app-sidebar.tsx
index b2a4d53..3252ec7 100644
--- a/apps/webui/src/components/layout/app-sidebar.tsx
+++ b/apps/webui/src/components/layout/app-sidebar.tsx
@@ -18,10 +18,10 @@ import {
   SidebarHeader,
   SidebarRail,
 } from '~/components/ui/sidebar';
+import { AppIcon } from './app-icon';
 import { NavMain } from './nav-main';
 import { NavProjects } from './nav-projects';
 import { NavUser } from './nav-user';
-import { TeamSwitcher } from './team-switcher';
 // This is sample data.
 
 const data = {
@@ -30,23 +30,6 @@ const data = {
     email: 'm@example.com',
     avatar: '/avatars/shadcn.jpg',
   },
-  teams: [
-    {
-      name: 'Acme Inc',
-      logo: GalleryVerticalEnd,
-      plan: 'Enterprise',
-    },
-    {
-      name: 'Acme Corp.',
-      logo: AudioWaveform,
-      plan: 'Startup',
-    },
-    {
-      name: 'Evil Corp.',
-      logo: Command,
-      plan: 'Free',
-    },
-  ],
   navMain: [
     {
       title: 'Playground',
@@ -159,7 +142,7 @@ export const AppSidebar = (props: AppSidebarRootProps) => {
   return (
     <Sidebar collapsible="icon" {...props}>
       <SidebarHeader>
-        <TeamSwitcher teams={data.teams} />
+        <AppIcon />
       </SidebarHeader>
       <SidebarContent>
         <NavMain items={data.navMain} />
diff --git a/apps/webui/src/components/layout/team-switcher.tsx b/apps/webui/src/components/layout/team-switcher.tsx
deleted file mode 100644
index 04c5bc9..0000000
--- a/apps/webui/src/components/layout/team-switcher.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import { ChevronsUpDown, type LucideIcon, Plus } from 'lucide-solid';
-import { For, createSignal } from 'solid-js';
-import { Dynamic } from 'solid-js/web';
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuTrigger,
-} from '~/components/ui/dropdown-menu';
-import {
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-} from '~/components/ui/sidebar';
-
-export function TeamSwitcher(props: {
-  teams: {
-    name: string;
-    logo: LucideIcon;
-    plan: string;
-  }[];
-}) {
-  const [activeTeam, setActiveTeam] = createSignal(props.teams[0]);
-
-  const logo = activeTeam().logo;
-
-  return (
-    <SidebarMenu>
-      <SidebarMenuItem>
-        <DropdownMenu>
-          <DropdownMenuTrigger
-            as={SidebarMenuButton}
-            size="lg"
-            class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
-          >
-            <div class="flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
-              <Dynamic component={logo} class="size-4" />
-            </div>
-            <div class="grid flex-1 text-left text-sm leading-tight">
-              <span class="truncate font-semibold">{activeTeam().name}</span>
-              <span class="truncate text-xs">{activeTeam().plan}</span>
-            </div>
-            <ChevronsUpDown class="ml-auto" />
-          </DropdownMenuTrigger>
-          <DropdownMenuContent class="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg">
-            <DropdownMenuLabel class="text-muted-foreground text-xs">
-              Teams
-            </DropdownMenuLabel>
-            <For each={props.teams}>
-              {(team, index) => (
-                <DropdownMenuItem
-                  onClick={() => setActiveTeam(team)}
-                  class="gap-2 p-2"
-                >
-                  <div class="flex size-6 items-center justify-center rounded-sm border">
-                    <Dynamic component={team.logo} class="size-4 shrink-0" />
-                  </div>
-                  {team.name}
-                  <DropdownMenuShortcut>⌘{index() + 1}</DropdownMenuShortcut>
-                </DropdownMenuItem>
-              )}
-            </For>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem class="gap-2 p-2">
-              <div class="flex size-6 items-center justify-center rounded-md border bg-background">
-                <Plus class="size-4" />
-              </div>
-              <div class="font-medium text-muted-foreground">Add team</div>
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </SidebarMenuItem>
-    </SidebarMenu>
-  );
-}
diff --git a/assets/android-chrome-192x192.png b/assets/android-chrome-192x192.png
index 879c3ac..76dd713 100644
Binary files a/assets/android-chrome-192x192.png and b/assets/android-chrome-192x192.png differ
diff --git a/assets/android-chrome-512x512.png b/assets/android-chrome-512x512.png
index 9958b07..5f9a735 100644
Binary files a/assets/android-chrome-512x512.png and b/assets/android-chrome-512x512.png differ
diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png
index 4ceead8..0805f8c 100644
Binary files a/assets/apple-touch-icon.png and b/assets/apple-touch-icon.png differ
diff --git a/assets/favicon-1024x1024.png b/assets/favicon-1024x1024.png
new file mode 100644
index 0000000..2fb4974
Binary files /dev/null and b/assets/favicon-1024x1024.png differ
diff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png
index 81d9c4a..12939c3 100644
Binary files a/assets/favicon-16x16.png and b/assets/favicon-16x16.png differ
diff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png
index b87374c..9321ec8 100644
Binary files a/assets/favicon-32x32.png and b/assets/favicon-32x32.png differ
diff --git a/assets/favicon.ico b/assets/favicon.ico
index a314325..d66c986 100644
Binary files a/assets/favicon.ico and b/assets/favicon.ico differ
diff --git a/assets/favicon.png b/assets/favicon.png
index ba915d1..f0a1b27 100644
Binary files a/assets/favicon.png and b/assets/favicon.png differ
diff --git a/assets/favicon.webp b/assets/favicon.webp
index 35c8996..a13024e 100644
Binary files a/assets/favicon.webp and b/assets/favicon.webp differ