switch to different material font for filled icons

modules/bar/Volume.qml

@@ -44,7 +44,7 @@ Rectangle {
         Row {
             id: textRow
             anchors.verticalCenter: parent.verticalCenter
-            spacing: 0
+            spacing: 5
             CustomText {
                 id: volumeText
                 PwObjectTracker {

reusables/CustomIcon.qml

@@ -3,13 +3,14 @@ import qs.settings
 import qs
 
 Text {
+    property real fill: 1
     anchors.verticalCenter: parent.verticalCenter
-    font.family: "Material Symbols Rounded"
+    font.family: "Material Icons Round"
     color: Colors.foreground
-    font.pixelSize: Settings.config.fontSize + 1
     font.variableAxes: ({
-            FILL: 0,
-            GRAD: 100,
-            wght: 400
+            FILL: fill.toFixed(1),
+            GRAD: -25,
+            opsz: Settings.config.fontSize,
+            wght: Settings.config.fontWeight
         })
 }

settings/Settings.qml

@@ -34,6 +34,7 @@ Singleton {
             property int paddingSides: 10
             property var generateScheme: true
             property bool wallSwitcherShown: false
+            property int fontWeight: 500
         }
     }
 }