diff --git a/frontend/src/icons/svg/scene.svg b/frontend/src/icons/svg/scene.svg
new file mode 100644
index 0000000000..eb77499b1f
--- /dev/null
+++ b/frontend/src/icons/svg/scene.svg
@@ -0,0 +1 @@
+
diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index feaca9696c..8234c98520 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -188,3 +188,32 @@ div:focus {
@extend %field-icon;
color: #37b4aa;
}
+.ds-icon-scene{
+ width: 14px;
+ height: 14px;
+ color: #faaa39;
+}
+.ds-icon-db{
+ width: 14px;
+ height: 14px;
+ color: #3685f2;
+ margin: 0 2px 0 0;
+}
+.ds-icon-sql{
+ width: 14px;
+ height: 14px;
+ color: #faaa39;
+ margin: 0 2px 0 0;
+}
+.ds-icon-excel{
+ width: 14px;
+ height: 14px;
+ color: #13cd66;
+ margin: 0 2px 0 0;
+}
+.ds-icon-custom{
+ width: 14px;
+ height: 14px;
+ color: #23beef;
+ margin: 0 2px 0 0;
+}
diff --git a/frontend/src/views/chart/group/Group.vue b/frontend/src/views/chart/group/Group.vue
index d603f80dfa..1e40a3f378 100644
--- a/frontend/src/views/chart/group/Group.vue
+++ b/frontend/src/views/chart/group/Group.vue
@@ -44,11 +44,12 @@
-
+
+
+
+
+
+
{{ data.name }}
diff --git a/frontend/src/views/dataset/common/DatasetGroupSelector.vue b/frontend/src/views/dataset/common/DatasetGroupSelector.vue
index 1e2dab3b4b..25f2acf184 100644
--- a/frontend/src/views/dataset/common/DatasetGroupSelector.vue
+++ b/frontend/src/views/dataset/common/DatasetGroupSelector.vue
@@ -35,11 +35,12 @@
-
+
+
+
+
+
+
{{ data.name }}
@@ -83,7 +84,10 @@
-
+
+
+
+
diff --git a/frontend/src/views/dataset/group/Group.vue b/frontend/src/views/dataset/group/Group.vue
index a9c4d0f2e3..2c9ba69c29 100644
--- a/frontend/src/views/dataset/group/Group.vue
+++ b/frontend/src/views/dataset/group/Group.vue
@@ -44,11 +44,12 @@
-
+
+
+
+
+
+
{{ data.name }}
@@ -585,31 +586,6 @@ export default {