diff --git a/src/assets/images/logo/darkLogoNew.png b/src/assets/images/logo/darkLogoNew.png
new file mode 100644
index 0000000..802d3e9
Binary files /dev/null and b/src/assets/images/logo/darkLogoNew.png differ
diff --git a/src/assets/images/logo/lightLogoNew.png b/src/assets/images/logo/lightLogoNew.png
new file mode 100644
index 0000000..b89208c
Binary files /dev/null and b/src/assets/images/logo/lightLogoNew.png differ
diff --git a/src/ui-component/Logo.js b/src/ui-component/Logo.js
index 462e323..54606f2 100755
--- a/src/ui-component/Logo.js
+++ b/src/ui-component/Logo.js
@@ -1,8 +1,16 @@
 // material-ui
 import { useTheme } from '@mui/material/styles';
 
-import Llogo from '../assets/images/logo/lightLogo.png';
-import Dlogo from '../assets/images/logo/darkLogo.png';
+/**
+ * if you want to use image instead of <svg> uncomment following.
+ *
+ * import logoDark from 'assets/images/logo-dark.svg';
+ * import logo from 'assets/images/logo.svg';
+ *
+ */
+
+import Llogo from '../assets/images/logo/lightLogoNew.png';
+import Dlogo from '../assets/images/logo/darkLogoNew.png';
 // ==============================|| LOGO SVG ||============================== //
 
 const Logo = () => {