diff --git a/nymea-app/images.qrc b/nymea-app/images.qrc
index 4a886372..0d413d49 100644
--- a/nymea-app/images.qrc
+++ b/nymea-app/images.qrc
@@ -209,5 +209,8 @@
ui/images/browser/BrowserIconDocument.svg
ui/images/browser/BrowserIconPackage.svg
ui/images/home.svg
+ ui/images/browser/MediaBrowserIconNapster.svg
+ ui/images/browser/MediaBrowserIconSoundCloud.svg
+ ui/images/browser/MediaBrowserIconDeezer.svg
diff --git a/nymea-app/ui/delegates/BrowserItemDelegate.qml b/nymea-app/ui/delegates/BrowserItemDelegate.qml
index 58b22ca3..1df27724 100644
--- a/nymea-app/ui/delegates/BrowserItemDelegate.qml
+++ b/nymea-app/ui/delegates/BrowserItemDelegate.qml
@@ -12,9 +12,9 @@ NymeaListItemDelegate {
progressive: model.browsable
subText: model.description
prominentSubText: false
- iconName: "../images/browser/" + model.icon + ".svg"
+ iconName: "../images/browser/" + (model.mediaIcon && model.mediaIcon !== "MediaBrowserIconNone" ? model.mediaIcon : model.icon) + ".svg"
thumbnail: model.thumbnail
- enabled: model.browsable || model.executable
+ enabled: !model.disabled
secondaryIconName: model.actionTypeIds.length > 0 ? "../images/navigation-menu.svg" : ""
secondaryIconClickable: true
diff --git a/nymea-app/ui/images/browser/MediaBrowserIconDeezer.svg b/nymea-app/ui/images/browser/MediaBrowserIconDeezer.svg
new file mode 100644
index 00000000..ee0902f8
--- /dev/null
+++ b/nymea-app/ui/images/browser/MediaBrowserIconDeezer.svg
@@ -0,0 +1,68 @@
+
+
+
+
diff --git a/nymea-app/ui/images/browser/MediaBrowserIconNapster.svg b/nymea-app/ui/images/browser/MediaBrowserIconNapster.svg
new file mode 100644
index 00000000..39c2eb6a
--- /dev/null
+++ b/nymea-app/ui/images/browser/MediaBrowserIconNapster.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/nymea-app/ui/images/browser/MediaBrowserIconSoundCloud.svg b/nymea-app/ui/images/browser/MediaBrowserIconSoundCloud.svg
new file mode 100644
index 00000000..b2c50c51
--- /dev/null
+++ b/nymea-app/ui/images/browser/MediaBrowserIconSoundCloud.svg
@@ -0,0 +1,86 @@
+
+