use svg icons instead of goofy font

modules/bar/Mpris.qml

@@ -3,6 +3,8 @@ import Quickshell.Services.Mpris
 import QtQuick
 import QtQuick.Layouts
 import QtQuick.Effects
+import Quickshell
+import Quickshell.Widgets
 import qs
 import qs.widgets
 import qs.settings
@@ -18,13 +20,21 @@ BarComponent {
         }
         return null;
     }
-    visible: spotify !== null && spotify.playbackState === MprisPlaybackState.Playing
+    visible: spotify !== null
+    active: clickHandler.containsMouse
     RowLayout {
         id: songLayout
         anchors.centerIn: root
-        MaterialIcon {
-            text: "music_note_2"
-        }
+	IconImage {
+	    source: Quickshell.iconPath("folder-music-symbolic")
+	    implicitSize: Config.iconSize
+	    layer.enabled: true
+	    layer.effect: MultiEffect {
+		colorization: 1.0
+		colorizationColor: Colors.text
+		brightness: 0.5
+	    }
+	}
         StyledText {
             Layout.maximumWidth: 400
             Layout.maximumHeight: Config.barHeight / 1.6
@@ -32,4 +42,12 @@ BarComponent {
             elide: Text.ElideRight
         }
     }
+    MouseArea {
+	id: clickHandler
+	anchors.fill: root
+	hoverEnabled: true
+	onClicked: root.spotify.togglePlaying()
+	acceptedButtons: Qt.LeftButton
+	cursorShape: Qt.PointingHandCursor
+    }
 }