diff --git a/public/app/features/dashboard/settings/settings.ts b/public/app/features/dashboard/settings/settings.ts
index 87ac91d568b..c2cfb31b806 100644
--- a/public/app/features/dashboard/settings/settings.ts
+++ b/public/app/features/dashboard/settings/settings.ts
@@ -36,10 +36,10 @@ export class SettingsCtrl {
buildSectionList() {
this.sections = [];
if (this.dashboard.meta.canEdit) {
- this.sections.push({ title: 'General', id: 'settings', icon: 'fa fa-fw fa-sliders' });
- this.sections.push({ title: 'Annotations', id: 'annotations', icon: 'fa fa-fw fa-comment-o' });
- this.sections.push({ title: 'Variables', id: 'templating', icon: 'fa fa-fw fa-dollar' });
- this.sections.push({ title: 'Links', id: 'links', icon: 'fa fa-fw fa-external-link' });
+ this.sections.push({ title: 'General', id: 'settings', icon: 'gicon gicon-preferences' });
+ this.sections.push({ title: 'Annotations', id: 'annotations', icon: 'gicon gicon-annotationp' });
+ this.sections.push({ title: 'Variables', id: 'templating', icon: 'gicon gicon-variable' });
+ this.sections.push({ title: 'Links', id: 'links', icon: 'gicon gicon-link' });
if (this.dashboard.id) {
this.sections.push({ title: 'Versions', id: 'versions', icon: 'fa fa-fw fa-history' });
@@ -51,7 +51,7 @@ export class SettingsCtrl {
this.viewId = 'make_editable';
}
- this.sections.push({ title: 'View JSON', id: 'view_json', icon: 'fa fa-fw fa-code' });
+ this.sections.push({ title: 'View JSON', id: 'view_json', icon: 'gicon gicon-json' });
const params = this.$location.search();
const url = this.$location.path();
diff --git a/public/img/icons_dark_theme/icon_json.svg b/public/img/icons_dark_theme/icon_json.svg
new file mode 100644
index 00000000000..13b22046a80
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_json.svg
@@ -0,0 +1,20 @@
+
+
+
diff --git a/public/img/icons_light_theme/icon_json.svg b/public/img/icons_light_theme/icon_json.svg
new file mode 100644
index 00000000000..8a467bb86e0
--- /dev/null
+++ b/public/img/icons_light_theme/icon_json.svg
@@ -0,0 +1,22 @@
+
+
+
diff --git a/public/sass/base/_icons.scss b/public/sass/base/_icons.scss
index c460d557e02..7b5f4d0e1ca 100644
--- a/public/sass/base/_icons.scss
+++ b/public/sass/base/_icons.scss
@@ -116,6 +116,10 @@
background-image: url('../img/icons_#{$theme-name}_theme/icon_home.svg');
}
+.gicon-json {
+ background-image: url('../img/icons_#{$theme-name}_theme/icon_json.svg');
+}
+
.gicon-link {
background-image: url('../img/icons_#{$theme-name}_theme/icon_link.svg');
}