feat: alternate navigation icon set

client/components/admin/admin-theme.vue

@@ -35,6 +35,16 @@
                       v-list-tile-content
                         v-list-tile-title(v-html='data.item.text')
                         v-list-tile-sub-title(v-html='data.item.author')
+                  v-select.mt-3(
+                    :items='iconsets'
+                    outline
+                    background-color='grey lighten-2'
+                    prepend-icon='pets'
+                    v-model='config.iconset'
+                    :label='$t(`admin:theme.iconset`)'
+                    persistent-hint
+                    :hint='$t(`admin:theme.iconsetHint`)'
+                    )
                   v-divider.mt-3
                   v-switch(
                     v-model='darkMode'
@@ -43,6 +53,7 @@
                     persistent-hint
                     :hint='$t(`admin:theme.darkModeHint`)'
                     )
+
               v-card.wiki-form.mt-3.animated.fadeInUp.wait-p2s
                 v-toolbar(color='primary', dark, dense, flat)
                   v-toolbar-title
@@ -102,9 +113,16 @@ export default {
       themes: [
         { text: 'Default', author: 'requarks.io', value: 'default' }
       ],
+      iconsets: [
+        { text: 'Material Icons (default)', value: 'md' },
+        { text: 'Material Design Icons', value: 'mdi' },
+        { text: 'Font Awesome 5', value: 'fa' },
+        { text: 'Font Awesome 4', value: 'fa4' },
+      ],
       config: {
         theme: 'default',
         darkMode: false,
+        iconset: '',
         injectCSS: '',
         injectHead: '',
         injectBody: ''
@@ -130,6 +148,7 @@ export default {
           mutation: themeSaveMutation,
           variables: {
             theme: this.config.theme,
+            iconset: this.config.iconset,
             darkMode: this.darkMode,
             injectCSS: this.config.injectCSS,
             injectHead: this.config.injectHead,