diff --git a/ui/src/icons/android-icon-72x72.png b/ui/src/icons/android-icon-72x72.png
new file mode 100644
index 000000000..105a7220d
Binary files /dev/null and b/ui/src/icons/android-icon-72x72.png differ
diff --git a/ui/src/layout/Login.js b/ui/src/layout/Login.js
index cf38e5660..0e2aae6f5 100644
--- a/ui/src/layout/Login.js
+++ b/ui/src/layout/Login.js
@@ -13,6 +13,7 @@ import TextField from '@material-ui/core/TextField'
 import { createMuiTheme, makeStyles } from '@material-ui/core/styles'
 import { ThemeProvider } from '@material-ui/styles'
 import LockIcon from '@material-ui/icons/Lock'
+import Logo from '../icons/android-icon-72x72.png'
 
 import { Notification, useLogin, useNotify, useTranslate } from 'react-admin'
 
@@ -42,7 +43,8 @@ const useStyles = makeStyles((theme) => ({
     justifyContent: 'center',
   },
   icon: {
-    backgroundColor: theme.palette.secondary.main,
+    backgroundColor: 'white',
+    width: '40px',
   },
   systemName: {
     marginTop: '1em',
@@ -95,9 +97,7 @@ const FormLogin = ({ loading, handleSubmit, validate }) => {
           <div className={classes.main}>
             <Card className={classes.card}>
               <div className={classes.avatar}>
-                <Avatar className={classes.icon}>
-                  <LockIcon />
-                </Avatar>
+                <img src={Logo} className={classes.icon} alt={'logo'} />
               </div>
               <div className={classes.systemName}>
                 <a