diff --git a/packages/genui/a2ui-playground/rsbuild.config.ts b/packages/genui/a2ui-playground/rsbuild.config.ts
index c759cfc6a5..a7ca0db23e 100644
--- a/packages/genui/a2ui-playground/rsbuild.config.ts
+++ b/packages/genui/a2ui-playground/rsbuild.config.ts
@@ -173,6 +173,17 @@ export default defineConfig({
   },
   html: {
     title: 'Lynx A2UI Playground',
+    tags: [
+      {
+        tag: 'link',
+        attrs: {
+          rel: 'icon',
+          type: 'image/svg+xml',
+          href:
+            'https://lf-lynx.tiktok-cdns.com/obj/lynx-artifacts-oss-sg/lynx-website/assets/lynx-dark-logo.svg',
+        },
+      },
+    ],
   },
   output: {
     assetPrefix: process.env.ASSET_PREFIX,
diff --git a/packages/genui/a2ui-playground/src/App.tsx b/packages/genui/a2ui-playground/src/App.tsx
index ffa9296c2b..3c6d4719a2 100644
--- a/packages/genui/a2ui-playground/src/App.tsx
+++ b/packages/genui/a2ui-playground/src/App.tsx
@@ -19,6 +19,11 @@ import { PlaybackPage } from './pages/PlaybackPage.js';
 import type { Protocol, ProtocolName } from './utils/protocol.js';
 import { DEFAULT_PROTOCOL, getProtocol } from './utils/protocol.js';
 
+const LYNX_LIGHT_LOGO =
+  'https://lf-lynx.tiktok-cdns.com/obj/lynx-artifacts-oss-sg/lynx-website/assets/lynx-dark-logo.svg';
+const LYNX_DARK_LOGO =
+  'https://lf-lynx.tiktok-cdns.com/obj/lynx-artifacts-oss-sg/lynx-website/assets/lynx-light-logo.svg';
+
 type Tab = 'create' | 'examples' | 'components' | 'playback';
 
 interface TabDef {
@@ -191,7 +196,14 @@ export function App() {
   return (
     <div className='appShell'>
       <div className='topBar'>
-        <span className='brand'>Lynx GenUI Playground</span>
+        <div className='brandGroup'>
+          <img
+            className='brandLogo'
+            src={theme === 'dark' ? LYNX_DARK_LOGO : LYNX_LIGHT_LOGO}
+            alt='Lynx'
+          />
+          <span className='brand'>Lynx GenUI Playground</span>
+        </div>
 
         <nav className='tabNav'>
           {tabs.map((t) => (
diff --git a/packages/genui/a2ui-playground/src/styles.css b/packages/genui/a2ui-playground/src/styles.css
index d26bf540dd..2ff4f31861 100644
--- a/packages/genui/a2ui-playground/src/styles.css
+++ b/packages/genui/a2ui-playground/src/styles.css
@@ -141,9 +141,18 @@ a {
 .brandGroup {
   display: flex;
   align-items: center;
+  gap: 10px;
   flex-shrink: 0;
 }
 
+.brandLogo {
+  width: 26px;
+  height: 26px;
+  display: block;
+  flex: 0 0 auto;
+  object-fit: contain;
+}
+
 .protocolSelect {
   height: 30px;
   padding: 0 28px 0 10px;