diff --git a/packages/status-react/src/system/emoji-hash/emoji-hash.docs.mdx b/packages/status-react/src/system/emoji-hash/emoji-hash.docs.mdx
new file mode 100644
index 00000000..3079a6f3
--- /dev/null
+++ b/packages/status-react/src/system/emoji-hash/emoji-hash.docs.mdx
@@ -0,0 +1,5 @@
+# EmojiHash
+
+```tsx
+import { EmojiHash } from '@status-im/components'
+```
diff --git a/packages/status-react/src/system/emoji-hash/emoji-hash.tsx b/packages/status-react/src/system/emoji-hash/emoji-hash.tsx
new file mode 100644
index 00000000..240e3ca8
--- /dev/null
+++ b/packages/status-react/src/system/emoji-hash/emoji-hash.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+
+import { Base } from './styles'
+
+interface Props {
+  name?: string
+}
+
+const EmojiHash = (props: Props) => {
+  const { name } = props
+
+  console.log(name)
+
+  return (
+    <Base>
+      🎩🍞🥑🦍🌈📡
+      <br />
+      💅🏻♣️🔔⛸👵🅱
+    </Base>
+  )
+}
+
+export { EmojiHash }
+export type { Props as EmojiHashProps }
diff --git a/packages/status-react/src/system/emoji-hash/index.tsx b/packages/status-react/src/system/emoji-hash/index.tsx
new file mode 100644
index 00000000..a4872c2c
--- /dev/null
+++ b/packages/status-react/src/system/emoji-hash/index.tsx
@@ -0,0 +1,2 @@
+export type { EmojiHashProps } from './emoji-hash'
+export { EmojiHash } from './emoji-hash'
diff --git a/packages/status-react/src/system/emoji-hash/styles.tsx b/packages/status-react/src/system/emoji-hash/styles.tsx
new file mode 100644
index 00000000..8f4a2578
--- /dev/null
+++ b/packages/status-react/src/system/emoji-hash/styles.tsx
@@ -0,0 +1,6 @@
+import { styled } from '~/src/styles/config'
+
+export const Base = styled('div', {
+  position: 'relative',
+  flexShrink: 0,
+})
diff --git a/packages/status-react/src/system/index.tsx b/packages/status-react/src/system/index.tsx
index 4aedbf61..a4b205e2 100644
--- a/packages/status-react/src/system/index.tsx
+++ b/packages/status-react/src/system/index.tsx
@@ -11,6 +11,7 @@ export {
   DialogTrigger,
 } from './dialog'
 export { DropdownMenu, DropdownMenuTrigger } from './dropdown-menu'
+export { EmojiHash } from './emoji-hash'
 export { EthAddress } from './eth-address'
 export { Flex } from './flex'
 export { Grid } from './grid'