Update app icon (#4534)

* Update application icon.

* Update icon preview code.

* Update screenshots

* Also update the icon on fastlane config.

---------

Co-authored-by: ElementBot <android@element.io>

appicon/element/src/main/kotlin/io/element/android/appicon/element/IconPreview.kt

@@ -10,25 +10,28 @@ package io.element.android.appicon.element
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.CircleShape
-import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
 
 @Preview
 @Composable
 internal fun IconPreview() {
     Box {
-        Image(painter = painterResource(id = R.mipmap.ic_launcher_background), contentDescription = null)
+        Image(
-        Image(painter = painterResource(id = R.mipmap.ic_launcher_foreground), contentDescription = null)
+            modifier = Modifier.matchParentSize(),
+            painter = painterResource(id = R.drawable.ic_launcher_background),
+            contentDescription = null,
+        )
+        Image(
+            painter = painterResource(id = R.mipmap.ic_launcher_foreground),
+            contentDescription = null,
+        )
     }
 }
 
@@ -36,8 +39,15 @@ internal fun IconPreview() {
 @Composable
 internal fun RoundIconPreview() {
     Box(modifier = Modifier.clip(shape = CircleShape)) {
-        Image(painter = painterResource(id = R.mipmap.ic_launcher_background), contentDescription = null)
+        Image(
-        Image(painter = painterResource(id = R.mipmap.ic_launcher_foreground), contentDescription = null)
+            modifier = Modifier.matchParentSize(),
+            painter = painterResource(id = R.drawable.ic_launcher_background),
+            contentDescription = null,
+        )
+        Image(
+            painter = painterResource(id = R.mipmap.ic_launcher_foreground),
+            contentDescription = null,
+        )
     }
 }
 
@@ -46,10 +56,7 @@ internal fun RoundIconPreview() {
 internal fun MonochromeIconPreview() {
     Box(
         modifier = Modifier
-            .size(108.dp)
+            .background(Color(0xFF2F3133)),
-            .background(Color(0xFF2F3133))
-            .clip(shape = RoundedCornerShape(32.dp)),
-        contentAlignment = Alignment.Center
     ) {
         Image(
             painter = painterResource(id = R.mipmap.ic_launcher_monochrome),

appicon/element/src/release/res/drawable/ic_launcher_background.xml

@@ -1,2 +1,10 @@
-<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:src="@mipmap/ic_launcher_background" />
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#010302"
+        android:fillType="evenOdd"
+        android:pathData="m0,0h108v108h-108z" />
+</vector>

tests/uitests/src/test/snapshots/images/appicon.element_Icon_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4f43597d36fd123dc4ec478ed8ddc3160d383881623d613b8ab8045f042b80cb
+oid sha256:96db51e34f64dc2fc5987b1b0ccfa94e866facb37821278cbd4d56247b2f63d2
-size 44846
+size 13785

tests/uitests/src/test/snapshots/images/appicon.element_RoundIcon_en.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:74af6c3ed723f027bb38b2fd7c4b0441ff26149abb587058bd2bb5be9adbe63b
+oid sha256:8526150ec60c72842c4354e5c1d5f240813af6110e9f32f515e14954136ba514
-size 40692
+size 16123