Add dark/tinted icon variants (#9241)

* add tinted icon style

* new dark icon

* use icon composer file

* rename some icons, ensure default ios is still there

* use solid fill instead of auto gradient

* fix web build

* back to gradient

* add . for consistency

* rename `default_old` to `legacy`

src/screens/Settings/AppIconSettings/useAppIconSets.ts

@@ -14,12 +14,12 @@ export function useAppIconSets() {
         name: _(msg({context: 'Name of app icon variant', message: 'Light'})),
         iosImage: () => {
           return require(
-            `../../../../assets/app-icons/ios_icon_default_light.png`,
+            `../../../../assets/app-icons/ios_icon_legacy_light.png`,
           )
         },
         androidImage: () => {
           return require(
-            `../../../../assets/app-icons/android_icon_default_light.png`,
+            `../../../../assets/app-icons/android_icon_legacy_light.png`,
           )
         },
       },
@@ -28,26 +28,12 @@ export function useAppIconSets() {
         name: _(msg({context: 'Name of app icon variant', message: 'Dark'})),
         iosImage: () => {
           return require(
-            `../../../../assets/app-icons/ios_icon_default_dark.png`,
+            `../../../../assets/app-icons/ios_icon_legacy_dark.png`,
           )
         },
         androidImage: () => {
           return require(
-            `../../../../assets/app-icons/android_icon_default_dark.png`,
-          )
-        },
-      },
-      {
-        id: 'next',
-        name: _(msg({context: 'Name of app icon variant', message: 'Next'})),
-        iosImage: () => {
-          return require(
-            `../../../../assets/app-icons/ios_icon_default_next.png`,
-          )
-        },
-        androidImage: () => {
-          return require(
-            `../../../../assets/app-icons/android_icon_default_next.png`,
+            `../../../../assets/app-icons/android_icon_legacy_dark.png`,
           )
         },
       },