diff --git a/src/ethereum/EthHashInfo/ethHashInfo.stories.tsx b/src/ethereum/EthHashInfo/ethHashInfo.stories.tsx
index 5ec2f8fc..d36a06a9 100644
--- a/src/ethereum/EthHashInfo/ethHashInfo.stories.tsx
+++ b/src/ethereum/EthHashInfo/ethHashInfo.stories.tsx
@@ -25,15 +25,24 @@ export const WithName = (): React.ReactElement => (
   <EthHashInfo hash={hash} name="Owner 1" />
 );
 
-export const WithIdenticon = (): React.ReactElement => (
-  <EthHashInfo hash={hash} showIdenticon shortenHash={4} />
+export const WithDefaultAvatar = (): React.ReactElement => (
+  <EthHashInfo hash={hash} showAvatar shortenHash={4} />
+);
+
+export const WithCustomAvatar = (): React.ReactElement => (
+  <EthHashInfo
+    hash={hash}
+    showAvatar
+    customAvatar="https://gnosis-safe-token-logos.s3.amazonaws.com/0x5592EC0cfb4dbc12D3aB100b257153436a1f0FEa.png"
+    shortenHash={4}
+  />
 );
 
 export const WithButtons = (): React.ReactElement => (
   <EthHashInfo
     hash={hash}
     name="Owner 1"
-    showIdenticon
+    showAvatar
     showCopyBtn
     explorerUrl={() => ({ alt: explorerUrlAlt, url: explorerUrl })}
     shortenHash={4}
@@ -49,7 +58,7 @@ export const WithMenu = (): React.ReactElement => {
     <EthHashInfo
       hash={hash}
       name="Owner 1"
-      showIdenticon
+      showAvatar
       showCopyBtn
       menuItems={items}
       shortenHash={4}
diff --git a/src/ethereum/EthHashInfo/index.tsx b/src/ethereum/EthHashInfo/index.tsx
index 716d5720..4895d135 100644
--- a/src/ethereum/EthHashInfo/index.tsx
+++ b/src/ethereum/EthHashInfo/index.tsx
@@ -18,7 +18,7 @@ const StyledContainer = styled.div`
   align-items: center;
 `;
 
-const IdenticonContainer = styled.div`
+const AvatarContainer = styled.div`
   display: flex;
   margin-right: 8px;
 `;
@@ -39,15 +39,22 @@ const AddressContainer = styled.div`
   }
 `;
 
+const StyledImg = styled.img<{ size: ThemeIdenticonSize }>`
+  height: ${({ size, theme }) => theme.identicon.size[size]};
+  width: ${({ size, theme }) => theme.identicon.size[size]};
+  border-radius: 50%;
+`;
+
 type Props = {
+  className?: string;
   hash: string;
-  textColor?: ThemeColors;
-  textSize?: ThemeTextSize;
-  identiconSize?: ThemeIdenticonSize;
   shortenHash?: number;
-  className?: string;
   name?: string;
-  showIdenticon?: boolean;
+  textColor?: ThemeColors;
+  textSize?: ThemeTextSize;
+  showAvatar?: boolean;
+  customAvatar?: string;
+  avatarSize?: ThemeIdenticonSize;
   showCopyBtn?: boolean;
   menuItems?: EllipsisMenuItem[];
   explorerUrl?: ExplorerInfo;
@@ -58,19 +65,24 @@ const EthHashInfo = ({
   name,
   textColor = 'text',
   textSize = 'lg',
-  identiconSize = 'md',
   className,
   shortenHash,
-  showIdenticon,
+  showAvatar,
+  customAvatar,
+  avatarSize = 'md',
   showCopyBtn,
   menuItems,
   explorerUrl,
 }: Props): React.ReactElement => (
   <StyledContainer className={className}>
-    {showIdenticon && (
-      <IdenticonContainer>
-        <Identicon address={hash} size={identiconSize} />
-      </IdenticonContainer>
+    {showAvatar && (
+      <AvatarContainer>
+        {customAvatar ? (
+          <StyledImg src={customAvatar} size={avatarSize} />
+        ) : (
+          <Identicon address={hash} size={avatarSize} />
+        )}
+      </AvatarContainer>
     )}
 
     <InfoContainer>