diff --git a/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_easyFLOW_ICON.ico b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_easyFLOW_ICON.ico
new file mode 100644
index 0000000..914504b
Binary files /dev/null and b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_easyFLOW_ICON.ico differ
diff --git a/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_fileFLOW_ICON.ico b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_fileFLOW_ICON.ico
new file mode 100644
index 0000000..8730831
Binary files /dev/null and b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_fileFLOW_ICON.ico differ
diff --git a/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_orgFLOW_ICON.ico b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_orgFLOW_ICON.ico
new file mode 100644
index 0000000..d9fa974
Binary files /dev/null and b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_orgFLOW_ICON.ico differ
diff --git a/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_signFLOW_ICON.ico b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_signFLOW_ICON.ico
new file mode 100644
index 0000000..2f18d16
Binary files /dev/null and b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_signFLOW_ICON.ico differ
diff --git a/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_taskFLOW_ICON.ico b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_taskFLOW_ICON.ico
new file mode 100644
index 0000000..53de78f
Binary files /dev/null and b/src/client/dd-hub-react/public/assets/icons/dd-icons/DD_taskFLOW_ICON.ico differ
diff --git a/src/client/dd-hub-react/src/layouts/nav-config-dashboard.tsx b/src/client/dd-hub-react/src/layouts/nav-config-dashboard.tsx
index 7d66b51..f6d5bfd 100644
--- a/src/client/dd-hub-react/src/layouts/nav-config-dashboard.tsx
+++ b/src/client/dd-hub-react/src/layouts/nav-config-dashboard.tsx
@@ -4,6 +4,7 @@ import { SvgColor } from 'src/components/svg-color';
 // Navbar Icons
 
 const icon = (name: string) => <SvgColor src={`/assets/icons/navbar/${name}.svg`} />;
+const iconDD = (name: string) => <img src={`/assets/icons/dd-icons/${name}.ico`} alt="" style={{ width: 24, height: 24 }} />;
 
 export type NavItem = {
   title: string;
@@ -21,12 +22,12 @@ export const navData = [
   {
     title: 'EasyFlow',
     path: '/doc-search',
-    icon: icon('ic-doc-search'),
+    icon: iconDD('DD_easyFLOW_ICON'),
   },
   {
     title: 'TaskFlow',
     path: '/blog',
-    icon: icon('ic-blog'),
+    icon: iconDD('DD_taskFLOW_ICON'),
     info: (
       <Label color="error" variant="inverted">
         +3
@@ -36,12 +37,12 @@ export const navData = [
   {
     title: 'OrgFlow',
     path: '/products',
-    icon: icon('ic-cart'),
+    icon: iconDD('DD_orgFLOW_ICON'),
   },
   {
     title: 'SignFlow',
     path: '/user',
-    icon: icon('ic-user'),
+    icon: iconDD('DD_signFLOW_ICON'),
   },
   {
     title: 'ChartFlow',