language icon

packages/web/src/forms/FormFieldTemplateLarge.svelte

@@ -1,9 +1,12 @@
 <script lang="ts">
+  import FontIcon from "../icons/FontIcon.svelte";
+
   export let type;
   export let label;
   export let noMargin = false;
   export let disabled = false;
   export let labelProps: any = {};
+  export let labelIcon = null;
 </script>
 
 <div class="largeFormMarker" class:noMargin>
@@ -12,6 +15,9 @@
     <span {...labelProps} on:click={labelProps.onClick} class:disabled class='checkLabel'>{label}</span>
   {:else}
     <div class="label" {...labelProps} on:click={labelProps.onClick}>
+      {#if labelIcon}
+        <FontIcon icon={labelIcon} padRight />
+      {/if}
       <span {...labelProps} on:click={labelProps.onClick} class:disabled>{label}</span>
     </div>
     <slot />

packages/web/src/settings/GeneralSettings.svelte

@@ -20,7 +20,11 @@
 
 <div class="wrapper">
   <div class="heading">{_t('settings.application', { defaultMessage: 'Application' })}</div>
-  <FormFieldTemplateLarge label={_t('settings.localization.language', { defaultMessage: 'Language' })} type="combo">
+  <FormFieldTemplateLarge
+    label={_t('settings.localization.language', { defaultMessage: 'Language' })}
+    type="combo"
+    labelIcon="mdi mdi-translate"
+  >
     <SelectField
       isNative
       data-testid="SettingsModal_languageSelect"