NIcon new widget to simplify icons display

Modules/SidePanel/Cards/MediaCard.qml

@@ -37,9 +37,8 @@ NBox {
         Layout.fillHeight: true
       }
 
-      NText {
+      NIcon {
         text: "album"
-        font.family: "Material Symbols Outlined"
         font.pointSize: Style.fontSizeXXL * 2.5 * scaling
         color: Color.mPrimary
         Layout.alignment: Qt.AlignHCenter
@@ -93,11 +92,10 @@ NBox {
           elide: Text.ElideRight
         }
 
-        indicator: Text {
+        indicator: NIcon {
           x: playerSelector.width - width
           y: playerSelector.topPadding + (playerSelector.availableHeight - height) / 2
           text: "arrow_drop_down"
-          font.family: "Material Symbols Outlined"
           font.pointSize: Style.fontSizeXL * scaling
           color: Color.mOnSurface
           horizontalAlignment: Text.AlignRight
@@ -180,13 +178,12 @@ NBox {
           }
 
           // Fallback icon when no album art available
-          NText {
-            anchors.centerIn: parent
+          NIcon {
             text: "album"
             color: Color.mPrimary
-            font.family: "Material Symbols Outlined"
             font.pointSize: Style.fontSizeLarge * 12 * scaling
             visible: !trackArt.visible
+            anchors.centerIn: parent
           }
         }
 

Modules/SidePanel/Cards/WeatherCard.qml

@@ -26,10 +26,9 @@ NBox {
 
     RowLayout {
       spacing: Style.marginSmall * scaling
-      NText {
+      NIcon {
         text: weatherReady ? LocationService.weatherSymbolFromCode(
                                LocationService.data.weather.current_weather.weathercode) : ""
-        font.family: "Material Symbols Outlined"
         font.pointSize: Style.fontSizeXXL * 1.5 * scaling
         color: Color.mPrimary
       }
@@ -94,9 +93,8 @@ NBox {
             text: Qt.formatDateTime(new Date(LocationService.data.weather.daily.time[index]), "ddd")
             color: Color.mOnSurface
           }
-          NText {
+          NIcon {
             text: LocationService.weatherSymbolFromCode(LocationService.data.weather.daily.weathercode[index])
-            font.family: "Material Symbols Outlined"
             font.pointSize: Style.fontSizeXL * scaling
             color: Color.mPrimary
           }