diff --git a/src/components/General/TitleLogo.tsx b/src/components/General/TitleLogo.tsx
new file mode 100644
index 00000000..b694bc90
--- /dev/null
+++ b/src/components/General/TitleLogo.tsx
@@ -0,0 +1,32 @@
+import { Avatar, Text } from '@status-im/components'
+import { Stack, XStack, YStack } from 'tamagui'
+
+type TitleLogoProps = {
+  subtitle?: string
+}
+
+const TitleLogo = ({ subtitle }: TitleLogoProps) => {
+  return (
+    <XStack space={'$2'}>
+      <Stack style={{ marginTop: '3px' }}>
+        <Avatar
+          type="icon"
+          size={32}
+          icon={
+            <img src={'/icons/dashboard-logo.png'} alt="dashboard-logo" style={{ width: '100%' }} />
+          }
+        />
+      </Stack>
+      <YStack>
+        <Text size={27} color="#09101C" weight={'semibold'}>
+          Nimbus
+        </Text>
+        <Text size={19} color="#647084">
+          {subtitle}
+        </Text>
+      </YStack>
+    </XStack>
+  )
+}
+
+export default TitleLogo