diff --git a/data/gnome-shell-theme.gresource.xml b/data/gnome-shell-theme.gresource.xml
index 25769a477..896a1e2df 100644
--- a/data/gnome-shell-theme.gresource.xml
+++ b/data/gnome-shell-theme.gresource.xml
@@ -18,6 +18,7 @@
gnome-shell.css
gnome-shell-high-contrast.css
logged-in-indicator.svg
+ message-indicator-symbolic.svg
no-events.svg
no-notifications.svg
noise-texture.png
diff --git a/data/theme/message-indicator-symbolic.svg b/data/theme/message-indicator-symbolic.svg
new file mode 100644
index 000000000..257a984b0
--- /dev/null
+++ b/data/theme/message-indicator-symbolic.svg
@@ -0,0 +1,40 @@
+
+
+
+
diff --git a/js/ui/dateMenu.js b/js/ui/dateMenu.js
index 0054f2d02..0aad37eca 100644
--- a/js/ui/dateMenu.js
+++ b/js/ui/dateMenu.js
@@ -337,8 +337,10 @@ var MessagesIndicator = new Lang.Class({
Name: 'MessagesIndicator',
_init: function() {
- this.actor = new St.Label({ text: '⚫', visible: false, y_expand: true,
- y_align: Clutter.ActorAlign.CENTER });
+ this.actor = new St.Icon({ icon_name: 'message-indicator-symbolic',
+ icon_size: 16,
+ visible: false, y_expand: true,
+ y_align: Clutter.ActorAlign.CENTER });
this._sources = [];
diff --git a/js/ui/main.js b/js/ui/main.js
index 85dbe1f58..e981db94a 100644
--- a/js/ui/main.js
+++ b/js/ui/main.js
@@ -122,6 +122,7 @@ function start() {
sessionMode.connect('updated', _sessionUpdated);
Gtk.Settings.get_default().connect('notify::gtk-theme-name',
_loadDefaultStylesheet);
+ Gtk.IconTheme.get_default().add_resource_path('/org/gnome/shell/theme/icons');
_initializeUI();
shellAccessDialogDBusService = new AccessDialog.AccessDialogDBus();