speclynx
diff --git a/‎packages/apidom-playground/index.html‎
Lines changed: 4 additions & 3 deletions b/‎packages/apidom-playground/index.html‎
Lines changed: 4 additions & 3 deletions
diff --git a/‎packages/apidom-playground/public/assets/images/speclynx-logo.png‎
48.7 KB b/‎packages/apidom-playground/public/assets/images/speclynx-logo.png‎
48.7 KB
diff --git a/‎packages/apidom-playground/public/assets/images/speclynx-logo.svg‎
Lines changed: 1 addition & 0 deletions b/‎packages/apidom-playground/public/assets/images/speclynx-logo.svg‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎packages/apidom-playground/public/favicon.ico‎
-3.78 KB b/‎packages/apidom-playground/public/favicon.ico‎
-3.78 KB
diff --git a/‎packages/apidom-playground/public/logo192.png‎
-5.22 KB b/‎packages/apidom-playground/public/logo192.png‎
-5.22 KB
diff --git a/‎packages/apidom-playground/public/logo512.png‎
-9.44 KB b/‎packages/apidom-playground/public/logo512.png‎
-9.44 KB
diff --git a/‎packages/apidom-playground/public/manifest.json‎
Lines changed: 6 additions & 10 deletions b/‎packages/apidom-playground/public/manifest.json‎
Lines changed: 6 additions & 10 deletions
diff --git a/‎packages/apidom-playground/src/playground/components/AppBar.jsx‎
Lines changed: 11 additions & 1 deletion b/‎packages/apidom-playground/src/playground/components/AppBar.jsx‎
Lines changed: 11 additions & 1 deletion
@@ -2,14 +2,15 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="/assets/images/speclynx-logo.svg" type="image/svg+xml">
+    <link rel="icon" href="/assets/images/speclynx-logo.png" type="image/png">
     <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="ApiDOM playground"
+      content="SpecLynxApiDOM playground"
     />
-    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="apple-touch-icon" href="/assets/images/speclynx-logo.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
 
@@ -3,19 +3,15 @@
   "name": "ApiDOM Playground for demonstrating apidom features visually",
   "icons": [
     {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
+      "src": "assets/images/speclynx-logo.png",
       "type": "image/png",
-      "sizes": "192x192"
+      "sizes": "1100x1100"
     },
     {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
+      "src": "assets/images/speclynx-logo.svg",
+      "type": "image/svg+xml",
+      "sizes": "any",
+      "purpose": "any maskable"
     }
   ],
   "start_url": ".",
 
@@ -2,19 +2,29 @@ import React from 'react';
 import MUIAppBar from '@mui/material/AppBar';
 import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
+import speclynxLogo from '../../../public/assets/images/speclynx-logo.svg';
 
 const StyledMUIAppBar = styled(MUIAppBar)(({ theme }) => {
   return {
     zIndex: theme.zIndex.drawer + 1,
   };
 });
 
+const Logo = styled('img')({
+  height: '40px',
+  marginRight: '16px',
+});
+
 const AppBar = () => {
   return (
     <StyledMUIAppBar position="sticky">
       <Toolbar>
-        <Typography variant="h6">ApiDOM Playground</Typography>
+        <Box sx={{ display: 'flex', alignItems: 'center' }}>
+          <Logo src={speclynxLogo} alt="SpecLynx Logo" />
+          <Typography variant="h6">ApiDOM Playground</Typography>
+        </Box>
       </Toolbar>
     </StyledMUIAppBar>
   );