Icons: more icons

Commons/Bootstrap.qml

@@ -46,7 +46,6 @@ Singleton {
   //   "upload": "\uF296",
   //   "download": "\uF294",
   //   "album": "\uF2FF",
-  //   "plus": "\uF64D",
   //   "minus": "\uF63B",
   //   "eyedropper": "\uF342",
   //   "bell": "\uF18A",
@@ -62,16 +61,12 @@ Singleton {
   //   "gauge": "\uF580",
   //   "lightning": "\uF46D",
   //   "keyboard": "\uF451",
-  //   "paint_brush": "\uEE26",
   //   "link": "\uF470",
   //   "macaron": "\uF154",
   //   "box": "\uF1C8",
   //   "monitor": "\uF302"
   //   // another contrast  \uF8F3   \uF8DA
   // }
-
-
-
   property var icons: {
     "alarm-fill": "\uF101",
     "alarm": "\uF102",

Modules/Bar/Widgets/PowerProfile.qml

@@ -19,13 +19,13 @@ NIconButton {
 
   function profileIcon() {
     if (!hasPP)
-      return "balance"
+      return Bootstrap.icons["yin-yang"]
     if (powerProfiles.profile === PowerProfile.Performance)
-      return "speed"
+      return Bootstrap.icons["speedometer2"]
     if (powerProfiles.profile === PowerProfile.Balanced)
-      return "balance"
+      return Bootstrap.icons["yin-yang"]
     if (powerProfiles.profile === PowerProfile.PowerSaver)
-      return "eco"
+      return Bootstrap.icons["leaf"]
   }
 
   function profileName() {
@@ -57,4 +57,4 @@ NIconButton {
   colorBorder: Color.transparent
   colorBorderHover: Color.transparent
   onClicked: root.changeProfile()
-}
+}

Modules/Bar/Widgets/SidePanelToggle.qml

@@ -33,7 +33,7 @@ NIconButton {
   readonly property bool useDistroLogo: (widgetSettings.useDistroLogo
                                          !== undefined) ? widgetSettings.useDistroLogo : widgetMetadata.useDistroLogo
 
-  icon: useDistroLogo ? "" : Bootstrap.icons["panel"]
+  icon: useDistroLogo ? "" : Bootstrap.icons["layout-sidebar-inset-reverse"]
   tooltipText: "Open side panel."
   sizeRatio: 0.8
 

Modules/Bar/Widgets/Volume.qml

@@ -47,7 +47,7 @@ Item {
     }
     return AudioService.volume
         <= Number.EPSILON ? Bootstrap.icons["volume-off"] : (AudioService.volume
-                                                               < 0.5 ? Bootstrap.icons["volume-down"] : Bootstrap.icons["volume-up"])
+                                                             < 0.5 ? Bootstrap.icons["volume-down"] : Bootstrap.icons["volume-up"])
   }
 
   // Connection used to open the pill when volume changes

Modules/Notification/NotificationHistoryPanel.qml

@@ -85,7 +85,7 @@ NPanel {
         }
 
         NIcon {
-          text: "notifications_off"
+          text: Bootstrap.icons["bell-slash"]
           font.pointSize: 64 * scaling
           color: Color.mOnSurfaceVariant
           Layout.alignment: Qt.AlignHCenter

Modules/SettingsPanel/Bar/BarSectionEditor.qml

@@ -85,7 +85,7 @@ NBox {
       }
 
       NIconButton {
-        icon: Bootstrap.icons["plus"]
+        icon: Bootstrap.icons["plus-lg"]
 
         colorBg: Color.mPrimary
         colorFg: Color.mOnPrimary

Modules/SettingsPanel/SettingsPanel.qml

@@ -195,7 +195,7 @@ NPanel {
                  }, {
                    "id": SettingsPanel.Tab.About,
                    "label": "About",
-                   "icon": "person",
+                   "icon": "info-circle",
                    "source": aboutTab
                  })
 
@@ -400,21 +400,13 @@ NPanel {
                   anchors.fill: parent
                   anchors.leftMargin: Style.marginS * scaling
                   anchors.rightMargin: Style.marginS * scaling
-                  spacing: Style.marginS * scaling
+                  spacing: Style.marginM * scaling
 
-                  // Tab icon
+                  NIcon {
-                  Item {
+                    text: Bootstrap.icons[modelData.icon]
-                    width: 20 * scaling
+                    color: tabTextColor
-                    height: width
+                    font.pointSize: Style.fontSizeL * scaling
-
-                    NIcon {
-                      text: Bootstrap.icons[modelData.icon]
-                      color: tabTextColor
-                      font.pointSize: Style.fontSizeL * scaling
-                      anchors.centerIn: parent
-                    }
                   }
-
                   // Tab label
                   NText {
                     text: modelData.label

Modules/SettingsPanel/Tabs/AudioTab.qml

@@ -272,7 +272,7 @@ ColumnLayout {
 
         // Button aligned to the center of the actual input field
         NIconButton {
-          icon: Bootstrap.icons["plus"]
+          icon: Bootstrap.icons["plus-lg"]
           Layout.alignment: Qt.AlignBottom
           Layout.bottomMargin: blacklistInput.description ? Style.marginS * scaling : 0
           onClicked: {

Modules/SidePanel/Cards/PowerProfilesCard.qml

@@ -28,7 +28,7 @@ NBox {
     }
     // Performance
     NIconButton {
-      icon: Bootstrap.icons["speed"]
+      icon: Bootstrap.icons["speedometer2"]
       tooltipText: "Set performance power profile."
       enabled: hasPP
       opacity: enabled ? Style.opacityFull : Style.opacityMedium
@@ -42,7 +42,7 @@ NBox {
     }
     // Balanced
     NIconButton {
-      icon: Bootstrap.icons["yin_yang"]
+      icon: Bootstrap.icons["yin-yang"]
       tooltipText: "Set balanced power profile."
       enabled: hasPP
       opacity: enabled ? Style.opacityFull : Style.opacityMedium

Modules/SidePanel/Cards/SystemMonitorCard.qml

@@ -24,7 +24,7 @@ NBox {
 
     NCircleStat {
       value: SystemStatService.cpuUsage
-      icon: Bootstrap.icons["speed"]
+      icon: Bootstrap.icons["speedometer2"]
       flat: true
       contentScale: 0.8
       width: 72 * scaling
@@ -33,7 +33,7 @@ NBox {
     NCircleStat {
       value: SystemStatService.cpuTemp
       suffix: "°C"
-      icon: Bootstrap.icons["thermometer"]
+      icon: Bootstrap.icons["fire"]
       flat: true
       contentScale: 0.8
       width: 72 * scaling

Modules/SidePanel/Cards/UtilitiesCard.qml

@@ -25,7 +25,7 @@ NBox {
     }
     // Screen Recorder
     NIconButton {
-      icon: Bootstrap.icons["video_camera"]
+      icon: Bootstrap.icons["camera-video"]
       tooltipText: ScreenRecorderService.isRecording ? "Stop screen recording." : "Start screen recording."
       colorBg: ScreenRecorderService.isRecording ? Color.mPrimary : Color.mSurfaceVariant
       colorFg: ScreenRecorderService.isRecording ? Color.mOnPrimary : Color.mPrimary
@@ -41,7 +41,7 @@ NBox {
 
     // Idle Inhibitor
     NIconButton {
-      icon: Bootstrap.icons["coffee"]
+      icon: Bootstrap.icons["cup-hot"]
       tooltipText: IdleInhibitorService.isInhibited ? "Disable keep awake." : "Enable keep awake."
       colorBg: IdleInhibitorService.isInhibited ? Color.mPrimary : Color.mSurfaceVariant
       colorFg: IdleInhibitorService.isInhibited ? Color.mOnPrimary : Color.mPrimary

Services/BatteryService.qml

@@ -2,6 +2,7 @@ pragma Singleton
 
 import Quickshell
 import Quickshell.Services.UPower
+import qs.Commons
 import qs.Services
 
 Singleton {
@@ -10,7 +11,7 @@ Singleton {
   // Choose icon based on charge and charging state
   function getIcon(percent, charging, isReady) {
     if (!isReady) {
-      return Bootstrap.icons["battery"] // FIXME: find battery error ?
+      return Bootstrap.icons["exclamation-diamond"]
     }
 
     if (charging) {

Widgets/NComboBox.qml

@@ -85,7 +85,7 @@ RowLayout {
     indicator: NIcon {
       x: combo.width - width - Style.marginM * scaling
       y: combo.topPadding + (combo.availableHeight - height) / 2
-      text: Bootstrap.icons["arrow_drop_down"]
+      text: Bootstrap.icons["chevron-down"]
       font.pointSize: Style.fontSizeL * scaling
     }
 

Widgets/NSpinBox.qml

@@ -95,7 +95,7 @@ RowLayout {
 
       NIcon {
         anchors.centerIn: parent
-        text: Bootstrap.icons["minus"]
+        text: Bootstrap.icons["dash-lg"]
         font.pointSize: Style.fontSizeS * scaling
         color: decreaseArea.containsMouse ? Color.mOnPrimary : Color.mPrimary
       }
@@ -130,7 +130,7 @@ RowLayout {
 
       NIcon {
         anchors.centerIn: parent
-        text: Bootstrap.icons["plus"]
+        text: Bootstrap.icons["plus-lg"]
         font.pointSize: Style.fontSizeS * scaling
         color: increaseArea.containsMouse ? Color.mOnPrimary : Color.mPrimary
       }