SidePanelToggle: now allows to pick any icon from the font.

Modules/SettingsPanel/Bar/WidgetSettings/SidePanelToggleSettings.qml

@@ -14,10 +14,12 @@ ColumnLayout {
   property var widgetMetadata: null
 
   // Local state
+  property string valueIcon: widgetData.icon !== undefined ? widgetData.icon : widgetMetadata.icon
   property bool valueUseDistroLogo: widgetData.useDistroLogo !== undefined ? widgetData.useDistroLogo : widgetMetadata.useDistroLogo
 
   function saveSettings() {
     var settings = Object.assign({}, widgetData || {})
+    settings.icon = valueIcon
     settings.useDistroLogo = valueUseDistroLogo
     return settings
   }
@@ -27,4 +29,34 @@ ColumnLayout {
     checked: valueUseDistroLogo
     onToggled: checked => valueUseDistroLogo = checked
   }
+
+  RowLayout {
+    spacing: Style.marginM * scaling
+
+    NLabel {
+      label: "Icon"
+      description: "Select an icon from the library."
+    }
+
+    NIcon {
+      Layout.alignment: Qt.AlignVCenter
+      icon: valueIcon
+      font.pointSize: Style.fontSizeXL * scaling
+      visible: valueIcon !== ""
+    }
+
+    NButton {
+      enabled: !valueUseDistroLogo
+      text: "Browse"
+      onClicked: iconPicker.open()
+    }
+  }
+
+  NIconPicker {
+    id: iconPicker
+    initialIcon: valueIcon
+    onIconSelected: function (iconName) {
+      valueIcon = iconName
+    }
+  }
 }