diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/database-schema.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/database-schema.svg
deleted file mode 100644
index b39ddb28973..00000000000
--- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/database-schema.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-dashboard-data-model-colored.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-dashboard-data-model-colored.svg
new file mode 100644
index 00000000000..d079b476584
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-dashboard-data-model-colored.svg
@@ -0,0 +1,22 @@
+
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-data-product-colored.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-data-product-colored.svg
new file mode 100644
index 00000000000..4b7b27e4585
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-data-product-colored.svg
@@ -0,0 +1,18 @@
+
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-database-schema-colored.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-database-schema-colored.svg
new file mode 100644
index 00000000000..4713c14789f
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-database-schema-colored.svg
@@ -0,0 +1,16 @@
+
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/GlobalSettingsClassBase.ts b/openmetadata-ui/src/main/resources/ui/src/utils/GlobalSettingsClassBase.ts
index ddec544fa90..dbe8ec747a9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/GlobalSettingsClassBase.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/GlobalSettingsClassBase.ts
@@ -19,15 +19,15 @@ import { ReactComponent as BotIcon } from '../assets/svg/bot-colored.svg';
import { ReactComponent as AppearanceIcon } from '../assets/svg/custom-logo-colored.svg';
import { ReactComponent as CustomDashboardLogoIcon } from '../assets/svg/customize-landing-page-colored.svg';
import { ReactComponent as DashboardIcon } from '../assets/svg/dashboard-colored.svg';
-import { ReactComponent as DashboardDataModelIcon } from '../assets/svg/data-model.svg';
import { ReactComponent as DatabaseIcon } from '../assets/svg/database-colored.svg';
-import { ReactComponent as SchemaIcon } from '../assets/svg/database-schema.svg';
import { ReactComponent as EmailIcon } from '../assets/svg/email-colored.svg';
import { ReactComponent as GlossaryIcon } from '../assets/svg/glossary-colored.svg';
import { ReactComponent as APICollectionIcon } from '../assets/svg/ic-api-collection.svg';
import { ReactComponent as APIEndpointIcon } from '../assets/svg/ic-api-endpoint.svg';
import { ReactComponent as IconAPI } from '../assets/svg/ic-api-service.svg';
-import { ReactComponent as DataProductIcon } from '../assets/svg/ic-data-product.svg';
+import { ReactComponent as DashboardDataModelIcon } from '../assets/svg/ic-dashboard-data-model-colored.svg';
+import { ReactComponent as DataProductIcon } from '../assets/svg/ic-data-product-colored.svg';
+import { ReactComponent as SchemaIcon } from '../assets/svg/ic-database-schema-colored.svg';
import { ReactComponent as LoginIcon } from '../assets/svg/login-colored.svg';
import { ReactComponent as OpenMetadataIcon } from '../assets/svg/logo-monogram.svg';
import { ReactComponent as MessagingIcon } from '../assets/svg/messaging-colored.svg';